@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');

/*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 {border-width:1.6rem 4.8rem 0 4.8rem;padding:1.2rem 0 0 0;overflow:auto;}
	.slideNav .scndTabs {border-top:0.1rem solid #fff;}
body[class*="pf"] .scndTabs {display:inline-flex;min-width:100%;padding:0.8rem 0 1.2rem 0;}
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-size:1.6rem;line-height:2.8rem;text-transform:uppercase;color:#fff;opacity:0.67;font-weight:700;letter-spacing:0.5pt;white-space:nowrap;}
body[class*="pf"] .scndTabs .active > * {opacity:1;}
body[class*="pf"] .scndTabs .active a {border-color:#fff;border-width:0 0 0.2rem 0;}

/*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 .intro {min-height:52rem;}
.detailsbox {color:#fff;font-size:1.4rem;line-height:2.4rem;font-weight:300;letter-spacing:0.25pt;word-spacing:-0.25pt;
	position:relative;padding:2.4rem 0 2.4rem 24rem;}
.detailsbox strong {font-weight:500;}
.detailsbox .resumBox > * {font-size:1.6rem;padding-left:0.4rem;} 
.detailsbox .resumBox > strong:first-of-type {font-size:2rem;border:0 none;padding:0;}
.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;float:left;margin:0 -24rem 2.4rem -24rem;}
.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 .redad:before {background:transparent;padding:0.4rem;font-size:1.5rem;float:left;display:block;min-width:3.6rem;}
	.detailsbox .redad.mas01:before {color:#0b6;}
	.detailsbox .redad.mas07:before {color:#07f;}
	.detailsbox .redad.mas13:before,.detailsbox .redad.mas12:before,.detailsbox .redad.mas16:before {color:#b90;}
	.detailsbox .redad.mas18:before {color:#c43;}
.detailsbox .redad strong {font-size:1.2rem;line-height:1.8rem;font-weight:400;}
.detailsbox .redad.mas00 strong {padding:0 0 0 3.6rem;}

.detailsbox .legend{font-size:1.5rem;line-height:2rem;font-weight:500;letter-spacing:0.25pt;padding:0.4rem;color:#67a7a7;}

.detailsbox .resumBox {padding:0 2.8rem;}
.detailsbox .txtBox {padding:2.8rem;}
.detailsbox .txtBox p:after,.detailsbox .txtBox dd:after {content:'';display:block;height:0.8rem;width:100%;}
.detailsbox .intro {width:60%;float:left;padding-right:5.6rem;}
.detailsbox .techs {position:absolute;left:0;top:38.4rem;padding-left:0;width:24rem;}
.detailsbox dt {float:left;color:#ababab;font-weight:400;}
.detailsbox dt:after {content:":";padding:0 0.4rem;display:inline-block;font-weight:700;} 
.detailsbox .subtitle {text-transform:uppercase;letter-spacing:1.5pt;padding-bottom:0.8rem;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*/
/*.detailsbox .otros-logos {padding:0.8rem 0.6rem;margin-top:-0.8rem;}*/
	.detailsbox .logo_imdb .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/otros-logos/imdb.svg');}
	.detailsbox .logo_wiki .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/otros-logos/wiki.svg');}

/*loguitos*/
.staffBox .xtrnBox + dd .rtve-icons {width:3.6rem;height:2.4rem;}
.staffBox .xtrnBox {width:100%;margin-top:0.8rem;}
.staffBox .xtrnBox + dd .icon-label {padding:0.8rem 0.6rem;}

/*opciones en linea*//*.staffBox .redesBox {float:left;width:100%;}
.staffBox .redesBox .icon-label strong {visibility:visible;opacity:0.67;position:relative;bottom:auto;left:auto;transform:none;line-height:2.4rem;font-weight:400;border-bottom:0.1rem solid #fff;}
.staffBox .redesBox .rtve-icons {width:2.4rem;background-size:auto;margin:0 0.4rem 0 -0.4rem;}
.staffBox .redesBox .icon-label {flex-direction:row;padding:0;margin:0 1.2rem 0 0;}
.staffBox .redesBox .icon-label:hover strong {opacity:1;}*/
/** 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 ***************************************/