@charset 'UTF-8';
@import url('rtve.mod_footer.basics.css');

/** FOOTER DESKTP *******************************/
/************************************************/
footer.wrapper.footer {padding:2.4rem 0;position:relative;z-index:0;/*para evitar que se monte sobre el menu lateral*/}
	.tve .wrapper.footer {padding-bottom:6rem;}
	.rne .wrapper.footer {padding-bottom:24rem;}
footer .container {padding:4.8rem;display:flex;flex-direction:row;flex-wrap:wrap;}
	footer .infoBox,footer .redesBox {width:20%;}
	footer .infoBox {order:1;}
	footer .portalsBox {order:2;width:60%;}
	footer .redesBox {order:3;}
	footer [role="contentinfo"] {order:4;width:100%;}
	
/*logotipos*/
.portalsBox .icon-label {margin:0 4.8rem 0 0;}
.portalsBox .tooltip .rtve-icons:hover + strong,
footer .redesBox .tooltip .rtve-icons:hover + strong {bottom:-3.2rem;opacity:0.5;}

/*enlaces del pie*/
footer .tooltip .rtve-icons:hover + strong, .prefooter .tooltip .rtve-icons:hover + strong {color: #fff;}
footer [role="contentinfo"] ul li a {opacity:0.67;}
footer [role="contentinfo"] ul li a:after {content:'';display:block;height:0;border-bottom:0.2rem solid #fff;transform:scale(0);}
footer [role="contentinfo"] ul li a:hover:after {transform:scale(1);}
footer [role="contentinfo"] ul:nth-child(2n) li a:hover:after {display:none;}
footer [role="contentinfo"] ul li a:after {transition:all 0.3s;}
footer [role="contentinfo"] ul li a:hover {opacity:1;}

/** FOOTER DESKTP *******************************/
/** END *****************************************/

@media all and (max-width:720px) {
	footer .container {flex-direction:column;align-items:center;padding: 4.8rem 0;}
	footer .container > * {padding:2.6rem 0;}
	footer .infoBox {order:2;}
	footer .portalsBox {width:100%;order:1;display:flex;justify-content:space-evenly;} 
	footer .portalsBox .icon-label {margin:0 1rem;}
	footer .infoBox, footer .redesBox {width:100%;}
	footer .infoBox {display:flex;justify-content:center;}
}

/** PREFOOTER DESKTP *******************************/
/************************************************/
.rne .prefooter {background:#111;}
/*enlaces del pie*/
.prefooter .icon-label {margin:0 2.8rem 0 0;}
.prefooter > span {align-self:center;}
.prefooter ul {display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:4.8rem 0 2.4rem 0;}
.prefooter ul li {padding:1.2rem;}
.prefooter span, .prefooter span {color:#fff;font-size:1.4rem;line-height:2.4rem;letter-spacing:0.25pt;font-weight:300;}

.prefooter {padding:2.4rem 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
.prefooter .tooltip .rtve-icons:hover + strong {bottom:-3.2rem;opacity:0.5;}
/*enlaces del pie desktp*/
.prefooter ul li a span {opacity:0.67;}
.prefooter ul li a:after {content:'';display:block;height:0;border-bottom:0.2rem solid #fff;transform:scale(0);}
.prefooter ul li a:hover:after {transform:scale(1);}
.prefooter ul li a:after {transition:all 0.3s;}
.prefooter ul li a span:hover {opacity:1;}

/** FOOTER DESKTP *******************************/
/** END *****************************************/