@charset 'UTF-8';
@import url('/css/rtveplay.2023/rtve.play.basics.desktp.css');
@import url('/css/rtveplay.2024/rtve.mod_header.desktp.css');
@import url('/css/rtveplay.2024/rtve.mod_footer.desktp.css');
@import url('/css/rtveplay.2024/logos_canales_tematicos.css');

.mainheader .container {display:block;}
.mainfilter {padding-top:10rem;} 

/*ocultamos*/
.hddn_dsktp,.loading {display:none !important;/*de momento*/}


/** GHOSTS ON FOCUS *****************************/
/************************************************/

.skipBox.ghost-focus.focus .container {height:4.8rem;position:relative;width:100%;padding:1.2rem;}
.skipBox.ghost-focus.focus ~ .mainheader .navBox {top:4.8rem;}
.navBox {transition:top 0.3s;}
.skipBox.ghost-focus a {opacity:0.67;font-size:1.4rem;line-height:2rem;padding:0.4rem 1.2rem;border-radius:0.3rem;border:0.2rem solid var(--blanco);color:var(--blanco);display:inline-block;transition:all 0.3s;}
.skipBox.ghost-focus a:focus {opacity:1;background:var(--blanco);color:var(--fondo);}
.skipBox.ghost-focus li {padding:0 0.4rem;}
.skipBox.ghost-focus ul {display:flex;}

/** GHOSTS ON FOCUS *****************************/
/** END *****************************************/


/** NAVFILTER   ********************************/
/************************************************/
.navFilter {padding:1.2rem 0;}
.navFilter, .navFilter .buttonBox {display:flex;width:100%;align-items:center;flex-wrap:nowrap;justify-content: space-around;}
.buttonBox li.active .butt {display:block;background-color:var(--blanco);border-radius:0.3rem;opacity:1;}
.buttonBox li.active .butt .label {color:var(--negro);font-weight:bold;}
.buttonBox li .butt {display:block;margin:0 0.4rem;border:none;}
.buttonBox .butt .label {display:block;font-size:1.6rem;line-height:1.6rem;font-weight:400;text-align: center;text-decoration:none;cursor:pointer;color: var(--blanco);transition: all 0.3s ease-in-out;padding:0.7rem 0.77rem 0.5rem;} 
.butt:hover {background-color:transparent;}

