@charset 'UTF-8';

/*** COMUN ***/
.container .grid .collSet {/*display:flex;*/} /* para alinear xC directo y nC*/
.now_next {display:inline-block;width:100%;margin-bottom:3rem;}
.now_next .hiveBox .monoBox li, .nowBox .elem_xC {float:left;list-style:none;}
.now_next .mod:not(.directo) .maintag {display:none;}


/** ESTRUCTURA NOW&NEXT *************************/
/************************************************/
.now_next .collSet .slideH {padding:1.6rem 4rem 0 4rem;}
.now_next .nextBox .elem_nC {width:calc(100% / 62);}
.now_next .nowBox .elem_xC {float:right;}
.now_next .nowBox .mod {position:relative;}
.now_next .nowBox .auxBox {position:absolute;right:100%;top:0;}
.now_next .nextBox {float:right;}
.now_next .nowBox {float:left;padding:1.6rem 0;}

/*eliminar logo en pagina canal*/
div[data-tipo="mod_moduloNowNextCanal"] ~ .container .mod .auxBox .canal .rtve-icons,
div[data-tipo="mod_moduloNowNextCanal"] .now_next .nextBox .audio_mod .auxBox .canal .rtve-icons {display:none;}


@media only screen and (max-width:720px){

	/*cuadrados nC*//*62 elementos*//*mostramos 2 x pagina*/
	.now_next .nextBox {width:calc(((100% - 8rem) / 4 * 2) + 6rem);}
	.now_next .nextBox .comp_nC {width:calc(62 / 1.5 * 100%);}
	/*now xC*/
	.now_next .nowBox {width:calc(100% - (((100% - 8rem) / 4 * 2) + 6rem));}
	.now_next .nowBox .elem_xC {width:calc((100vw - 8rem) / 2);padding-left:2rem;}
	.now_next .nowBox .auxBox {display:none;}
}
@media only screen and (min-width:721px){
	/*cuadrados nC*//*62 elementos*//*mostramos 2 x pagina*/
	.now_next .nextBox {width:calc(((100% - 8rem) / 4 * 2) + 8rem);}
	.now_next .nextBox .comp_nC {width:calc(62 / 2 * 100%);}
	/*now xC*/
	.now_next .nowBox {width:calc(100% - (((100% - 8rem) / 4 * 2) + 8rem));}
	.now_next .nowBox .elem_xC {width:calc((100vw - 8rem) / 3);}
	.now_next .nowBox .auxBox {width:calc((100vw - (((100vw - 8rem) / 4 * 2) + 8rem)) - ((100vw - 8rem) / 3) - 2.4rem);padding-top:calc((100vw - 8rem) / 3);}
}
@media only screen and (min-width:1024px){
	/*cuadrados nC*//*62 elementos*//*mostramos 3 x pagina*/
	.now_next .nextBox {width:calc(((100% - 8rem) / 5 * 3) + 8rem);}
	.now_next .nextBox .comp_nC {width:calc(62 / 3 * 100%);}
	/*now xC*/
	.now_next .nowBox {width:calc(100% - (((100% - 8rem) / 5 * 3) + 8rem));}
	.now_next .nowBox .elem_xC {width:calc((100vw - 8rem) / 4);}
	.now_next .nowBox .auxBox {width:calc((100vw - (((100vw - 8rem) / 5 * 3) + 8rem)) - ((100vw - 8rem) / 4) - 2.4rem);padding-top:calc((100vw - 8rem) / 4);}
}
@media only screen and (min-width:1280px){
	/*cuadrados nC*//*62 elementos*//*mostramos 4 x pagina*/
	.now_next .nextBox {width:calc(((100% - 8rem) / 6 * 4) + 8rem);}
	.now_next .nextBox .comp_nC {width:calc(62 / 4 * 100%);}
	/*now xC*/
	.now_next .nowBox {width:calc(100% - (((100% - 8rem) / 6 * 4) + 8rem));}
	.now_next .nowBox .elem_xC {width:calc((100vw - 8rem) / 5);}
	.now_next .nowBox .auxBox {width:calc((100vw - (((100vw - 8rem) / 6 * 4) + 8rem)) - ((100vw - 8rem) / 5) - 2.4rem);padding-top:calc((100vw - 8rem) / 5);}
}

@media only screen and (min-width:1440px){
	/*cuadrados nC*//*62 elementos*//*mostramos 4 x pagina*/
}
@media only screen and (min-width:1660px){
	/*cuadrados nC*//*62 elementos*//*mostramos 6 x pagina*/
	.now_next .nextBox {width:calc(((100% - 8rem) / 8 * 6) + 8rem);}
	.now_next .nextBox .comp_nC {width:calc(62 / 6 * 100%);}
	/*now xC*/
	.now_next .nowBox {width:calc(100% - (((100% - 8rem) / 8 * 6) + 8rem));}
	.now_next .nowBox .elem_xC {width:calc((100vw - 8rem) / 6);}
	.now_next .nowBox .auxBox {width:calc((100vw - (((100vw - 8rem) / 8 * 6) + 8rem)) - ((100vw - 8rem) / 6) - 2.4rem);padding-top:calc((100vw - 8rem) / 6);}

}


/** ESTRUCTURA NOW&NEXT *************************/
/*** END ******************************************/


/** ELEMENTO nC ************************************/
/***************************************************/


