@charset 'UTF-8';
/** DESTACADO DE PORTADA ************************/
/************************************************/
.mainElem,.mainElem .trailerContent {position:relative;}
.mainElem .cellBox,
.mainElem .mainBox > .ima,
.mainElem .content > .ima {position:absolute;left:0;top:0;width:100%;}
.mainElem .cellBox,
.mainElem .mod,
.mainElem .mainBox {height:100%;}
.mainElem .mainBox {display:flex;flex-direction:column;justify-content:flex-end;}

/*icon*/
.mainElem .auxBox .icon.trait,
.mainElem .auxBox .redad.mas00,
.mainElem .mod:not(.live) .auxBox .icon.canal {display:none;}
.mainElem .auxBox .icon.trait .rtve-icons {width:3.6rem;height:2.4rem;display:inline-block;background-repeat:no-repeat;background-size:auto 100%;position:relative;}

/*imagenes*/
.mainElem .mainBox > .ima,
.mainElem .content > .ima {top:8.4rem;z-index:-1;}
.mainElem .mainBox > .ima .i_logo {display:none;}
.mainElem .mainBox > .ima:after,
.mainElem .video_mod.live .content .ima:after {width:24rem;background:linear-gradient(-90deg,rgba(0,0,0,0.5),rgba(0,0,0,0));right:0;} 
.mainElem .mainBox > .ima:before,
.mainElem .video_mod.live .content .ima:before {width:50%;background:linear-gradient(90deg,rgba(0,0,0,0.95),rgba(0,0,0,0));left:0;}
.mainElem .mainBox > .ima:after,
.mainElem .mainBox > .ima:before,
.mainElem .video_mod.live .content .ima:after,
.mainElem .video_mod.live .content .ima:before {content:'';height:100%;display:block;position:absolute;z-index:1;}

/*apertura video-serie*/
.mainElem .mod .content,
.mainElem .mod .txtBox strong {display:flex;flex-direction:column;}
.mainElem .mod .txtBox .maintitle,
.mainElem .mod .txtBox {order:2;}
.mainElem .video_mod .capBox {display:inline-block;}
.mainElem .video_mod .pubBox {position:absolute;}
.mainElem .video_mod .pubBox .datemi,.mainElem .video_mod .pubBox .duration {display:none;}
.mainElem .video_mod .txtBox .maintitle {font:var(--NS-400_60);}
.mainElem .video_mod.dir_brocast .txtBox .nowLive .maintitle,
.mainElem .video_mod.live .txtBox strong .maintitle {font:var(--NS-400_42);}
.mainElem .mod .txtBox .pretitle,
.mainElem .mod .capBox {font:var(--R-400_20);}
.mainElem .txtBox p:not(.legend) {font:var(--R-300_18);width:calc(100% + (4.8rem * 2));position:relative;left:50%;transform:translateX(-50%);}
.mainElem .mod .txtBox .pretitle {display: inline-block;}