.navFilter {position:relative;}
/* BASIC */
.navFilter.selBasic:after {content:'';display:block;width:80%;border-bottom: solid 0.1rem #ffffff80;position:absolute;bottom:0;}
.navFilter.selBasic .buttonBox .butt.active {background-color:var(--blanco);color: #23201f;font-weight: 400;border-radius: 0.3rem;}
.navFilter.selBasic .buttonBox li:not(.active) .butt:hover .label {opacity:1;color:var(--blanco);}

/*FECHA*/
.navFilter.selFecha {text-transform:uppercase;}
.navFilter.selFecha .buttonBox .butt {border:0;}
.navFilter.selFecha .buttonBox li:not(.active) .butt:hover {background-color:transparent;}

/*DESCRAGAR PARRILLA*/
.selDownload {position:absolute;display:flex;top:7rem;right:4.8rem;padding-top:10rem;z-index:5;}
.selDownload .blind.icon-label {display:flex;flex-direction:row;cursor:pointer;}
.selDownload .blind.icon-label .rtve-icons {background-image:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_down.svg);width:1.8rem;height:1.8rem;margin-left:1rem;order:1;} 
.selDownload .blind.icon-label strong, .selDownload .blindBox.be_on button {color:var(--blanco);font-size:1.6rem;font-weight:400;opacity:0.87;}

.selDownload .icon-label:hover {opacity:1;}
 
.selDownload .blindBox:not(.be_on) {display:none;}
.selDownload .blindBox.be_on {width:26rem;height:55.5rem;position:absolute;top:15rem;right:0;padding:2rem;border:0.1rem solid #fff;background-color:var(--fondo_oscuro);z-index:10;}
    .selDownload .blindBox.be_on:after, .selDownload .blindBox.be_on:before {content:'';width:0;height:0;position:absolute;top:-3rem;left:calc(50% - -7.2rem);transform:rotate(90deg);border:0 solid transparent;}
    .selDownload .blindBox.be_on:after {border-right-color:var(--fondo_oscuro);border-width:1.4rem 1.4rem 1.4rem 0.4rem;margin-top:0.8rem;}
    .selDownload .blindBox.be_on:before {border-right-color:var(--blanco);border-width:1.6rem 1.6rem 1.6rem 0;left:calc(50% - -7.3rem);margin-top:0.6rem;}
.selDownload .blindBox.be_on li a {color:var(--blanco);font-size:1.4rem;display:flex;justify-content:space-between;padding:1.5rem 0;opacity:0.87;cursor:pointer;}
.selDownload .blindBox.be_on li a:hover {opacity:1;}
.selDownload .blindBox.be_on h5 {color:var(--blanco);font-size:1.4rem;line-height:1.6;font-weight:300;padding-bottom:1rem;opacity:0.87;}
.selDownload .blindBox.be_on .dia {padding-top:2rem;}
.selDownload .blindBox.be_on a.active .rtve-icons {display:inline-block;width:1.4rem;height:1.4rem;background-image:url('https://img2.rtve.es/css/rtveplay.2021/i/iconos/iconcheck.svg');}

.selDownload .blindBox.be_on button {background:var(--fondo_oscuro_50);line-height:2.4rem;padding:0.2rem 1.2rem 0.2rem 1.2rem;border-radius:0.4rem;border:0.2rem solid var(--blanco);opacity:0.67;cursor:pointer;}
.selDownload .blindBox.be_on button {width:22rem;text-transform:uppercase;cursor:pointer;}
.selDownload .blindBox.be_on button:hover {color:var(--fondo_oscuro);background:var(--blanco);opacity:1;}

/** NAVFILTER ********************/
/** END *****************************************/


/** spinner **/
.loading {position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;z-index: 999;background-color: black;}
.loading .cargando {height: 100vh;width: 100%;-ms-flex-pack: center;justify-content: center;}

.loading .cargando {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-direction: column;flex-direction: column;}
.loading .cargando .logo {margin-bottom: 35px;animation-name: logoOpacity;animation-duration: 1.8s;animation-iteration-count: infinite;}
.loading .cargando .spinn {text-align: center;display: inline-block;}
.loading .cargando .spinn span {margin: 0 0.2em;width: 1em;height: 1em;border-radius: 100%;display: inline-block;animation: bouncedelay 1.8s infinite ease-in-out;animation-fill-mode: both;}

.loading .cargando .ball01 {background-color: #ffffff;}
.loading .cargando .ball02 {background-color: #dbdbdb;}
.loading .cargando .ball03 {background-color: #b5b5b5;}
.loading .cargando .ball04 {background-color: #706d6c;}

@keyframes logoOpacity {
  0% {opacity: 1;}
  25% {opacity: 0.85;}
  40% {opacity: 0.7;}
  65% {opacity: 0.5;}
  85% {opacity: 0.7;}
  100% {opacity: 0.85;}
}

@keyframes logoColor {
  0% {fill: #ffffff;}
  33% {fill: #dbdbdb;}
  66% {fill: #b5b5b5;}
  99% {fill: #706d6c;}
}

@media only screen and (min-width: 768px) {
  .cargando .spinn span {margin: 0 0.3em;width: 1.4em;height: 1.4em;}}
    .cargando .spinn .ball01 {animation-delay: -0.48s;}
    .cargando .spinn .ball02 {animation-delay: -0.32s;}
    .cargando .spinn .ball03 {animation-delay: -0.16s;}

@keyframes bouncedelay {
  0%,80%,100% {transform: scale(0.1);-webkit-transform: scale(0.1);}
  40% {transform: scale(1);-webkit-transform: scale(1);}
}


/** BASICO TIRA PROGRAMACION ********************/
/************************************************/
.tvSchedule {overflow:hidden;padding:2.4rem 0;}
[data-tipo='mod_schedule'] {margin:0 0 2.4rem 0;}
.tvSchedule [class*='elem_'] {float:left;padding:1.2rem;}
.tvSchedule [class*='elem_'] .mod.sched,
.tvSchedule [class*='elem_'] .cellBox,
.tvSchedule [class*='elem_'] .mainBox,
.tvSchedule [class*='elem_'] .cellBox,
.tvSchedule [class*='elem_'] .content {height:100%;}
.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) .content {height:calc(100% + 2.4rem);}
.tvSchedule [class*='elem_'] .cellBox,
.tvSchedule [class*='elem_']:not(.elem_nowLive) .ima {position:relative;}


.tvSchedule [class*='elem_']:not(.elem_nowLive) {aspect-ratio:0.9;}
.tvSchedule .elem_nowLive {aspect-ratio:1.8;}
.tvSchedule .monoBox .ima {aspect-ratio:16/9;left:auto;top:0;transform:none;z-index:-1;flex:none;}

.tvSchedule [class*='elem_'] .mod.sched {border:0.2rem solid transparent;border-width:0;}

.tvSchedule .monoBox .ima,.tvSchedule .monoBox .mod.sched {border-radius:0.6rem;}

.tvSchedule .monoBox .ima:after,
.tvSchedule .elem_nowLive:not(.active) .ima:before {content:'';display:inline-block;position:absolute;left:0;bottom:0;width:100%;}
.tvSchedule .monoBox .ima:after {height:34%;background:linear-gradient(0deg,var(--fondo_oscuro),transparent);}
.tvSchedule .elem_nowLive:not(.active) .ima:before {width:50%;height:100%;background:linear-gradient(90deg,var(--fondo_oscuro),transparent);z-index:1;}


/*PROGRESS BAR*/
.tvSchedule .progressBar {width:calc(100% - 1.6rem);height:0.6rem;border-radius:0.3rem;background:var(--blanco);display:inline-block;position:absolute;left:50%;transform:translateX(-50%);overflow:hidden;}
.tvSchedule :not(.active) .progressBar {bottom:-1.6rem;}
.tvSchedule .active .progressBar {bottom:0.8rem;}
.tvSchedule .progressBar span {height:100%;display:inline-block;float:left;}
.tvSchedule :not(.active) .progressBar span {background:var(--gris_claro);}
.tvSchedule .active .progressBar span {background:var(--degradado_rojo);}

/*ENLACES*/
.tvSchedule .goto_media {position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:flex-end;align-items:center;}
.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) .goto_media {justify-content:center;}
.tvSchedule .goto_media,
.tvSchedule .txtBox  {padding:0 2rem;}


/*ajustes verticales*/
.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) .goto_media .icon-label {}

.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) .goto_media {bottom:-2.4rem;}
.tvSchedule .elem_nowLive .goto_media .icon-label,
.tvSchedule .active .goto_media .icon-label {line-height:2.4rem;padding:0.2rem 1.2rem 0.2rem 0.4rem;border-radius:0.4rem;border:0.2rem solid var(--blanco);display:flex;}
.tvSchedule .elem_nowLive .goto_media .icon-label strong,
.tvSchedule .active .goto_media .icon-label strong {font-size:1.3rem;text-transform:uppercase;letter-spacing:0.25pt;font-weight:700;}

.tvSchedule .elem_nowLive:not(.active) .goto_media .icon-label {background:var(--fondo_oscuro_50);}
.tvSchedule .elem_nowLive.active .goto_media .icon-label {background:var(--degradado_rojo);}

.tvSchedule [class*='elem_'].active .goto_media .icon-label {margin-top:-2.6rem;}

.tvSchedule .goto_media .icon-label .rtve-icons {width:2.4rem;height:2.4rem;display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:100%;opacity:1;margin-right:0.4rem;}
.tvSchedule .elem_nowLive .goto_media .icon-label .rtve-icons,
.tvSchedule .active .goto_media .icon-label .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg');}
.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) .goto_media .icon-label .rtve-icons {width:2.8rem;height:2.8rem;margin:0;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_mas_limpio.svg');}

.tvSchedule .elem_nowLive .goto_media .icon-label .rtve-icons {filter:invert(1);}

.tvSchedule [class*='elem_']:not(.elem_nowLive).active .goto_media .icon-label strong {color:var(--fondo_oscuro);}
.tvSchedule [class*='elem_']:not(.elem_nowLive).active .goto_media .icon-label {background-color:var(--blanco);}
.tvSchedule .elem_nowLive .goto_media .icon-label strong {color:var(--blanco);}

.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) .goto_media .icon-label strong {display:none;}

/** BASICO TIRA PROGRAMACION ********************/
/** END *****************************************/




/** SLIDE ***************************************/
/************************************************/

.tvSchedule .slideH {padding:0 calc((1280 - 960) / 1280 * 100% / 3) 0 calc((1280 - 960) / 1280 * 100% / 3 * 2);}
.tvSchedule .monoBox {width:1000%;left:0;position:relative;transition:left 1s ease-in-out;}
.tvSchedule .monoBox [class*='elem_']:not(.elem_nowLive) .ima {height:auto;}

/*FLECHAS DE CARRUSEL*/
.tvSchedule,.tvSchedule .slideBox {position:relative;width:100%;}
.tvSchedule .controlBox {height:0;width:100%;}
.tvSchedule .controlBox button {position:absolute;top:-2.3rem;height:calc(100% + 4.8rem);z-index:2;cursor:pointer;}
.tvSchedule .controlBox button.beoff {opacity:0;}
.tvSchedule .controlBox button img {height:7.6rem;margin:0 2rem;opacity:0.5;}
.tvSchedule .controlBox button:hover img,
.tvSchedule .controlBox button:focus img {opacity:1;}
.tvSchedule .controlBox .back_ {left:0;width:calc((1280 - 960) / 1280 * 100% / 3 * 2);text-align:right;}
.tvSchedule .controlBox .next_ {right:0;width:calc((1280 - 960) / 1280 * 100% / 3);text-align:left;background:var(--fondo_oscuro_90);}


/*ICONOS CADENAS*/
.tvSchedule .secBox {width:calc((1280 - 960) / 1280 * 100% / 3 * 2);height:100%;position:absolute;left:0;top:0;z-index:2;padding:0;background:var(--fondo_oscuro_90);}

.tvSchedule .secBox {padding:0 6rem 0 0 !important;}

.tvSchedule .secBox h3 {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.tvSchedule .secBox .canal:before {content:'';width:100%;height:7.6rem;display:inline-block;margin-top:7.6rem;
	background-position:50%;background-repeat:no-repeat;background-size:auto 2.5vw;opacity:0.5;}
.tvSchedule .secBox .canal .rtve-icons {text-align:center;font-size:1.6rem;line-height:2rem;font-weight:300;color:var(--blanco);padding:1.2rem 0;height:7.6rem;width:100%;opacity:0;}

.tvSchedule .secBox .canal:before {background-image:url("https://css2.rtve.es/css/rtve.directos/logos_cadenas/rtve_nac.svg");}

.tvSchedule .secBox .canal[class*='la1']:before {background-image:url("https://css2.rtve.es/css/rtve.directos/logos_cadenas/tv-la1_nac.svg");}
.tvSchedule .secBox .canal[class*='la2']:before {background-image:url("https://css2.rtve.es/css/rtve.directos/logos_cadenas/tv-la2_nac.svg");}
.tvSchedule .secBox .canal[class*='24-horas']:before {background-image:url("https://css2.rtve.es/css/rtve.directos/logos_cadenas/tv-24-horas_nac.svg");}
.tvSchedule .secBox .canal[class*='teledeporte']:before {background-image:url("https://css2.rtve.es/css/rtve.directos/logos_cadenas/tv-teledeporte_nac.svg");}
.tvSchedule .secBox .tv-clan:before {background-image:url("https://css2.rtve.es/css/rtve.directos/logos_cadenas/tv-clan_nac.svg");}

/*canales fast*//*especifico
.tvSchedule .secBox .canal[class*='cine']:before {background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaysomoscine_nac2.png');}
.tvSchedule .secBox .canal[class*='docs']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaydocs_nac2.png');}
.tvSchedule .secBox .canal[class*='crimen']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaycrimen_nac2.png');}
.tvSchedule .secBox .canal[class*='epoca']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplayepoca_nac2.png');}
.tvSchedule .secBox .canal[class*='cuentame']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaycuentame_nac2.png')}
.tvSchedule .secBox .canal[class*='promesa']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaypromesa_nac2.png')}
.tvSchedule .secBox .canal[class*='series']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaydeseries_nac.png')}
.tvSchedule .secBox .canal[class*='radio_3']:before {background-size:20rem auto;background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplayconciertosradio3_nac.png')}
.tvSchedule .secBox .canal[class*='viajes']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaydeviajes_nac.png')}
.tvSchedule .secBox .canal[class*='estrellas']:before {background-image: url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplay4estrellas_nac.png')}
*/




/*CAJAS DE TEXTO*/
.tvSchedule .txtBox {color:var(--blanco);}
.tvSchedule [class*='elem_']:not(.elem_nowLive) .content {overflow:hidden;display:flex;flex-direction:column-reverse;justify-content:space-between;}
.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) * {align-items:center;text-align:center;}
.tvSchedule [class*='elem_']:not(.elem_nowLive):not(.active) .txtBox .maintitle {min-height:4rem;}
.tvSchedule [class*='elem_']:not(.active) .txtBox p {display:none;}


.monoBox .txtBox > strong {}
.monoBox .txtBox .pretitle {}
.tvSchedule .txtBox,.tvSchedule .txtBox * {width:100%;}
.tvSchedule .txtBox .maintitle {font-size:1.8rem;font-weight:500;}
.tvSchedule .txtBox .horemi {font-size:1.6rem;}
.tvSchedule .txtBox .datemi,.tvSchedule .txtBox .pretitle {font-weight:300;color:var(--gris_claro);}
.tvSchedule .txtBox .datemi {font-size:1.2rem;}
.tvSchedule .txtBox .pretitle {font-size:1.2rem;text-transform:uppercase;letter-spacing:0.5pt;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500;}
.tvSchedule .txtBox .maintitle {line-height:2rem;}
.tvSchedule .txtBox .pubBox,.tvSchedule .txtBox .pretitle {line-height:2.4rem;}

.tvSchedule .txtBox,.tvSchedule .txtBox .pubBox,.tvSchedule .txtBox strong {display:flex;flex-direction:column;}
  .tvSchedule .txtBox p {order:1;}
  .tvSchedule .txtBox strong {order:2;}
  .tvSchedule .txtBox .pubBox {order:3;}




/*AHORA EN DIRECTO*/
.tvSchedule .elem_nowLive .mod.sched .ima {width:auto;height:100%;right:0;}
.tvSchedule .elem_nowLive:not(.active) .txtBox {}
.tvSchedule .elem_nowLive:not(.active) .txtBox .pubBox {display:none;}
.tvSchedule .elem_nowLive:not(.active) .txtBox .pretitle {}


/*ELEMENTOS ACTIVOS*/
.tvSchedule [class*='elem_'].active .mod.sched {height:calc(100% + 3.2rem + 1.2rem);position:absolute;z-index:2;top:-0.8rem;border-color:var(--gris_claro);border-width:0.2rem;border-radius:0.8rem;box-shadow:0 0 2.4rem 1.6rem var(--fondo_oscuro_80);background:var(--fondo_oscuro);}
/*normales*/
.tvSchedule [class*='elem_']:not[class*='pag-'].active .mod.sched {left:50%;transform:translateX(-50%);}
/*extremos*/
.tvSchedule [class*='elem_'].pag-ini.active .mod.sched {left:0;}
.tvSchedule [class*='elem_'].pag-fin.active .mod.sched {right:0;}
 
.tvSchedule [class*='elem_']:not(.elem_nowLive).active .mod.sched {width:calc(166.667% + 3.2rem);}
.tvSchedule .elem_nowLive.active .mod.sched {width:calc(100% + 3.2rem);}

.tvSchedule [class*='elem_'].active .mod.sched .ima {position:absolute;width:100%;}
.tvSchedule [class*='elem_'].active .pubBox {display:none;}

.tvSchedule .elem_nowLive .txtBox,
.tvSchedule [class*='elem_'].active .txtBox {height:100%;display:flex;flex-direction:column-reverse;
background:linear-gradient(90deg,var(--fondo_oscuro_60),transparent);border-radius:0.8rem;}
.tvSchedule .elem_nowLive .txtBox strong,
.tvSchedule [class*='elem_'].active .txtBox strong {width:100%;padding-bottom:1.4rem;}
.tvSchedule [class*='elem_'].active .txtBox p {font-size:1.3rem;line-height:1.7rem;height:5.1rem;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;}

.tvSchedule .elem_nowLive.active .txtBox  {padding-bottom:2.4rem;}
.tvSchedule [class*='elem_']:not(.elem_nowLive).active .txtBox  {padding-bottom:1.3rem;}

@media only screen and (min-width:768px){
.tvSchedule .monoBox [class*='elem_']:not(.elem_nowLive) {width:calc(100% / 10 / 4);}
.tvSchedule .monoBox .elem_nowLive {width:calc(100% / 10 / 4 * 2);}
}
@media only screen and (min-width:1280px){
.tvSchedule .monoBox [class*='elem_']:not(.elem_nowLive) {width:calc(100% / 10 / 4);}
.tvSchedule .monoBox .elem_nowLive {width:calc(100% / 10 / 4 * 2);}
}
@media only screen and (min-width:1400px){
.tvSchedule .monoBox [class*='elem_']:not(.elem_nowLive) {width:calc(100% / 10 / 5);}
.tvSchedule .monoBox .elem_nowLive {width:calc(100% / 10 / 5 * 2);}
}
@media only screen and (min-width:1600px){
.tvSchedule .monoBox [class*='elem_']:not(.elem_nowLive) {width:calc(100% / 10 / 6);}
.tvSchedule .monoBox .elem_nowLive {width:calc(100% / 10 / 6 * 2);}
}



/** SLIDE ***************************************/
/** END *****************************************/




/** NAVEGACION CANALES ********************/
/************************************************/




/** NAVEGACION CANALES ********************/
/** END *****************************************/


/*revisar*/
a.goto_media {display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
a.goto_media:focus-visible {background: rgba(210,255,192,0.5);}
.wariaType .controlBox .be_on:focus-visible {opacity:1;background: #fff;}




/** AJUSTANDO ***********************************/
/************************************************/
.tvSchedule {}
.tvSchedule .slideBox {}
.tvSchedule .controlBox button {}


/** AJUSTANDO ***********************************/
/** END *****************************************/