@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.grids.directos.desktp.css');
@import url('rtve.play.dests.desktp.css');
/*@import url('rtve.mod_live.desktp_alternate.css');*/
@import url('rtve.play.playplus.desktp.css');

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

@import url('rtve.play.TVscreen.css');

@import url('rtve.play.infantil.desktp.css');

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


/*nombre en cabecera*/
.tve.chanels:not(.scrolled) .navBox .onside strong {opacity:0;width: 0;}
/*icono de cadena*/
.tve.chanels .mainElem .auxBox {bottom:14.4rem;}
.tve.chanels .mainElem .auxBox .canal {height:calc((100vw * 0.5625) - 8.4rem);max-height:calc((140rem * 0.5625) - 8.4rem);width:0;padding:0;bottom:0;top:auto;position:absolute;left:auto;right:0;}
.tve.chanels .mainElem .auxBox .canal .rtve-icons {width:20vw;max-width:23rem;aspect-ratio:16/9;display:inline-block;position:absolute;right:4.8rem;bottom:5.6rem;color:transparent;}

.tve.chanels .mainElem .mod .auxBox .canal {display:block;}

.tve.chanels .mainElem .auxBox .canal .rtve-icons {background-repeat:no-repeat;background-position:100% 50%;background-size:auto 100%;}
	  .chanels.la1 .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-la1.svg');}
	  .chanels.la2 .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-la2.svg');}
	  .chanels.h24 .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-24horas.svg');}
	  .chanels.tdp .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-tdp.svg');}
		.chanels.tve_cat .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tve-cat.svg');}
		.chanels.tve_can .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tve-can.svg');} 
		.chanels.clan .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-clan.svg');}
		.chanels.la2cat .mainElem .auxBox .canal .rtve-icons {background-image:url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logos_cadenas/tv-la2cat.svg');}
	
/*logo de programa*/
.tve.chanels .mainElem .mainBox > .ima .i_logo {left:auto;top:0;right:4.8rem;bottom:auto;height:18vw;width:auto;max-width:100%;
	transform:translateY(-18vw);opacity:0.5;}


.chanels.tdp .navBox .onside,.chanels.tdp .navBox .onside * {transition:none;}
.chanels.tdp:not(.scrolled):not(.locked) .navBox .onside {position:absolute;top:5.2rem;left:-0.8rem;height:auto;padding:0;max-width:65rem;}
.chanels.tdp:not(.scrolled):not(.locked) .navBox .onside h1 {width:100%;}
.chanels.tdp: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;}