.mainElem .txtBox .legend {position:absolute;white-space:nowrap;font:var(--R-400_16);color:#dbcb1b;}
.mainElem .goto_media {height:0;}


/*apertura video-pelicula*/
.mainElem .video_mod.pelicula .txtBox .pretitle {font:var(--R-400_20);}
.mainElem .video_mod.pelicula .txtBox .maintitle {font:var(--NS-400_60);}

/*apertura serie_mod*/
.mainElem .serie_mod .txtBox .pretitle {font:var(--R-400_20);}
.mainElem .serie_mod .txtBox .maintitle {font:var(--NS-400_60);}



.mainElem .serie_mod .capBox .season {/*display:none;*/}






/*boton otras opciones*/
.mainElem .icon-label.extra {width:3.6rem;height:3.6rem;}
/*panel opciones desplegado*/
.mainElem .toolBox {bottom:0;right:11rem;border:0.1rem solid #fff;background-color:rgba(0,0,0,0.85);}
/*puntero-izquierda*/
.mainElem .toolBox:after,
.mainElem .toolBox:before {position:absolute;top:32%;right:0;border:0 solid transparent;content:'';height:0;width:0;}
.mainElem .toolBox:before {border-left-color:#fff;border-width:1.6rem 0 1.6rem 1.6rem;right:-1.6rem;margin-top:0.6rem;}
.mainElem .toolBox:after {border-left-color:#000;border-width:1.4rem 0 1.4rem 1.4rem;right:-1.4rem;margin-top:0.8rem;}




.mainElem .cellBox > .mod:not(.live) {padding:0;}
.mainElem .mod .content {color:#fff;padding:0 4.8rem;}






/*news
.tematic.news .mainElem .txtBox p:not(.legend) {max-height:4.9rem;}
.tematic.news .mainElem .txtBox .maintitle {font-size:3.2rem;}

.tematic.news .mainElem .live .content {display:flex;flex-direction:column;}
.tematic.news .mainElem .live .content .txtBox {display:flex;flex-direction:column;order:2;}
.tematic.news .mainElem .live .content .auxBox {display:flex;height:100%;order:1;}
.tematic.news .mainElem .live .content .auxBox .canal {width:12rem;height:calc((56.25*12/100)*1rem);padding-top:calc((56.25*12/100)*1rem);opacity:0.67;top:auto;left:auto;position:relative;}*/


/*info de temporadas*/
.mainElem .mod .capBox .capter:before,
.mainElem .video_mod .capBox .capter:before {content:'E';}
.mainElem .mod .capBox .season .endbar:after,
.mainElem .video_mod .capBox .season .endbar:after {content:'\2013\00a0';}
.mainElem .mod .capBox .season,
.mainElem .video_mod .capBox .season {float:left;}
.mainElem .capBox .season:only-child .endbar {display:none;}

/*estructura*/
.mainElem .txtBox,.mainElem .pretitle,.mainElem .maintitle,.maintitle p:not(.legend) {width:100%;}

.mainElem .txtBox > *,
.mainElem .txtBox > strong > * {padding:0.8rem 0;}







/*botones y similares*/



.mainElem .progressBar strong {display:flex;align-items:center;justify-content:flex-start;height:100%;padding:0 0.6rem;}
.mainElem .progressBar em {color:#000;}
.mainElem .progressBar span:not(.rtve-icons) {background:#fff;z-index:1;}
.mainElem .progressBar:after {content:'';width:100%;background:var(--G02_67);}
.mainElem .live > a:not(.goto_media) {height:100%;}
.mainElem .live > a:hover + .goto_media .progressBar,
.mainElem .goto_media:hover .progressBar {background:rgba(255,255,255,1);}


/*carga boton*/
.mainElem .progressBar span:not(.rtve-icons) {animation:load 2s normal;}
@keyframes load {0%  {width:0;}}



/*contenedor trailer destacado*/
.mainElem .trailerContent {position:absolute;height:auto;}
.mainElem .trailerContent video {height:100%;width:auto;float:right;}
.mainElem .trailerContent .video-js {position:absolute;right:0;top:0;height:calc(100% + 8rem);}
.mainElem .trailerContent .video-js:after,.mainElem .trailerContent .video-js:before {content:'';height:100%;position:absolute;top:0;}
.mainElem .trailerContent .video-js:before {width:100%;right:0;
	background: -moz-linear-gradient(left,  rgba(17,17,17,0.75) 0%, rgba(17,17,17,0) 50%);
	background: -webkit-linear-gradient(left,  rgba(17,17,17,0.75) 0%,rgba(17,17,17,0) 50%);
	background: linear-gradient(to right,  rgba(17,17,17,0.75) 0%,rgba(17,17,17,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9111111', endColorstr='#00111111',GradientType=1 );
}
.mainElem .trailerContent .video-js:after {width:50%;left:0;transform:translateX(-50%);
	background: -moz-linear-gradient(left,  rgba(17,17,17,1) 50%, rgba(17,17,17,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(17,17,17,1) 50%,rgba(17,17,17,0) 100%);
	background: linear-gradient(to right,  rgba(17,17,17,1) 50%,rgba(17,17,17,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9111111', endColorstr='#00111111',GradientType=1 );
}

/*controles trailer*/
.mainElem .trailerControls .icon {width:4rem;height:4rem;margin:0 0.4rem;}
.mainElem .trailerControls {opacity:0;flex-direction:row-reverse;height:4rem;right:4.8rem;bottom:-0.2rem;}
.mainElem .trailerControls:hover,.mainElem .trailerControls.active {opacity:1;}

/*cambio de estado*/
.mainElem .trailerControls .vjs-paused .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_play_circulo.svg');}
.mainElem .trailerControls .vjs-vol-1 .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_vol_2_circulo.svg');}



.mainElem .mod .content {width:100%;position:relative;}
.mainElem .mod,
.navBox .container {max-width:140rem;margin:0 auto;}
.mainElem .mod .txtBox strong {width:40%;max-width:60rem;}
.mainElem .mainBox > .ima {width:100%;max-width:140rem;height:calc(100% - 8.4rem);left:50%;transform:translateX(-50%);}
.mainElem .maintag {padding:0.6rem 1.2rem;background:#000;border:0.2rem solid var(--G04);}
/*proximos directos*/
.mainElem  .video_mod[class*='live'].next_live .maintag * {font:var(--R-500_16);line-height:2rem;text-transform:uppercase;color:var(--G02);}
.mainElem .video_mod[class*='live'].next_live .maintag span:last-of-type {margin-left:0.8rem;padding-left:0.8rem;border-left:0.2rem solid #cd0000;color:#fff;}
.mainElem .video_mod[class*='live'].next_live .maintag:before {width:1rem;height:1rem;border:0.2rem solid #cd0000;content:'';border-radius:100%;margin:0.2rem 0.6rem -0.2rem 0;display:inline-block;}




/*posicionamiento botones*/
.mainElem .goto_media,.mainElem .auxBox {position:absolute;width:100%;max-width:140rem;transform:translateX(50%);right:50%;z-index:1;}
.mainElem .auxBox .redad,.mainElem .progressBar,.mainElem ._info {position:absolute;z-index:1;top:2.4rem;}
.mainElem .icon-label.extra strong {top:auto;bottom:-2.8rem;}
.mainElem .serie_mod > a,
.mainElem .pelicula > a:not(.goto_media),
.mainElem .documental > a:not(.goto_media) {width:100%;height:100%;}

/*enlace video en PFserie*/.mainElem .serie_mod > a.goto_media {top:8.4rem;bottom:0;height:auto;}
.mainElem .serie_mod > a.goto_media .progressBar {right:calc(3.6rem + 5.2rem + 1.6rem + 3.6rem + 1.6rem);bottom:0;transform:translateY(-8.4rem);top:auto;}
.mainElem .serie_mod > a.goto_media .progressBar em {padding-right:1.2rem;}

.mainElem .serie_mod > a:hover .auxBox ._info {color:#000;background:#fff;opacity:1;}
.mainElem .pelicula > a:hover + .goto_media .progressBar,
.mainElem .documental > a:hover + .goto_media .progressBar {background:#fff;}
.mainElem .pelicula > a.goto_media,
.mainElem .documental > a.goto_media {pointer-events:none;}

/*posicionamiento lateral*//*comunes*/
.mainElem .icon-label.extra {right:4.8rem;}
.mainElem .auxBox .redad {right:calc(4.8rem + 3.6rem + 1.6rem);}
.mainElem .auxBox ._info {right:calc(4.8rem + 3.6rem + 1.6rem + 5.2rem + 1.6rem);}
.mainElem .mas00 + ._info {right:calc(4.8rem + 3.6rem + 1.6rem);}

@media only screen and (orientation:landscape) {
	.container .mainElem {height:100vh;}
	.container .mainElem {max-height:calc((100vw * 0.5625) + 14.4rem);}
	.mainElem .maintag {margin-bottom:2.4rem;align-self:flex-start;}
	.mainElem .icon-label.extra {bottom:8.4rem;}
	.mainElem .txtBox .legend {bottom:1.6rem;}
	.mainElem .txtBox p:not(.legend) {border-bottom:4.8rem solid transparent;overflow:hidden;background:#000;margin-top:3.6rem;height:calc(2.4rem * 6);}
	.mainElem .goto_media,.mainElem .auxBox {bottom:14.4rem;}
	.mainElem .live > a + .goto_media {bottom:0;pointer-events:none;}
/*serie*/
	.mainElem .serie_mod .txtBox p:not(.legend) {padding:2.4rem 34.6rem 0 4.8rem;}
/*video-serie*/
	.mainElem .video_mod:not(.pelicula):not(.documental) .txtBox p:not(.legend) {padding:2.4rem 47.2rem 0 4.8rem;}
	.mainElem .video_mod:not(.pelicula):not(.documental) .progressBar {right:calc(4.8rem + 3.6rem + 1.6rem + 5.2rem + 1.6rem + 10rem + 1.6rem);}
/*video-pelicula*//*video-documental*/
	.mainElem .pelicula .txtBox p:not(.legend),
	.mainElem .documental .txtBox p:not(.legend) {padding:2.4rem 34.6rem 0 4.8rem;}
	.mainElem .pelicula .progressBar,
	.mainElem .documental .progressBar {right:calc(4.8rem + 3.6rem + 1.6rem + 5.2rem + 1.6rem);}

	
/*posicionamiento lateral*//*video-serie????????????*/
	.chanels .mainElem .video_mod:not(.pelicula):not(.documental) .auxBox ._info {/*top:15rem;*/}
}
	




@media only screen and (orientation:portrait) {
	.container .mainElem {height:auto;max-height:calc(100vh - 8.4rem);padding-top:8.4rem;}
	.mainElem .cellBox,.mainElem .mainBox > .ima {position:relative;}
	.mainElem .mainBox > .ima {height:56.25vw;top:0;}
	.mainElem .mainBox {flex-direction:column-reverse;}
	.mainElem .mod .txtBox strong {height:56.25vw;top:-56.25vw;justify-content:flex-end;padding-bottom:5.6rem;}
	.mainElem .mod .txtBox p:not(.legend) {height:auto;margin:0;}
	.mainElem .txtBox .legend {bottom:0;}
/*serie*/
	.mainElem .serie_mod .txtBox p:not(.legend) {padding:2.4rem 29.6rem 4.8rem 4.8rem;}
/*video-serie*/
	.mainElem .video_mod:not(.pelicula):not(.documental) .txtBox p:not(.legend) {padding:2.4rem 2.4rem 4.8rem 4.8rem;}
	.mainElem .video_mod:not(.pelicula):not(.documental) .goto_media {right:calc(calc(4.8rem + 10rem + 1.6rem + 5.2rem + 1.6rem + 3.6rem + 15.6rem + 1.6rem));}
/*video-pelicula*//*video-documental*/
	.mainElem .pelicula .txtBox p:not(.legend),
	.mainElem .documental .txtBox p:not(.legend) {padding:2.4rem 35.6rem 4.8rem 4.8rem;}
	.mainElem .video_mod.pelicula .goto_media,
	.mainElem .video_mod.documental .goto_media {right:calc(15.6rem + 4.8rem + 3.6rem + 1.6rem + 5.2rem + 1.6rem);}
	
	
	
	.mainElem .mod .txtBox strong,.mainElem .maintag {position:absolute;}
	.mainElem .maintag {top:-4.8rem;}
	.mainElem .video_mod .capBox {padding:2.4rem 0;max-width:calc(100% - 40.8rem);}
	/*posicion vertical botones*/
	.mainElem .goto_media {top:56.25vw;width:auto;transform:none;}
	.mainElem .auxBox {top:0;}
	.mainElem .icon-label.extra {top:calc(56.25vw + 2.4rem);}



@media only screen and (max-width:1279px){
	.container .mainElem {height: calc(100vh - 8.4rem);}
	
	}
}
/*@media only screen and (min-width:720px){

}


@media only screen and (min-width:768px){

}
@media only screen and (min-width:1024px){

}
@media only screen and (min-width:1200px){


}*/

@media only screen and (min-width:1280px){ /*and (orientation:landscape) */

}

@media only screen and (min-width:1400px){
	.container .mainElem {max-height:calc((140rem * 0.5625) + 14.4rem);}
	.mainElem .icon-label.extra {right:50%;transform:translateX(calc((140rem / 2) - 3.6rem));}
	.mainElem .auxBox .redad {right:50%;transform:translateX(calc((140rem / 2) - 3.6rem - 3.6rem - 1.6rem));}
	.mainElem .auxBox ._info {right:50%;transform:translateX(calc((140rem / 2) - 3.6rem - 3.6rem - 1.6rem - 5.2rem - 1.6rem));}
	.mainElem .auxBox .mas00 + ._info {right:50%;transform:translateX(calc((140rem / 2) - 3.6rem - 3.6rem - 1.6rem));}
/*serie_mod*/
	.mainElem .serie_mod .progressBar {right:calc(3.6rem + 5.2rem + 1.6rem + 3.6rem + 1.6rem);}
/*video-serie*/
	.mainElem .video_mod:not(.pelicula):not(.documental) .progressBar {right:calc(3.6rem + 3.6rem + 1.6rem + 5.2rem + 1.6rem + 10rem + 1.6rem);}
/*video-pelicula*//*video-documental*/
	.mainElem .video_mod.documental .progressBar,
	.mainElem .video_mod.pelicula .progressBar {right:calc(3.6rem + 1.6rem + 5.2rem + 1.6rem + 3.6rem);}

	.mainElem .toolBox {right:50%;transform:translateX(calc((140rem / 2) - 9.6rem));}
}

@media only screen and (min-width:1660px){
	
}
/** DESTACADO APERTURA **************************/
/** END *****************************************/


/** DIRECTO DESTACADO ***************************/
/************************************************/
/*diferencia de HTML con respecto al resto de destacados*/
.mainElem .video_mod[class*='live'] .content {position:static;padding:0;}
.mainElem .video_mod[class*='live'] .mainBox .txtBox strong {width:100%;max-width:60rem;}
.mainElem .video_mod[class*='live'] .content .ima {width:100%;max-width:140rem;height:calc(100% - 8.4rem);left:50%;transform:translateX(-50%);}
.mainElem .video_mod[class*='live'] .content .txtBox {padding:0 4.8rem;height:auto;min-height:14.4rem;background:#000;}
/*directo regular destacado*/
.mainElem .video_mod.live.dir_regular .content {display:flex;flex-direction:column;padding:0;}
.mainElem .video_mod.live.dir_regular .content .txtBox {padding:0 4.8rem;}
.mainElem .video_mod.live.dir_regular .txtBox > div {display:flex;flex-direction:column;width:100%;}
.mainElem .video_mod.live.dir_regular .txtBox p {order:3;}

/*enlace global directo*/
.mainElem .video_mod[class*='live'] .iplay_video {position:absolute;top:8.4rem;left:50%;transform:translateX(-50%);height:calc(100% - 8.4rem);width:100%;max-width:140rem;z-index:2;}
.mainElem .video_mod[class*='live'] .iplay_video a {width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;padding:0 4.8rem;}
.mainElem .video_mod[class*='live'] .iplay_video a strong,
.mainElem .live .maintag {padding:0.4rem 1.6rem 0.4rem 3.2rem;background:rgba(0,0,0,0.5);border:0.1rem solid rgba(255,255,255,0.5);font-size:1.4rem;line-height:2.4rem;text-transform:uppercase;letter-spacing:0.75pt;white-space:nowrap;display:inline-block;transform:translateY(-9.6rem);}
.mainElem .video_mod[class*='live'] .iplay_video a strong:before,
.mainElem .live .maintag:before {content:'';width:1.6rem;height:1.6rem;border-radius:100%;background:#cd0000;position:absolute;top:50%;left:1.6rem;transform:translate(-50%,-50%);display:inline-block;animation:pulso linear 2s infinite;}


/*boton ver directo*/
.mainElem .video_mod.live .progressBar span:not(.rtve-icons) {background:#cd0000;}
.mainElem .video_mod.live .progressBar {display:flex;justify-content:flex-start;align-items:center;}
.mainElem .video_mod.live .progressBar span:after {z-index:1;position:absolute;display:inline-block;top:-4rem;left:4rem;}
.mainElem .video_mod.live .progressBar span:after {content:"Ver directo";font:var(--R-500_16);color:#000;white-space:nowrap;}
.mainElem .video_mod.live .progressBar em + span:after {display:none;}
.mainElem .video_mod.live .iplay_video:hover ~ .progressBar {background:#fff;}
.mainElem .video_mod.live .iplay_video:hover ~ .progressBar:before {opacity:1;}

.mainElem .video_mod.live:not(.pelicula):not(.documental) .progressBar {transform:translateY(calc(100% + 2.4rem));right:4.8rem;bottom:14.4rem;top:auto;}
@media only screen and (min-width: 1400px) {
	.mainElem .video_mod.live:not(.pelicula):not(.documental) .progressBar {left:50%;right:auto;transform:translate(calc(70rem - 15.6rem - 4.8rem),calc(100% + 2.4rem));}
}



/*textos*/
.mainElem .video_mod.live:not(.dir_regular) .nowLive {position:absolute;width:40%;bottom:calc(14.4rem + 6rem);}
.mainElem .video_mod.live .nexLive {padding:2.4rem 0;}
.mainElem .video_mod.live .nexLive * {font:var(--R-300_18);width:auto;}
.mainElem .video_mod.live .nexLive:before {font:var(--R-400_16);display:inline-block;width:100%;padding-bottom:1.2rem;}
.mainElem .video_mod.live .nexLive:before {content:"Siguiente emisi\00F3n:";}
.mainElem .video_mod.live .nexLive .datemi {font-weight:700;}
.mainElem .video_mod.live .nexLive .datemi:before {content:'';border-radius:100%;margin-right:0.8rem;display:inline-block;width:1rem;height:1rem;border:0.2rem solid #cd0000;background:transparent;}
.mainElem .video_mod.live .nexLive .maintitle {margin-left:0.8rem;padding-left:0.8rem;border-left:0.2rem solid #cd0000;}

/*latido*/
.mainElem .video_mod.live .nowLive .xx:before {content:'';width:1.2rem;height:1.2rem;border-radius:100%;margin-right:0.8rem;
	background:#ff4200;float:left;position:absolute;top:1.8rem;left:0;transform:translate(0,-50%);animation:pulso linear 2s infinite;}
	.chanels.tdp .mainElem .video_mod.live .nowLive .maintitle:before {background:#fff;}
	
@keyframes pulso {
   0% {width:1.2rem;height:1.2rem;}
  30% {width:0.2rem;height:0.2rem;}
  60% {width:1.2rem;height:1.2rem;}
}
/*logo-canal*/
.mainElem .video_mod.live .auxBox .canal,
.tve.chanels .mainElem .auxBox .canal {position:relative;top:-26rem;left:0;
	width:22.4rem;height:calc((56.25*22.4/100)*1rem);padding-top:calc((56.25*22.4/100)*1rem);background-position:0 50%;opacity:0.67;}

/** DIRECTO DESTACADO ***************************/
/** END *****************************************/


/** DESTACADO CARRUSEL *************************/
/***********************************************/
/*general*/
.slideCarrusel .grid {overflow-x:hidden;}
.carrusel {position:relative;}
.carrusel .mainElem {width:100%;}
.carrusel .mainElem .cellBox {position:relative;}
.carrusel .mainElem .elem {width:100%;height:100%;position:absolute;left:0;top:0;}
.carrusel .serie_mod .goto_media {display:none;}
.carrusel + .secBox strong {padding-top:2.4rem;}

/*posicion elementos*/
.carrusel .mainElem .elem:nth-child(2) {left:100%;}
.carrusel .mainElem .elem:nth-child(3) {left:200%;}
.carrusel .mainElem .elem:nth-child(4) {left:300%;}
.carrusel .mainElem .elem:nth-child(5) {left:400%;}
.carrusel .mainElem .elem:nth-child(6) {left:500%;}
.carrusel .mainElem .elem:nth-child(7) {left:600%;}
.carrusel .mainElem .elem:nth-child(8) {left:700%;}
.carrusel .mainElem .elem:nth-child(9) {left:800%;}
.carrusel .mainElem .elem:nth-child(10) {left:900%;}

/*flechas*/
.carrusel .wariaType {position:static;}
.carrusel .wariaType .controlBox {position:absolute;display:flex;flex-direction:row;align-items:center;bottom:0;right:0;}
.carrusel .wariaType .controlBox span[role="button"] {position:static;width:5rem;height:5rem;top:auto;bottom:3rem;}
.carrusel .wariaType .controlBox .back_ {left:calc(100% - 19rem);}
.carrusel .wariaType .controlBox span[role="button"]:before {width:5rem;}

/*indice carrusel*/
.index_carrusel {display:flex;flex-direction:row;align-items:center;height:5rem;background:rgba(0,0,0,0.3);z-index:1;}
.index_carrusel li {display:inline-block;}
.index_carrusel li button {width:2rem;cursor:pointer;}
.index_carrusel li button:after {content:"|";color:rgba(255,255,255,0.5);font-size:3rem;}
.index_carrusel li.active button:after, 
.index_carrusel li:hover button:after  {color:rgba(255,255,255,1);font-size:3.5rem;}

/*toolBox*/
.carrusel .mainElem .elem .toolBox {transform:translateY(calc(50% - 4rem));}
.carrusel .mainElem .elem .toolBox:before {margin-top:0.6rem;}
.carrusel .mainElem .elem .toolBox:after {margin-top:0.8rem;}


/** DESTACADO CARRUSEL *************************/
/** END ****************************************/

/*REVISAR DE AQUI PARA ABAJO*/

.mainElem .video_mod.live .gback {left:calc(5% + 20.4rem);bottom:0;border:0 none;opacity:1;}
.mainElem .cellBox,.mainElem .cellBox > .mod {height:100%;}
.mainElem .cellBox > .mod {display:flex;flex-direction:column;justify-content:flex-end;}

.mainElem .video_mod.live .gback .rtve-icons {width:2.4rem;height:2.4rem;}
.mainElem .video_mod.live .gback a {border:0.1rem solid #fff;background-color:rgba(0,0,0,0.25);padding:0.2rem 1.2rem 0.2rem 0.8rem;}
.mainElem .video_mod.live .gback a strong {font-size:1.4rem;line-height:2.4rem;}

/*positioning*/
.mainElem,.mainOpen .reloadItem > section,.container:not(.hddn) {position:relative;}
.mainOpen .reloadItem > section,.container {z-index:0;}
.container.seasonBox {z-index:2;}
.mainElem,.mainOpen {z-index:0;}

/*quitamos el logo rtve*/
.mainElem .mod.live.dir_regular.rtve .auxBox .canal {display:none;}

/*quitar literal clasificacio edad
.auxBox .redad + span {display:none;}*/


/** PORTADA TERCEROS *****************************/
/*************************************************/
.externo.ext_arte.scrolled .navBox:after {content:'';width:10.2rem;height:4rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-1.6rem);
	display:inline-block;background:url('http://img2.rtve.es/css/rtve.2021/i/otros-logos/logo_arte_color.png') no-repeat 50%;
	background-size:auto 2rem;}

.externo.ext_arte.locked .logo-rtveplay strong {overflow:hidden;}
.externo.ext_arte.locked .logo-rtveplay strong {display:block;background-image:url(http://img2.rtve.es/css/rtve.2021/i/otros-logos/logo_arte_color.png);background-size:100%;background-repeat:no-repeat;width:7rem;height:1.7rem;display:block;margin-top:2rem;margin-left:1rem;padding-top:4rem;margin-top:1rem;margin-left:1.5rem;}
.externo.ext_arte:not(.scrolled):not(.locked) .logo-rtveplay strong {display:none;}

.externo.ext_arte:not(.tematic) .externo .txtBox {padding-left:4.4rem;}
.externo.ext_arte:not(.tematic) .externo .canal_ext {position:absolute;width:25.6rem;height:auto;left:4.8rem;bottom:0;
	transform-origin:left bottom;transform:rotate(-90deg) translateY(100%);}
.externo.ext_arte:not(.tematic) .externo .canal_ext .i_logo_ext {width:100%;height:auto;}
.externo.ext_arte.tematic .externo .canal_ext {display:none;}

/*ladillos personalizados*/
.externo.ext_arte .secBox, .externo.ext_arte .secBox strong {width:100%;}
.externo.ext_arte .secBox strong:after {content:'';position:relative;display:block;background-image:url(http://img2.rtve.es/css/rtve.2021/i/otros-logos/logo_arte_color.png);background-size:100%;background-repeat:no-repeat;
    width:6rem;height:1.5rem;float:left;margin:0.5rem 1.2rem 0 0;}

.externo.ext_arte:not(.tematic):not(.pfvideo) .mainElem .mod .content {padding-left:12.4rem;}
.externo.ext_arte:not(.tematic) .mainElem .mod .content .txtBox {padding-left:0;}
.externo.ext_arte:not(.tematic) .mainElem .serie_mod .auxBox ._info,
.externo.ext_arte:not(.tematic) .mainElem .video_mod .progressBar {left:12.4rem;}
.externo.ext_arte:not(.tematic) .mainElem .video_mod .auxBox ._info {left:calc(12.4rem + 16.8rem + 1.2rem);}
.externo.ext_arte:not(.tematic) .mainElem .serie_mod .icon-label.extra {left:calc(16.2rem + 12.4rem - 4.8rem);}
.externo.ext_arte:not(.tematic) .mainElem .serie_mod .toolBox {left:calc(22rem + 12.4rem - 4.8rem);}
.externo.ext_arte:not(.tematic) .mainElem .video_mod .icon-label.extra {left:41.6rem;}
.externo.ext_arte:not(.tematic) .mainElem .video_mod .icon-label.extra + .toolBox {left:calc(41.6rem + 5.6rem);}


.externo.ext_arte:not(.pfvideo) .mainElem .mainBox > .ima .i_logo,
.externo.ext_arte.locked .logo-rtveplay strong {display: none;}
.externo.ext_arte .secBox .titaux {font-size:1.4rem;line-height:2rem;}

.externo.ext_arte .mainElem .video_mod:not(.live) .pretitle {display:block;}
.externo.ext_arte .mainElem .video_mod .pubBox .duration {position:relative;left:auto;bottom:auto;}

@media all and (min-width:1440px){
	.externo.ext_arte:not(.tematic) .externo .canal_ext {bottom:4.8rem;}
}

/** PORTADA TERCEROS *****************************/
/** END ******************************************/

/* PlayPlus */
.cellBox .pxv_playPlus {display:none;}

/** spinner **/
.mainElem .loading > .ima {z-index:3;opacity:0.85;background:#3f4f4f;}
.loading .spinner img {width:12rem;height:auto;position:relative;animation:logoOpacity 1.8s infinite;}
.loading .spinner {position:absolute;width:100%;height:100%;left:0;top:0;padding:14rem 0 0 14rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;}
.loading .spinn {text-align:center;display:inline-block;padding:1.2rem;}
.loading .spinn span {width:1.2rem;height:1.2rem;border-radius:100%;display:inline-block;margin:0.6rem;animation:bouncedelay 1.8s infinite ease-in-out;animation-fill-mode:both;}
.loading .ball01 {background-color:#ffffff;}
.loading .ball02 {background-color:#dbdbdb;}
.loading .ball03 {background-color:#b5b5b5;}
.loading .ball04 {background-color:#706d6c;}
	
@keyframes logoOpacity {
    0%,100% {opacity:0.25;}
   25%,75% {opacity:0.50;} 
   50% {opacity:1.00;}
}
@keyframes bouncedelay {
  0%,80%,100% {transform:scale(0.1);-webkit-transform:scale(0.1);}
  40% {transform:scale(1);-webkit-transform:scale(1);}
}


/** VER SIGUIENTE *****************************/
/*************************************************/
.mainElem .videoNext .goNext,.mainElem .videoNext .progressBar,.videoNext .goNext .ima {position:relative;}
.mainElem .videoNext .progressBar,.videoNext .goNext .ima {left:auto;bottom:auto;width:24rem;}
.mainElem .videoNext .goNext {bottom:4.8rem;left:auto;right:9.6rem;}
.videoNext .goNext .ima {height:calc(24rem * 0.5625);bottom:0.8rem;border:0.2rem solid transparent;border-radius:0.4rem;}
.videoNext .goNext:hover .ima {border-color:#ffffff75}
.videoNext {position:absolute;z-index:4;height:100%;background:linear-gradient(0deg,rgba(0,0,0,0.95),rgba(0,0,0,0));top:0;left:0;
display:none;align-items:flex-end;justify-content:flex-end;}
.vjs-has-started .videoNext {display:flex;}
.goNext {display:inherit;flex-direction:row;}
.goNext > div {display:inherit;flex-direction:column;}
.goNext > strong {white-space:nowrap;align-self:flex-end;font-size:1.8rem;line-height:2.4rem;padding:0.6rem 1.6rem;font-weight:400;letter-spacing:0.2pt;}
.videoNext .close {position:absolute;right:4.8rem;bottom:4.8rem;}
.videoNext .close .rtve-icons {width:3.6rem;height:3.6rem;background-size:2.8rem;border-radius: 0.3rem;
background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg');}
.videoNext .close:hover .rtve-icons {background-color: #fff;
background-image:url("https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_000000.svg");}





/** VER SIGUIENTE *****************************/
/** END ******************************************/


/*momentaneo*/
.mainElem .txtBox p:not(.legend):empty {display:none;}
.mainElem .video_mod[class*='live'] .txtBox strong + p:empty
 {display:block;height:0;}
.mainElem .live .mainBox {position:relative;}
.mainElem .video_mod[class*='live'] .maintag {left:4.8rem;margin:0;bottom:50%;position:absolute;transform:translateY(-3.8rem);}
.mainElem .video_mod[class*='live'] .maintag strong:before {content:'Directo. ';font-weight:400;}
.mainElem .next_live > a:not(.goto_media) {height:100%;}
.mainElem .next_live .mainBox {position:relative;}
.mainElem .video_mod[class*='live'] .ima .i_post {display:none;}
/*logos canal lo ocultamos*/
.mainElem .live .icon.canal {display:none;}

.mainElem[data-setup*='isLive":"false'] .video_mod[class*='live'] .iplay_video a > strong {display:none}

/*REVISAR POR QUE SOLO PASA CON LOS DIRECTOS DE JJOO*/
.paris2024play .mainElem .live .maintag {display:none;}

/***/