/** DESTACADO DE PORTADA ************************/
/************************************************/
.mainElem,.mainElem .trailerContent {position:relative;padding-top:40%;}
.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;}
/*imagenes*/
.mainElem .mainBox > .ima,
.mainElem .content > .ima {padding-top:56.25%;z-index:-1;}
.mainElem .content > .ima:before,
.mainElem .mainBox > .ima:before {
	background: -moz-linear-gradient(top,rgba(17,17,17,0) 20%, rgba(17,17,17,0.8) 80%);
	background: -webkit-linear-gradient(top,rgba(17,17,17,0) 20%,rgba(17,17,17,0.8) 80%);
	background: linear-gradient(to bottom,rgba(17,17,17,0) 20%,rgba(17,17,17,0.8) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00121010',endColorstr='#121010',GradientType=0 );}
.mainElem .mainBox > .ima:after,.mainElem .video_mod.live .content > .ima:after {
	background-image:radial-gradient(ellipse at 60% 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,1) 50%);
}
.mainElem .content > .ima:before,
.mainElem .content > .ima:after,
.mainElem .mainBox > .ima:after,
.mainElem .mainBox > .ima:before {z-index:1;content:'';width:100%;height:100%;display:inline-block;position:absolute;bottom:-0.1rem;left:0;}
.mainElem .mainBox > .ima .i_logo {z-index:3;height:10vw;width:auto;top:8rem;left:4.8rem;}

/*textos*/
.mainElem .capBox {/*display:block;*/display:inline-block;clear:both;}
.mainElem .cellBox > .mod:not(.live) {padding:0;}
.mainElem .mod .content {color:#fff;padding:4.8rem;}
.mainElem .txtBox p:not(.legend) {font-size:1.7rem;line-height:2.3rem;max-height:6.9rem;overflow:hidden;font-weight:300;margin:1.2rem 0 1.6rem 0;}
.mainElem .txtBox .pretitle,.mainElem .txtBox .capBox {line-height:2rem;opacity:0.75;}
.mainElem .txtBox .pretitle {font-size:1.6rem;text-transform:uppercase;letter-spacing:1pt;padding:0.8rem 0;font-weight:500;}
.mainElem .txtBox .maintitle {font-size:4.2rem;line-height:1;font-weight:100;}
.mainElem .txtBox .legend {float:left;font-size:1.5rem;line-height:2.4rem;font-weight:500;letter-spacing:0.25pt;padding-right:0.8rem;color:#67a7a7;}

/*info de temporadas*/
.mainElem .txtBox .capBox {font-size:2rem;letter-spacing:0.5pt;padding:1.2rem 0 0 0;font-weight:300;}
.mainElem .video_mod .capBox {font-weight:400;letter-spacing:1pt;}
.mainElem .txtBox .legend {margin-right:0.8rem;border-right:0.1rem solid rgba(255,255,255,0.45);}
.mainElem .video_mod .capBox .capter:before {content:'E';}
.mainElem .video_mod .capBox .season .endbar:after {content:'\2013\00a0';}
.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 {max-width:72rem;display:block;}
.mainElem .txtBox > strong > * {display:block;}
/*.mainElem .txtBox *:not(.endbar),*/.mainElem .auxBox,.mainElem .maintag {float:left;margin-top:2.5rem;}

.mainElem .content {font-size:1.6rem;line-height:2.2rem;}
.mainElem .auxBox {height:3rem;clear:both;}

.mainElem .mod .content {display:block;}

/*fecha de emision y duracion*/
.portada .mainElem .video_mod .pubBox {display:inline-block;padding:1rem 0 0 0;}
.portada .mainElem .video_mod .pubBox .datemi {padding-bottom:1.5rem;display:block;}
.portada .mainElem .video_mod .pubBox .duration {position:absolute;bottom:9rem;left:5rem;height:2rem;}

.mainElem + .secBox strong {padding-top:2.4rem;}
.mainElem + .secBox strong:empty {padding-top:0;}

/*icon*/
.mainElem .auxBox > .icon {float:left;}
.mainElem .auxBox > .icon:not(.mas00) {margin-right:1.2rem;}
.mainElem .auxBox > .icon.trait {cursor:help;}
.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;}
	.trait.HD .rtve-icons {content:'';background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_has_HD.svg);}
	.trait.AD .rtve-icons {content:'';background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_has_AD.svg);}
	.mainElem .auxBox .icon.trait .rtve-icons:after {opacity:0;display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%,1.8rem);
		content:attr(aria-label);white-space:nowrap;font-size:1.1rem;line-height:1.6rem;}
	.mainElem .auxBox .icon.trait:hover .rtve-icons:after {opacity:1;}
.mainElem .auxBox .icon._info,
.mainElem .video_mod:not(.live) .auxBox .icon.canal,
.mainElem .mod:not(.live) .auxBox .icon.canal {display:none;}

