@charset 'UTF-8';
@import url('rtve.mod_header.desktp.css');
@import url('rtve.mod_footer.desktp.css');
@import url('rtve.play.basics.desktp.css');
@import url('rtve.play.grids.desktp.css');
@import url('rtve.play.dests.desktp.css');
@import url('rtve.play.playplus.desktp.css');
@import url('rtve.play.infantil.desktp.css');

/*@import url('/css/rtveplay.2025/rtve.play.traducciones-cat.desktp.css');*/

/*ajustes portada programa*/
/*.pfserie .mainElem .serie_mod .icon-label.extra {left:22.8rem;}*/
/* .pfserie .mainElem .toolBox {left:28.6rem;} */
.pfserie .mainElem .txtBox .capBox {/*display:block;*/}


/** NAVEGACION PROGRAMA *************************/
/************************************************/
/*reglas comunes*/
body[class*="pf"] .slideNav {padding:1.2rem 0;overflow:auto;border-top:0.1rem solid #fff;margin:3.6rem 0 0 0;}

body[class*="pf"] .scndTabs {display:flex;max-width:140rem;padding:0.8rem 4.8rem;margin:0 auto;}
body[class*="pf"] .scndTabs li {display:flex;flex-direction:column;padding:1.2rem;}
body[class*="pf"] .scndTabs li:first-child {padding-left:0;}
body[class*="pf"] .scndTabs li:not(.redesBox) > * {font:var(--R-400_16);text-transform:uppercase;color:#fff;opacity:0.67;letter-spacing:0.5pt;white-space:nowrap;}
body[class*="pf"] .scndTabs li:not(.redesBox) a * {font-weight:inherit;} 
body[class*="pf"] .scndTabs .active > * {opacity:1;}
body[class*="pf"] .scndTabs .active a {border-color:#fff;border-width:0 0 0.2rem 0;border-style:solid;}

/*solo dektp*/
body[class*="pf"] .scndTabs li > a:hover {opacity:1;}
body[class*="pf"] .scndTabs li:not(.active) a:after {content:'';display:block;height:0;border-bottom:0.2rem solid #fff;transform:scale(0);}
body[class*="pf"] .scndTabs li:not(.active) a:hover:after {transform:scale(1);}
.scndTabs li a:after {transition:all 0.3s;}

/** NAVEGACION PROGRAMA *************************/
/** END *****************************************/


/*items menu*/
.vjs-menu-item .vjs-menu-item-text {padding:0.8rem 0.4rem;border-top:0.1rem solid #676869;
	display:inline-block;width:100%;}
.vjs-menu-item .vjs-menu-item-text:hover {background:rgba(255,255,255,0.1);color:#fff;}
/*item seleccionado*/
.vjs-menu-item.vjs-selected .vjs-menu-item-text {color:#fff;}
.vjs-menu-item.vjs-selected .vjs-menu-item-text:before {content:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_check.svg');height:2.4rem;width:2.4rem;float:right;}
/*cerrar*/
.vjs-menu-title {position:absolute;right:1.6rem;top:1.2rem;width:2.4rem;height:2.4rem;padding-top:2.4rem;overflow:hidden;
	background:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg') no-repeat 50%;opacity:0.67;}
.vjs-menu-title:hover {opacity:1;}

/** ESTRUCTURA **********************************/
/************************************************/


/*cornisas*/
.collSet .rowOne {width:100%;}








/*enlace coleccion relacionada*/
.monoBox.elem_00 > .relColl {width:calc(100%/42*2);}
.monoBox.elem_00 > .relColl .mainBox .ima img {display:inline-block;z-index:-1;}
.extra_mod .mainBox:before {content:'';width:calc(100% - 0.6rem);height:calc(100% - 0.6rem);position:absolute;z-index:0;left:0.3rem;top:0.3rem;
background: -moz-linear-gradient(top,  rgba(232,86,16,0.67) 0%, rgba(163,9,80,0.85) 80%, rgba(163,9,80,1) 100%);
background: -webkit-linear-gradient(top,  rgba(232,86,16,0.67) 0%,rgba(163,9,80,0.85) 80%,rgba(163,9,80,1) 100%);
background: linear-gradient(to bottom,  rgba(232,86,16,0.67) 0%,rgba(163,9,80,0.85) 80%,rgba(163,9,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe85610', endColorstr='#a30950',GradientType=0 );
border-radius:0.4rem;
}
.extra_mod .mainBox:after {content:'';width:2rem;height:2rem;border-style:solid;border-width:0 0 0.3rem 0.3rem;
	position:absolute;left:50%;bottom:0;background:rgb(163,9,80);
	transform:translate(-50%,45%) rotate(-45deg);display:none;
}
.active .extra_mod .mainBox:after {display:block;}









/** IMAGENES POSTER *****************************/
/************************************************/


.elem_nV .i_logo {z-index:2;}
.elem_nV .i_covr,.elem_nV .i_prvw {z-index:1;}
.elem_nV .i_post {z-index:0;}


.elem_nV .i_covr,.elem_nV .i_prvw {opacity:0;}
.elem_nV.active .i_covr,.elem_nV.active .i_prvw {opacity:1;}
.elem_nV.active .i_logo {display:none;}



@keyframes goback {
  from {background-color: red;}
  to {background-color: yellow;}
}





/*posters alargados*//*formato 2:1*/
.monoBox.comp_xV .mainBox .ima {padding-top:200%;}
.monoBox.comp_xV .ima .i_prvw,.monoBox.comp_xV .ima .i_colm {display:inline-block;}
.monoBox.comp_xV .active .mainBox .ima {padding-top:98%;}

/*cornisas | destacados horizontales*//*formato 4:1*/
.monoBox.comp_xH .mainBox .ima {padding-top:25%;}
.monoBox.comp_xH .ima .i_logo,.monoBox.comp_xH .ima .i_open {display:inline-block;}
.monoBox.comp_xH .ima .i_logo {height:auto;}


/*.monoBox .active .mainBox .ima {padding:0;height:100%;}*/



/** TEASERS *************************************/
/************************************************/
.monoBox .videoContent,.videoContent video {position:absolute;left:0;top:0;}
.videoContent video {width:100%;height:auto;}
.monoBox.elem_00 .videoContent {width:100%;height:100%;border-width:0.8rem;}
.videoContent video {height:100%;width:100%;object-fit:cover;object-position:center center;}
.videoContent {display:none;}
.user_active .active .videoContent {display:inline-block;}
/** TEASERS *************************************/
/** END *****************************************/

/** REDES SOCIALES ******************************/
/***********************************************
body[class*="pf"] .scndTabs .redesBox {flex-direction:row;position:absolute;right:3.2rem;top:3.2rem;}
body[class*="pf"] .scndTabs .redesBox > .icon-label {opacity:0.5;border-radius:100%;filter:invert(1);margin-left:2rem;padding:0.4rem;width:3.6rem;height:3.6rem;}
body[class*="pf"] .scndTabs .redesBox > .icon-label:hover {opacity:0.85;}
body[class*="pf"] .scndTabs .redesBox > .icon-label:hover strong {filter:invert(1);bottom:-2.4rem;opacity:0.5;}
body[class*="pf"] .scndTabs .redesBox .icon-label .rtve-icons {width:2.8rem;height:2.8rem;}
	.tve .scndTabs .redesBox .icon-label {background-color:#111;}
	.rne .scndTabs .redesBox .icon-label {background-color:#fff;}*/
/** REDES SOCIALES ******************************/
/** END *****************************************/


/** DETALLE DE PROGRAMA *************************/
/************************************************/
.detailsbox > section {display:grid;grid-template-columns:24rem 1fr 1fr;grid-template-rows:auto auto;grid-gap:4.8rem;max-width:140rem;padding:4.8rem;margin:0 auto;}
	.detailsbox .resumBox {grid-row-start:1;grid-column-start:1;grid-column-end:span 3;display:inline-flex;align-items:baseline;}
	.detailsbox section > .ima,.detailsbox .techs {grid-column-start:1;}
	.detailsbox .intro {grid-column-start:2;}
	.detailsbox .staff {grid-column-start:3;}
	.detailsbox .intro,.detailsbox .staff,.detailsbox section > .ima,.detailsbox .techs {grid-row-start:2;}
	.detailsbox .techs {width:100%;padding-top:calc(36rem + 2.4rem);}

.pfvideo .detailsbox .resumBox {display:inline-block;}
.pfvideo .detailsbox .resumBox > strong:first-of-type {width:100%;display:inline-block;}

.detailsbox {color:#fff;font:var(--R-300_16);letter-spacing:0.25pt;word-spacing:-0.25pt;
	position:relative;}
.detailsbox strong {font-weight:500;}
.detailsbox .resumBox > strong:first-of-type {font:var(--NS-400_36);font-weight:100;border:0 none;padding:0;margin-right:0.8rem;}
.detailsbox .emis_Box strong {float:left;}


.detailsbox .resumBox .pubBox:before,
.detailsbox .resumBox .pubBox:after {font-weight:300;padding:0 0.4rem;} 
.detailsbox .resumBox .pubBox:before {content:"(";}
.detailsbox .resumBox .pubBox:after {content:")";}
.detailsbox section > .ima {width:24rem;height:36rem;}
.detailsbox .capBox {text-transform:uppercase;font-size:1.3rem;}
.detailsbox .capBox * {line-height:2.4rem;display:inline-block;}
.detailsbox .capBox em {font-style:normal;font-weight:300;padding-left:0.8rem;}
.detailsbox .capBox em:before {content:"";display:inline-block;width:0.6rem;height:0.6rem;margin:0.2rem 0.8rem 0.2rem 0;border-radius:100%;background:#fff;}

/*rotulos de calificacion*/
.detailsbox .redad .rtve-icons {display:none;}

.detailsbox .resumBox {flex-wrap:wrap;}
.detailsbox .auxBox {display:flex;}
	.detailsbox .icon.trait {order:1;margin-right:1.2rem;}
	.detailsbox .redad {order:2;display:inline-flex;width:100%;margin-top:2.4rem;}

.detailsbox .redad:before {margin-right:1.2rem;}
.detailsbox .redad strong {color:var(--G02);font:var(--R-400_13);max-width:21.2rem;line-height:1.7rem;display:inline-block;}
.detailsbox .legend {display:none;}


.detailsbox .txtBox p:after,.detailsbox .txtBox dd:after {content:'';display:block;height:0.8rem;width:100%;}


.detailsbox dt {float:left;color:var(--G02_67);font-weight:400;}
	.detailsbox .txtBox:not(.techs) dt {width:100%;}
.detailsbox .techs dt:after {content:":";padding:0 0.4rem;display:inline-block;font-weight:700;} 
.detailsbox .subtitle {font:var(--RS-temas);font-weight:300;color:var(--G02_67);padding-bottom:2.4rem;display:block;}
/*columna derecha*/
.detailsbox .staff {display:flex;flex-direction:column;}
/*redes en ficha de detalle*/
.staffBox .redesBox .rtve-icons {background-size:2.8rem;}
/*.staffBox .redesBox .icon-label {padding:0.8rem 0.6rem;margin-top:-0.8rem;}*/
.staffBox .tooltip strong {bottom:-1.2rem;line-height:1.6rem;font-size:1.2rem;}


/*mas info*/
.staffBox .xtrnBox {/*margin-top:1.2rem;*/}/*en PFvideo no existe este contenedor*/
	.detailsbox .logo_imdb .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/otros-logos/imdb.svg');}
	.detailsbox .logo_wiki .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/otros-logos/wiki.svg');}
	.detailsbox .logo_fotv .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/otros-logos/fortv.svg');}
	.detailsbox .logo_ecar .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/otros-logos/ecart.svg');}
/*loguitos*/
.staffBox .otros-logos .rtve-icons {width:4.8rem;height:3.2rem;}
.staffBox .otros-logos {padding:1.2rem;}
.staffBox .xtrnBox {width:100%;margin-top:0.8rem;}
.staffBox dd:has(.otros-logos) {display:inline-block;width:100%;padding-top:0.8rem;margin-left:-1.2rem;}

.staffBox .xtrnBox + dd .rtve-icons {width:4.8rem;height:3.2rem;}
.staffBox .xtrnBox {width:100%;margin-top:0.8rem;}
.staffBox .xtrnBox + dd .icon-label {padding:0.8rem 0.6rem;}
.staffBox .xtrnBox + dd .tooltip strong {position:relative;display:inline-block;opacity:0.67;}

/*labels*/
.staffBox .otros-logos:hover strong {top:auto;bottom:-1.6rem;opacity:1;visibility:visible;}
/*puntuacion IMDb*/
.logo_imdb .rate {font-size:1.1rem;font-weight:500;width:auto;padding:0 0.4rem;height:2.4rem;text-align:center;display:inline-block;background:#000;color:#F5C518;border-radius:0.6rem;border:0.2rem solid #F5C518;line-height:2.2rem;position:absolute;right:-0.8rem;top:-0.4rem;}

/** DETALLE DE PROGRAMA *************************/
/** END *****************************************/


/*ocultamos bsuqueda de fecha series*/
.pfserie .seasonBox form fieldset {display:none;}

/** CONTADOR *********************************/
/*********************************************/
.grid_Box .countItem {display:flex;width:100%;flex-direction:column;align-items:center;padding-top:2.4rem;}
.grid_Box .countItem > a {width:auto;bottom:0;}
.grid_Box .countItem > a span {display:block;font-size:1.6rem;line-height:2rem;letter-spacing:1pt;text-transform:uppercase;font-weight:500;
	border-radius:0.4rem;padding:0.8rem 1.6rem;opacity:0.67;cursor:pointer;}
	.tve .grid_Box .countItem > a span {border:0.2rem solid #fff;}
.grid_Box .countItem > a:hover span {opacity:1;transition:all 0.85s ease-in-out;}
	.tve .grid_Box .countItem > a:hover span {background-color:#fff;color:#000;}
.grid_Box .countItem .numItem {font-size:1.2rem;padding:1rem;}
.grid_Box .countItem .numItem .totalItem:before {content:' de '}

/* progressBox */
.grid_Box .countItem .progressBar, .grid_Box .countItem .progressBar span {border-radius:0.3rem;height:0.6rem;display:block;}
.grid_Box .countItem .progressBar {width:10%;background:#b9b9b9;}
.tve .grid_Box .countItem .progressBar span {background:#fff;}
.tve .container.radio .grid_Box .countItem .progressBar span {background:#000;}

/** CONTADOR ***********************************/
/*** END ***************************************/

/** OCULTAMOS RELACIONADOS MOMENTANEAMENTE *****/
/***********************************************/
.pfserie [data-section='relatedsEditorial'] {display:none;}
/** OCULTAMOS RELACIONADOS MOMENTANEAMENTE *****/
/*** END ***************************************/



/** ESPECIAL - HASTA EL FIN DEL MUNDO ***********/
/************************************************/
body[data-program-uid="SHO_HASCON"],body[data-program-uid="SHO_HASCON"] .mainElem .txtBox p:not(.legend), body[data-program-uid="SHO_HASCON"] .mainElem .maintag, body[data-program-uid="SHO_HASCON"] .monoBox.elem_00 .maintag, body[data-program-uid="SHO_HASCON"] .wariaType .controlBox span[role="button"]:before {background: #5C3A28}
body[data-program-uid="SHO_HASCON"] {background-image: url(https://css.rtve.es/css/rtve.2025/rtve.alertas/i/hasta-fin-mundo/bg_patter.png)}
body[data-program-uid="SHO_HASCON"] .mainElem .maintag, body[data-program-uid="SHO_HASCON"] .monoBox.elem_00 .maintag {border-color:#fff}
body[data-program-uid="SHO_HASCON"] .mainElem .mainBox > .ima:before, body[data-program-uid="SHO_HASCON"] .mainElem .video_mod.live .content .ima:before {background: linear-gradient(90deg, #5C3A28, rgba(0, 0, 0, 0));}
/** ESPECIAL - HASTA EL FIN DEL MUNDO ***********/
/** END *****************************************/