@charset 'UTF-8';

.monoBox.elem_01,.monoBox.elem_01 > li {width:100%;}
.monoBox.elem_02 {width:200%;}
.monoBox.elem_02 > li {width:50%;}
.monoBox.elem_03 {width:300%;}
.monoBox.elem_03 > li {width:33.3333333334%;}

/** CAJAS DE TEXTOS *****************************/
/************************************************/
.monoBox .txtBox,.monoBox .txtBox > strong {display:flex;flex-direction:column;}
.monoBox .txtBox {justify-content:flex-end;height:100%;}
.monoBox:not(.comp_xH) .txtBox {background:rgba(0,0,0,0.67);
	background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.67) 100%);
	background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.67) 100%);
	background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.67) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ab000000',GradientType=0 );
	}
.elem_xH .ima:before {content:'';width:50%;height:100%;position:absolute;left:0;top:0;display:inline-block;
	background:rgba(17,17,17,0.67);
	background:-moz-linear-gradient(left,rgba(17,17,17,1) 9.6rem, rgba(17,17,17,0) 100%);
	background:-webkit-linear-gradient(left,rgba(17,17,17,1) 9.6rem,rgba(17,17,17,0) 100%);
	background:linear-gradient(to right,rgba(17,17,17,1) 9.6rem,rgba(17,17,17,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#00111111',GradientType=1);
	}
.elem_xH .ima:after {content:'';width:50%;height:100%;position:absolute;right:0;bottom:0;display:inline-block;
	background:rgba(17,17,17,0.67);
	background:-moz-linear-gradient(300deg,rgba(17,17,17,1) 0, rgba(17,17,17,0) 67%);
	background:-webkit-linear-gradient(300deg,rgba(17,17,17,1) 0,rgba(17,17,17,0) 67%);
	background:linear-gradient(300deg,rgba(17,17,17,1) 0,rgba(17,17,17,0) 67%);
	}
.elem_xH .ima .i_open {z-index:0;}
.elem_xH .ima:before,.elem_xH .ima .i_logo {z-index:1;}

.monoBox .txtBox > * {order:2;padding:0.2rem 0;}


.monoBox .txtBox {font-size:1.5rem;line-height:2.1rem;color:#fff;width:100%;}
	.monoBox .elem_nV .txtBox {padding:1.6rem 6.4rem 1.6rem 1.6rem;}
	.monoBox .elem_xV .txtBox,
	.monoBox .elem_xC .txtBox {padding:1.6rem 6.4rem 2rem 2.4rem;}
	.monoBox .elem_nH .txtBox {padding:2.4rem 6.4rem 2rem 1.6rem;}

.monoBox .txtBox .pretitle {font-size:1.3rem;text-transform:uppercase;font-weight:500;}
.monoBox .txtBox .maintitle {font-size:2rem;line-height:2.4rem;font-weight:400;}
.monoBox .txtBox p {font-weight:300;}
.monoBox .txtBox .legend {font-size:1.3rem;}
.monoBox .txtBox .legend:empty {display:none;}
.monoBox .txtBox .pretitle,.monoBox .pubBox * {letter-spacing:1pt;}

.monoBox .mainBox {position:relative;}
.monoBox .content {position:absolute;width:100%;display:inline-block;}
.monoBox .content {height:100%;left:50%;top:50%;transform:translate(-50%,-50%);}

/*enlace coleccion relacionada*/
.monoBox .relColl .txtBox {padding:3.2rem;}
.monoBox .relColl .maintitle {font-size:2.4rem;line-height:3rem;font-weight:700;}

/*cornisas*/
.rowOne .monoBox .txtBox {width:40%;min-width:36rem;padding:4.8rem 4.8rem 9.2rem;}
.rowOne .monoBox .txtBox p {font-size:1.8rem;line-height:2.4rem;}
.rowOne .maintag,.rowOne .pubBox,.rowOne .auxBox > .icon:not(.extra) {display:none;}
.rowOne .auxBox .extra {bottom:3.6rem;left:4.8rem;}

/*numeracion capitulos*/
.portada .capBox, .rtve .capBox {display:none;}
.seasonBox .capBox {display:inline-block;order:1;opacity:0.75;font-size:3.6rem;line-height:1;font-weight:700;letter-spacing:-1pt;}

/*peculiaridades x tipo de contenido*/
/*.elem_nH .pubBox * {display:none;}
[class*="magazine"] .datemi,
[class*="informativo"] .datemi {display:inline-block;}
*/



/** CAJAS DE TEXTOS *****************************/
/** END *****************************************/




/** PROGRESS-BAR ********************************/
/************************************************/
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar,.collSet .goto_media .progressBar span {border-radius:0.3rem;height:0.6rem;display:inline-block;position:absolute;}
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar {bottom:-0.7rem;z-index:2;}
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar span {left:0;}
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar {left:50%;transform:translateX(-50%);}
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar {width:100%;overflow:hidden;background:#b9b9b9;}
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar span {background:rgba(0,0,0,0.5);box-shadow:0.4rem 0 1.2rem rgba(0,0,0,0.5);float:left;}
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar strong {}
.collSet .monoBox:not(.comp_xH) .goto_media .progressBar em {display:none;}
/** PROGRESS-BAR ********************************/
/** END *****************************************/


/*boton otras opciones*/
.icon-label.extra {position:absolute;z-index:2;}
.monoBox .icon-label.extra.active {z-index:3;}
.icon-label.extra .rtve-icons {width:100%;height:100%;background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options.svg');}
.icon-label.extra.active .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_circulo_FFFFFF.svg');}
.icon-label.extra.active strong {display:none;}
/*distractor*/
.icon-label.extra.loading-options {}
.icon-label.extra.loading-options .rtve-icons {cursor:default;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options_animate.png');}
.tooltip.loading-options .rtve-icons:hover + strong {opacity:0;}


/*max. elementos 40 + 2 (agrupador extra)*//*100/42*/
/*.slideH .monoBox.elem_00 > li {width:calc(100%/42);}/*add 'slideH' para no condicionar el ancho de los grids no slide*/

/*max. elementos 60 + 2 (agrupador extra)*//*100/62*/
.slideH .monoBox.elem_00 > li {width:calc(100%/62);}
/*tiras de videos normales*//*max. 60 elementos*/
.slideH .comp_nH.elem_00 > li {width:calc(100%/60);}/*add 'slideH' para no condicionar el ancho de los grids no slide*/



/*elementos nH*//*formato 16:9*/
.elem_nH .mainBox {padding-top:calc(9/16 * 100%);}

/*elementos xH*//*formato 4:1*/

/*boton barra progreso*/
.elem_xH .video_mod .goto_media .progressBar {text-align:center;background:rgba(255,255,255,0.67);border-radius:0.3rem;overflow:hidden;}
.elem_xH .video_mod .goto_media .progressBar strong {display:flex;align-items:center;justify-content:flex-start;height:100%;}
.elem_xH .video_mod .progressBar strong:before {content:'';background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg') no-repeat 50%;
background-size:100%;width:2.4rem;height:2.4rem;display:inline-block;opacity:0.67;margin:0 0.8rem;}
.elem_xH .video_mod .progressBar em {font-style:normal;font-size:1.4rem;text-transform:uppercase;letter-spacing:0.25pt;font-weight:700;color:#000;}
.elem_xH .video_mod .progressBar span:not(.rtve-icons) {position:absolute;left:0;top:0;z-index:-1;height:100%;background:#fff;box-shadow:0.4rem 0 1.2rem rgba(0,0,0,0.25);}
.elem_xH .video_mod .goto_media:hover .progressBar {background:#fff;}
.elem_xH .video_mod .goto_media:hover .progressBar span:not(.rtve-icons) {box-shadow:none;}
.elem_xH .video_mod .goto_media:hover .progressBar strong:before {opacity:1;}
/*boton info*/
.elem_xH .auxBox ._info {display:inline-block;position:absolute;top:auto;height:3.6rem;border:0.2rem solid #fff;border-radius:0.4rem;}
.elem_xH .auxBox ._info .rtve-icons {font-size:1.6rem;line-height:2.4rem;padding:0.4rem 1.8rem;}


@media only screen and (min-width:480px){
	.elem_xH .mainBox {padding-top:calc(9/16 * (100% - 9.2rem));}
	}
@media only screen and (min-width:768px){
	.elem_xH .mainBox {padding-top:calc(1/2 * (100% - 9.2rem));}
	}
@media only screen and (min-width:1024px){
	.elem_xH .mainBox {padding-top:calc(1/3 * (100% - 9.2rem));}	
	}
@media only screen and (min-width:1280px){
	.elem_xH .mainBox {padding-top:calc(1/4 * (100% - 9.2rem));}
	.monoBox .elem_xH .ima .i_open {object-fit:contain;}
	}
@media only screen and (min-width:1440px){
	
	}
@media only screen and (min-width:1920px){
	
	}

/*elementos nV*//*formato 2:3*/
.elem_nV:not(.relColl) .mainBox {padding-top:calc(3/2 * 100%);}

/*elementos xV*//*formato 2:1*/
.elem_xV .mainBox {padding-top:200%;}

/*elementos xC*//*elementos nC*//*formato 1:1*/
.elem_xC .mainBox,.elem_nC .mainBox {padding-top:100%;}

/*elementos relacionados*//*formato 4:3*/
.relColl .mainBox {padding-top:calc(3/4 * 100%);}



/** TRAILERS ************************************/
/************************************************/
.trailerControls {display:inline-flex;}
.trailerControls .icon {width:3.6rem;height:3.6rem;}
.trailerControls .icon .rtve-icons {width:100%;height:100%;}
	.trailerControls .vjs-vol-0 .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_vol_0_circulo.svg');}
	.trailerControls .vjs-playing .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_pause_circulo.svg');}

/** TRAILERS ************************************/
/** END *****************************************/


/** LO QUE OCULTAMOS SEGUN EL CONTENIDO *********/
/************************************************/
.elem_nV .serie_mod .goto_media {display:none;}

/*CLAN*/
/*div[data-idprograma="31151"] .elem_nH .capBox .capter {display:none;} /*con el id Bob esponja*/
.clan .monoBox .capBox .capter {display:none;} /*general para Clan*/

/** LO QUE OCULTAMOS SEGUN EL CONTENIDO *********/
/** END *****************************************/

/** ENLACES TEMATICOS ****************************/
/*************************************************/
.tve .linksBox .cellBox, .linksBox .mod, .linksBox .mainBox, .linksBox .content {width: 100%;height: 100%;}
.tve .linksBox .monoBox .ima {transform:none;}
.tve .linksBox .monoBox:not(.comp_xH) .txtBox {background:none}
.tve .linksBox .monoBox .ima {position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;}
.tve .linksBox .monoBox .ima:before {content:'';width:100%;height:100%;background:linear-gradient(90deg,#00000040,transparent);display:inline-block;position:relative;z-index:1;}
.tve .linksBox .monoBox .txtBox {justify-content:flex-start;padding:0.4rem 0 0 1.2rem;width:50%;}
.tve .linksBox .monoBox .txtBox p {display:none;}

/*audio*/
.rne .linksBox2 .monoBox:not(.elem_01) {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
div[class*='linksBox'] .monoBox:not(.elem_01) li *:not(.txtBox strong):not(.ima img) {height:100%;}
div[class*='linksBox'] .monoBox:not(.elem_01) .mainBox .ima {position:relative;display:block;transform:none;left:auto;top:auto;}
.rne .linksBox2 .monoBox:not(.elem_01) .mainBox img {height:auto;transition:filter 2s,transform 3s;}
div[class*='linksBox'] .monoBox:not(.elem_01) .txtBox > p {display:none;}
div[class*='linksBox'] .monoBox:not(.elem_01) .links_mod > a {display:block;overflow:hidden;}
.rne .linksBox2 .monoBox:not(.elem_01) .txtBox {padding:0 0.8rem 0.8rem 1.2rem;margin-top:0.1rem;background:linear-gradient(0deg,rgba(17,17,17,1)3.2rem,rgba(17,17,17,0)50%);}
div[class*='linksBox'] .monoBox:not(.elem_01) .txtBox .maintitle {font-family:'Roboto Slab',sans-serif;/*text-transform:lowercase;*/}

.rne .linksBox .monoBox:not(.elem_01) {display:flex;flex-direction:row;justify-content:flex-start;}
.rne .linksBox .monoBox:not(.elem_01) .mainBox img {background:transparent;}
.rne .linksBox .monoBox:not(.elem_01) .txtBox {background:transparent;}
.rne .linksBox .monoBox:not(.elem_01) .mainBox .ima:before {content:'';width:100%;height:100%;position:relative;display:block;}
.rne .linksBox .monoBox:not(.elem_01) li:nth-child(6n+1) .mainBox .ima:before {background:transparent linear-gradient(210deg, #FF6300 0%, #C8E900 100%) 0% 0% no-repeat padding-box;}
.rne .linksBox .monoBox:not(.elem_01) li:nth-child(6n+2) .mainBox .ima:before {background:transparent linear-gradient(210deg, #0049D4 0%, #DADD2A 100%) 0% 0% no-repeat padding-box;}
.rne .linksBox .monoBox:not(.elem_01) li:nth-child(6n+3) .mainBox .ima:before {background:transparent linear-gradient(210deg, #FF2AEE 0%, #00D490 100%) 0% 0% no-repeat padding-box;}
.rne .linksBox .monoBox:not(.elem_01) li:nth-child(6n+4) .mainBox .ima:before {background:transparent linear-gradient(210deg, #3600FF 0%, #FFC53F 100%) 0% 0% no-repeat padding-box;}
.rne .linksBox .monoBox:not(.elem_01) li:nth-child(6n+5) .mainBox .ima:before {background:transparent linear-gradient(210deg, #00D45A 0%, #6E15FF 100%) 0% 0% no-repeat padding-box;}
.rne .linksBox .monoBox:not(.elem_01) li:nth-child(6n+6) .mainBox .ima:before {background:transparent linear-gradient(210deg, #008AD4 0%, #FF4E00 100%) 0% 0% no-repeat padding-box;}

/** ENLACES TEMATICOS ****************************/
/** END ******************************************/