/*enlace limitado a boton para ir a PF_video*/
.mainElem .goto_media {position:absolute;left:0;bottom:0;}
/*falseamos para tipo pelicula y documental*/
.mainElem .pelicula .goto_media,
.mainElem .documental .goto_media {z-index:-1;}

/*boton barra progreso*/
.mainElem .progressBar {width:16.8rem;/*width:24rem;*/height:3.6rem;position:absolute;z-index:1;bottom:0;left:4.8rem;text-align:center;background:rgba(255,255,255,0.67);border-radius:0.3rem;overflow:hidden;}
.mainElem .progressBar strong {display:flex;align-items:center;justify-content:flex-start;height:100%;}
.mainElem .progressBar strong:before,.mainElem .video_mod.live .progressBar:before {content:'';background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg') no-repeat 50%;
background-size:100%;width:2.4rem;height:2.4rem;display:inline-block;opacity:0.67;margin:0 0.8rem;}
.mainElem .progressBar em {font-style:normal;font-size:1.4rem;text-transform:uppercase;letter-spacing:0.25pt;font-weight:700;color:#000;}
.mainElem .progressBar span:not(.rtve-icons) {position:absolute;left:0;top:0;z-index:-1;height:100%;background:#fff;box-shadow:0.4rem 0 1.2rem rgba(0,0,0,0.25);}
.mainElem .goto_media:hover .progressBar,
.mainElem .pelicula a:hover + .goto_media .progressBar,
.mainElem .documental a:hover + .goto_media .progressBar {background:#fff;}
.mainElem .goto_media:hover .progressBar span:not(.rtve-icons),
.mainElem .pelicula a:hover + .goto_media .progressBar span:not(.rtve-icons),
.mainElem .documental a:hover + .goto_media .progressBar span:not(.rtve-icons) {box-shadow:none;}
.mainElem .goto_media:hover .progressBar strong:before,
.mainElem .pelicula a:hover + .goto_media .progressBar strong:before,
.mainElem .documental a:hover + .goto_media .progressBar strong:before {opacity:1;}

/*boton +info*/
.mainElem a .auxBox .icon._info {display:inline-block;}
.mainElem .auxBox ._info .rtve-icons {font-size:1.6rem;line-height:2.4rem;padding:0.4rem 1.8rem;opacity:1;}
.mainElem .auxBox ._info {opacity:0.5;transition:opacity,background 0.3s;display:inline-block;position:absolute;height:3.6rem;border:0.2rem solid #fff;border-radius:0.4rem;bottom:0;}
	.mainElem .serie_mod .auxBox ._info {left:4.8rem;}
	.mainElem .video_mod .auxBox ._info {left:22.8rem;}
.mainElem a:hover .auxBox ._info {opacity:1;} 
.mainElem .auxBox ._info:hover {cursor:pointer;background:#fff;}
.mainElem .auxBox ._info:hover .rtve-icons {color:#000;}
.mainElem .video_mod.pelicula .auxBox ._info,
.mainElem .video_mod.documental .auxBox ._info {display:none;}

/*boton otras opciones*/
.mainElem .icon-label.extra {width:4rem;height:4rem;bottom:-0.2rem;cursor:pointer;}
/*panel opciones desplegado*/
.mainElem .toolBox {bottom:0;left:32rem;border:0.1rem solid #fff;background-color:rgba(0,0,0,0.85);transform: translateY(calc(50% - 4rem));}
/*puntero-izquierda*/
.mainElem .toolBox:after,
.mainElem .toolBox:before {position:absolute;top:50%;left:0;border:0 solid transparent;content:'';height:0;width:0;}
.mainElem .toolBox:before {border-right-color:#fff;border-width:1.6rem 1.6rem 1.6rem 0;left:-1.6rem;margin-top:0.6rem;}
.mainElem .toolBox:after {border-right-color:#000;border-width:1.4rem 1.4rem 1.4rem 0;left:-1.4rem;margin-top:0.8rem;}
/*posicion x tipo de apertura*/
.mainElem .serie_mod .icon-label.extra {left:16.2rem;}
.mainElem .serie_mod .toolBox {left:22rem;}
.mainElem .video_mod a + .goto_media + .icon-label.extra {left:34.2rem;}
.mainElem .video_mod a + .goto_media + .icon-label.extra + .toolBox {left:40rem;}
.mainElem .video_mod .mainBox + .goto_media + .icon-label.extra,
.mainElem .video_mod.pelicula a + .goto_media + .icon-label.extra,
.mainElem .video_mod.documental a + .goto_media + .icon-label.extra {left:22.8rem;}
.mainElem .video_mod .mainBox + .goto_media + .icon-label.extra + .toolBox,
.mainElem .video_mod.pelicula a + .goto_media + .icon-label.extra + .toolBox,
.mainElem .video_mod.documental a + .goto_media + .icon-label.extra + .toolBox {left:28.6rem;}


/*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');}


/*hay que coordinar ancho de caja de textos, con altura del destacado, con posicion y tama�o del logotipo, con ocultacion o no del antetitulo*/
/*esto hay que hacerlo con destacado programa, destacado video, destacado directo, pf programa, pf directo y pf video*/

.mainElem .content {width:100%;}

@media only screen and (max-width:719px){
	.container .mainElem {padding-top:80%;}
	.mainElem .txtBox {width:100%;}
	.mainElem .mainBox > .ima,
	.mainElem .content > .ima {padding-top:0;height:100%;}
	.mainElem .mainBox > .ima .i_prvw,
	.mainElem .content > .ima .i_prvw {left:0;width:auto;height:100%;}
	.mainElem .mainBox > .ima .i_logo {left:auto;top:auto;right:2.8rem;bottom:0;height:8rem;}
}
@media only screen and (min-width:720px){
	.container .mainElem {padding-top:60%;}
	.mainElem .txtBox {width:100%;}
	.mainElem .mainBox > .ima,
	.mainElem .content > .ima {padding-top:0;height:100%;}
	.mainElem .mainBox > .ima .i_prvw,
	.mainElem .content > .ima .i_prvw {left:auto;right:0;width:calc(100% - 14.6rem);height:auto;}
	/*.mainElem .mainBox > .ima .i_logo {left:4.8rem;top:9.6rem;width:20%;max-width:22rem;height:auto;}*/
	.mainElem .video_mod:not(.live) .pretitle {display:none;}
}
@media only screen and (min-width:768px){
	.mainElem .content .txtBox {max-width:calc(60rem - (4.8rem * 2));}
	.container .mainElem {padding-top:56.25%;}
}
@media only screen and (min-width:1024px){
	.container .mainElem {padding-top:50%;}
	.mainElem .mainBox > .ima,
	.mainElem .content > .ima {padding-top:56.25%;height:auto;}
}
@media only screen and (min-width:1200px){
	.container .mainElem {padding-top:45%;}
}
@media only screen and (min-width:1280px){
	.container .mainElem {padding-top:40%;}
}
@media only screen and (min-width:1440px){
	.mainElem .mod .content {padding-bottom:9.6rem;}
	.mainElem .goto_media > .progressBar,.mainElem .video_mod.live .progressBar,.mainElem .auxBox ._info {bottom:4.8rem;}
	.mainElem .icon-label.extra {bottom:4.6rem;}
	.mainElem .toolBox {bottom:4.4rem;}
	.portada .mainElem .video_mod .pubBox .duration {bottom:14rem;}
}
@media only screen and (min-width:1660px){
	.container .mainElem {padding-top:35%;}
	.mainElem .mainBox > .ima .i_prvw,
	.mainElem .content > .ima .i_prvw {width:calc(100% - 28rem);}
}
/** DESTACADO APERTURA **************************/
/** END *****************************************/


/** DIRECTO DESTACADO ***************************/
/************************************************/
/*botones*/
.mainElem .video_mod.live .progressBar {display:flex;justify-content:flex-start;align-items:center;}
.mainElem .video_mod.live .progressBar:after {line-height:3.2rem;z-index:1;position:relative;display:inline-block;}
.mainElem .video_mod.live .progressBar:after {content:"Ver directo";font-size:1.4rem;text-transform:uppercase;letter-spacing:0.25pt;font-weight:500;color:#000;}
.mainElem .video_mod.live .iplay_video:hover ~ .progressBar {background:#fff;}
.mainElem .video_mod.live .iplay_video:hover ~ .progressBar span {display:none;}
.mainElem .video_mod.live .iplay_video:hover ~ .progressBar:before {opacity:1;}

/*textos*/
.mainElem .video_mod.live .nowLive .maintitle {font-size:3.2rem;line-height:3.6rem;font-weight:400;letter-spacing:0.5pt;display:flex;align-items:center;}
.mainElem .video_mod.live .nexLive {padding:1.2rem 0;}
.mainElem .video_mod.live .nexLive * {line-height:2rem;font-weight:400;}
.mainElem .video_mod.live .nexLive:before {font-size:1.2rem;letter-spacing:1pt;}
.mainElem .video_mod.live .nexLive .maintitle {font-size:1.4rem;float:none;display:block;}
.mainElem .video_mod.live .nexLive .datemi {font-size:1.5rem;color:#ff4200;margin-right:0.8rem;}

/*latido*/
.mainElem .video_mod.live .nowLive .maintitle {position:relative;padding-left:2rem;}
.mainElem .video_mod.live .nowLive .maintitle: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;margin:0 0.8rem 0 0;}
  30% {width:0.2rem;height:0.2rem;margin:0 1.3rem 0 0.5rem;}
  60% {width:1.2rem;height:1.2rem;margin:0 0.8rem 0 0;}
}
/*logo-canal*/
.mainElem .video_mod.live .auxBox .canal,
.tve.chanels .mainElem .auxBox .canal {position:absolute;top:12rem;left:4.8rem;
	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 {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);}
}