/** ELEMENTO nC ***********************************/
/*** END ******************************************/

/** ELEMENTO NOW - FALSO xC *********************/
/************************************************/
/*iconos de colores*/
.nowBox .auxBox .canal,.nowBox .auxBox .rtve-icons {width:100%;height:100%;opacity:1;}
.nowBox .auxBox .rtve-icons {background-position:50% 25%;}
.nowBox .auxBox .canal.radio1 .rtve-icons {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/radio-nacional_color.svg');}
.nowBox .auxBox .canal.radio3 .rtve-icons {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/radio-3_color.svg');}
.nowBox .auxBox .canal.radio4 .rtve-icons {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/radio-4_color.svg');}
.nowBox .auxBox .canal.radio5 .rtve-icons {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/radio-5_color.svg');}
.nowBox .auxBox .canal.radioC .rtve-icons {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/radio-clasica_color.svg');}
.nowBox .auxBox .canal.radioE .rtve-icons {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/radio-exterior_color.svg');}
/* estado activo*/ 
/*.nowBox .elem_xC:hover .tooltip strong {display:none;}*/
.nowBox .elem_xC:hover .txtBox p:not(.legend) {height:auto;opacity:1;z-index:2;margin-bottom:0.8rem;}
.nowBox .elem_xC:hover .txtBox strong {position:absolute;top:1.6rem;left:1.6rem;}
.nowBox .elem_xC:hover .txtBox .maintitle {font-size:inherit;line-height:2rem;padding-right:calc(25% + 1.2rem);}
.nowBox .elem_xC:hover .maintag {opacity:0;}
.nowBox .elem_xC:hover img {transform:scale(1.1);transition:all 0.3s;}
.nowBox .elem_xC:hover .icon-label .rtve-icons {opacity:1;}

.nowBox .elem_xC:hover .goto_media .rtve-icons, 
.nowBox .elem_xC:hover .goto_media .progressBar {opacity:1;}
.nowBox .elem_xC:hover .goto_media .rtve-icons:hover {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playAudio_circulo_masa.svg');}
.nowBox .elem_xC:hover .goto_media .progressBar span {
	background:rgb(255,160,0);
	background:-moz-linear-gradient(left,rgba(255,160,0,1) 0%, rgba(255,120,0,1) 100%);
	background:-webkit-linear-gradient(left,rgba(255,160,0,1) 0%,rgba(255,120,0,1) 100%);
	background:linear-gradient(to right,rgba(255,160,0,1) 0%,rgba(255,120,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa000', endColorstr='#ff7800',GradientType=1 );
}

/** ELEMENTO NOW - FALSO xC *********************/
/** END *****************************************/

/** xC DIRECTO **********************************/
/************************************************/
/* reposo 
.nowBox {width:33.333333%;float:left;}
.now_next .elem_xC {width:60%;float:right;}
.now_next .nextBox {width:66.666666666%;}
.now_next .nextBox .comp_nC {width:500%;}
.now_next .elem_xC .cellBox {position:relative;}
.now_next .elem_xC .cellBox .ima {width:100%;height:100%;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:0.4rem;}
.now_next .elem_xC .content {top:0;}
.elem_xC .mainBox .content .txtBox {font-size:1.5rem;line-height:2.1rem;}
*/


/* options */
.nowBox .elem_xC .icon-label.extra {opacity:1;z-index:3;}
.nowBox .elem_xC .icon-label .rtve-icons {opacity:0;}
.nowBox .elem_xC .icon-label.active > .rtve-icons {opacity:0.6;}
.nowBox .elem_xC .goto_media {bottom:-0.2rem;z-index:1;}

/* maintag */
.nowBox .elem_xC strong.maintag {display:inline-block;background:#fff;padding:0.5rem 0;position:absolute;left:1rem;top:1rem;}
.nowBox .elem_xC strong.maintag span {color:#000;padding-left:2.2rem;}
.nowBox .elem_xC strong.maintag span:after{content:'';position:absolute;display:block;width:1rem;height:1rem;font-size:0;top:1.1rem;left:0.8rem;background-color:#ff0000;border-radius:0.6rem;}

/** xC DIRECTO **********************************/
/*** END ****************************************/



	

/** CONTROLES *********************************/
/**********************************************/
.wariaType .controlBox span[role="button"] {z-index:3;}

/** CONTROLES *******************************/
/*** END ************************************/


/** FALSOS CANALES ******************************/
/************************************************/
.portada.r3-extra .bodier .toplayer,.portada.solo-podcasts .bodier .toplayer {padding:0 4.8rem 0 9.6rem;}
.portada.r3-extra .bodier .toplayer:before,.portada.solo-podcasts .bodier .toplayer:before {content:'';display:inline-block;position:relative;left:50%;
	height:8.4rem;width:16.4rem;margin-top:-5.2rem;transform:translateX(-50%);
	background-size:100%;background-repeat:no-repeat;background-position:50%;}
.portada.r3-extra .bodier .toplayer:before {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/radio-3-extra_color.svg');}
.portada.solo-podcasts .bodier .toplayer:before {background-image:url('https://img2.rtve.es/css//rtve.2021/i/rtve-logos/logos_cadenas/solo-podcasts_color.svg');}

/** FALSOS CANALES ******************************/
/** END *****************************************/