@charset 'UTF-8';
/*2026*/@import url('rtve.mod_header.desktp.css');
/*2026*/@import url('rtve.mod_footer.desktp.css');

/*2026*/@import url('rtve.play.basics.desktp.css');
/*2026*/@import url('rtve.play.modules.desktp.css');

/*@import url('../rtveplay.2024/rtve.play.grids.desktp.css');*//*eliminar directamente*/

/*2026*/@import url('rtve.play.grids.directos.desktp.css');
/*2026*/@import url('rtve.play.dests.desktp.css');

/*@import url('rtve.mod_live.desktp_alternate.css');*/
@import url('../rtveplay.2024/rtve.play.playplus.desktp.css');

/*@import url('rtve.des_live.desktp_alternate.css');
@import url('rtve.player.desktp.css');*/


/** APERTURAS TEMATICAS *************************/
/************************************************/
.tve.tematic .navBox .onside,.tve.tematic .navBox .onside * {transition:none;}
.tve.tematic:not(.scrolled):not(.locked) .navBox .onside {position:absolute;top:5.2rem;left:-0.8rem;height:auto;padding:0;max-width:65rem;}
.tve.tematic:not(.scrolled):not(.locked) .navBox .onside h1 {width:100%;}
.tve.tematic:not(.scrolled):not(.locked) .navBox .onside strong {font-size:5.2rem;line-height:1;font-weight:100;opacity:0.5;color:white;width:100%;white-space:break-spaces;min-width:40rem;letter-spacing:-0.5pt;}

@media only screen and (min-width:1400px){
	.tve.tematic:not(.scrolled):not(.locked) .navBox .onside {left:0;}	
}

.tematic .mainElem .mainBox:before {
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(135deg, black, transparent 50%);
    position: absolute;
    top: 0;
    right: 50%;
    max-width: 70rem;
}

/*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 *****************************/
/************************************************/
/*reglas comunes a carteles verticales*/
.elem_nV .i_logo {z-index:2;}
.elem_nV .i_covr,.elem_nV .i_prvw,.elem_xV .i_covr,.elem_xV .i_prvw {z-index:1;}
.elem_nV .i_post {z-index:0;}

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



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




/** 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 *****************************************/

/** PARIS 2024 **********************************/
/************************************************/
.paris2024.scrolled .onside {display:inline-flex;width:11.6rem;overflow:hidden;justify-content:flex-end;}
.paris2024.scrolled .onside strong {white-space:nowrap;}
.paris2024 .navBox .blindBox {max-width:calc(100vw - 64rem);}
/** PARIS 2024 **********************************/
/** END *****************************************/



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

/* hover cajas */
body.Hasta.fin.mundo.tve .toolBox, body.Hasta.fin.mundo .mainElem .toolBox {background-color: rgba(92, 58, 40, 0.95)}
body.Hasta.fin.mundo .mainElem .toolBox:after {border-left-color: #5C3A28}
body.Hasta.fin.mundo .elem_xH .toolBox:after {border-right-color: #5C3A28}
body.Hasta.fin.mundo .monoBox.elem_00 .active .mainBox {background: #5C3A28;box-shadow: 0 0 12rem #5C3A28;}
body.Hasta.fin.mundo .elem_xH .serie_mod .content {background: linear-gradient(90deg, #5C3A28 50%, transparent);}

body.Hasta.fin.mundo .container.findelmundoBox .secBox strong {background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(92, 58, 40, 0.5) 100%);}
body.Hasta.fin.mundo .container.findelmundoBox .secBox strong:before {background: linear-gradient(90deg,rgba(0,0,0,0.5)  15%, transparent);}
body.Hasta.fin.mundo .container.findelmundoBox .secBox a {background-position: left 1.2rem center;}
/** ESPECIAL - HASTA EL FIN DEL MUNDO ***********/
/** END *****************************************/