/*destacado de clan*/
.chanels.clan .mainElem .video_mod.live .nexLive .datemi {color:#fff;}
.chanels.clan .mainElem .video_mod.live .nexLive:before, .mainElem .video_mod.live .nexLive .maintitle {display:inline-block;}
.chanels.clan .mainElem .video_mod.live .nexLive .maintitle	{width:auto;}
.chanels.clan .mainElem .video_mod.live .nowLive .maintitle:before {background:#fff;}

/*@media only screen and (max-width:719px){
	.tve.chanels .mainElem .txtBox {width:100%;}
	.tve.chanels .mainElem .mainBox > .ima .i_logo {margin-top:80%;}
}
@media only screen and (min-width:720px){
	.tve.chanels .mainElem .txtBox {width:100%;}
	.tve.chanels .mainElem .mainBox > .ima .i_logo {margin-top:60%;}
	.mainElem .video_mod .pretitle {display:block;}
}
@media only screen and (min-width:768px){
	.mainElem .content {max-width:60rem;}
	.tve.chanels .mainElem .mainBox > .ima .i_logo {margin-top:56.25%;}
}
@media only screen and (min-width:1024px){
	.tve.chanels .mainElem .mainBox > .ima .i_logo {height:19.53vw;margin-top:50%;transform:translateY(-19.53vw);}
}
@media only screen and (min-width:1200px){
	.tve.chanels .mainElem .mainBox > .ima .i_logo {height:16.67vw;margin-top:45%;transform:translateY(-16.67vw);}
}
@media only screen and (min-width:1280px){
	.tve.chanels .mainElem .mainBox > .ima .i_logo {height:16.625vw;margin-top:40%;transform:translateY(-16.625vw);}
}
@media only screen and (min-width:1440px){
	.tve.chanels .mainElem .mainBox > .ima .i_logo {height:13.89vw;transform:translateY(-13.89vw);}
}
@media only screen and (min-width:1660px){
	.tve.chanels .mainElem .mainBox > .ima .i_logo {height:12.04vw;margin-top:35%;transform:translateY(-12.04vw);}
}
.tve.chanels .mainElem .content > .ima:before,
.tve.chanels .mainElem .mainBox > .ima:before {z-index:2;background: linear-gradient(to bottom,rgba(17,17,17,0) 50%,rgba(17,17,17,1) 80%);}

.chanels .mainElem .mainBox > .ima:after,
.chanels .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(255,160,0,0) 50%,rgba(255,160,0,0.5) 60%,rgba(240,80,20,1) 80%);
	}
.chanels.la1 .mainElem .mainBox > .ima:after,
.chanels.la1 .mainElem .video_mod.live .content > .ima:after,
.chanels.tve_cat .mainElem .mainBox > .ima:after,
.chanels.tve_cat .mainElem .video_mod.live .content > .ima:after,
.chanels.tve_can .mainElem .mainBox > .ima:after,
.chanels.tve_can .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(64,181,226,0) 50%,rgba(64,181,226,0.5) 60%,rgba(74,11,163,1) 80%);
	}
.chanels.la2 .mainElem .mainBox > .ima:after,
.chanels.la2 .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(0,255,227,0) 50%,rgba(0,255,227,0.5) 60%,rgba(0,129,162,1) 80%);
	}
.chanels.h24 .mainElem .mainBox > .ima:after,
.chanels.h24 .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(255,66,0,0) 50%,rgba(255,66,0,0.5) 60%,rgba(163,0,80,1) 80%);
	}
.chanels.clan .mainElem .mainBox > .ima:after,
.chanels.clan .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(100,165,255,0) 50%,rgb(30 120 255 / 57%) 60%,rgb(190 0 190) 80%);
	}
*/

/** HALOS DE CADENA *****************************/
/************************************************/
.chanels .mainElem .mainBox > .ima:after,
.chanels .mainElem .video_mod.live .content > .ima:after {
	width:100%;right:auto;left:0;opacity:0.75;transform:rotate(180deg);
	background-image:radial-gradient(circle at 100% 59%,rgba(255,160,0,0) 50%,rgba(255,160,0,0.5) 60%,rgba(240,80,20,1) 80%);
	}
.chanels.la1 .mainElem .mainBox > .ima:after,
.chanels.la1 .mainElem .video_mod.live .content > .ima:after,
.chanels.tve_cat .mainElem .mainBox > .ima:after,
.chanels.tve_cat .mainElem .video_mod.live .content > .ima:after,
.chanels.tve_can .mainElem .mainBox > .ima:after,
.chanels.tve_can .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(64,181,226,0) 50%,rgba(64,181,226,0.5) 60%,rgba(74,11,163,1) 80%);
	}
.chanels.la2 .mainElem .mainBox > .ima:after,
.chanels.la2 .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(0,255,227,0) 50%,rgba(0,255,227,0.5) 60%,rgba(0,129,162,1) 80%);
	}
.chanels.h24 .mainElem .mainBox > .ima:after,
.chanels.h24 .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(255,66,0,0) 50%,rgba(255,66,0,0.5) 60%,rgba(163,0,80,1) 80%);
	}
.chanels.clan .mainElem .mainBox > .ima:after,
.chanels.clan .mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(circle at 100% 59%,rgba(100,165,255,0) 50%,rgb(30 120 255 / 57%) 60%,rgb(190 0 190) 80%);
	}
/** HALOS DE CADENA *****************************/
/** 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,.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 *****************************************/