@charset 'UTF-8';
@import url('https://css2.rtve.es/css/rtveplay.2021/rtve.play.basics.desktp.css');
@import url('https://css2.rtve.es/css/rtveplay.2021/rtve.player.desktp.css');
@import url('https://css2.rtve.es/css/rtveplay.2024/rtve.mod_footer.desktp.css');

/* GENERAL */
body {background-color:rgb(15,15,15);}
.vjs-has-started .mainElem .pxv_playPlus, 
.vjs-has-started .mainElem .promo_mod {display:none!important;}

/*video reproduciendo*/
.video_playing .mainbodier {position:relative;z-index:5;}

/* APERTURA */
.rtveplayplus .mainElem {position:relative;min-height:46rem;}

.vjs-paused:not(.vjs-has-started):hover .vjs-big-play-button:before {background-image:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg');}
.rtveplayplus:not(.pfhelp) .mainElem .content .txtBox {position:absolute;width:100%;bottom:12%;text-align:center;z-index:1;}
.rtveplayplus .mainElem .content .txtBox .maintitle {font-size:4.6rem;line-height:5rem;color:#fff;font-weight:300;}

.rtveplayplus .mainElem .content .pxv_playPlus {position:absolute;display:flex;justify-content:center;align-items:center;top:0;z-index:2;}
.rtveplayplus .mainElem .content .pxv_playPlus .ima {width:45rem;padding-top:100%;background:url('http://img2.rtve.es/aplicaciones/temporal/alacarta/2022_RTVEplayPlus_landing/img/gradient-round.png') no-repeat;background-size:100% auto;}
.rtveplayplus .mainElem .content .pxv_playPlus .ima .i_logo {width:9rem;top:3rem;left:20%;}
.rtveplayplus .mainElem .content .pxv_playPlus p {position:absolute;font-size:6rem;line-height:6.4rem;font-weight:300;color:#fff;text-align:center;}
.rtveplayplus .mainElem .content .pxv_playPlus p strong {display:block;font-size:3.8rem;line-height:4.6rem;font-weight:300;text-align:left;}

.rtveplayplus .calltoaction {position:absolute;right:5rem;bottom:calc(50% - 5rem);z-index:1;}
.rtveplayplus .calltoaction .pxv_playPlus {width:20rem;height:auto;border:none;opacity:1;}
.rtveplayplus .calltoaction .pxv_playPlus strong {background:url('i/rtve.playplus_basic-gradient.png') no-repeat;background-size:100% 100%;font-size:1.6rem;line-height:2rem;color:#fff;border:0.2rem solid #fff;border-radius:0.5rem;padding:2.5rem;width: 100%;}
.rtveplayplus .calltoaction .pxv_playPlus:hover strong {background:#fff;color:#000;}

.calltoaction .pxv_playPlus.login {display: flex;margin-bottom: 3rem;}

/* BANNER */
.container > .promo_mod iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
.container > .promo_mod {overflow:hidden;position:relative;max-width:118rem;min-width:72rem;margin:0 auto;}

.f27x9   {padding-top:calc(100% * (9/27));}
.f32x9   {padding-top:calc(100% * (9/32));}


/* ELEMENTO */
.grid .rows_Box .row_2 {overflow:hidden;}
.grid .rows_Box .row_2 .elem_nH .mainBox {position:relative;padding-top:calc(9/16 * 100%);}
.grid .rows_Box .row_2 .elem_nH .content {display:none;}
.grid .rows_Box .row_2 .elem_nH .ima .i_logo {width:auto;height:50%;left:auto;right:50%;transform:translate(50%,0);z-index:1;}
.grid .rows_Box .row_2 .elem_nH .ima:after {content:'';position:absolute;width:100%;height:50%;bottom:0;z-index:0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 80%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 80%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ab000000',GradientType=0 );
}

.rows_Box .comp_nH {display:flex;position:relative;animation-duration:90s;}
.rows_Box .elem_6 {width:calc(100vw * 6 / 4);}
.rows_Box .elem_6 .elem_nH {width:calc(100% / 6);}
.rows_Box .elem_8 {width:calc(100vw * 8 / 4);}
.rows_Box .elem_8 .elem_nH {width:calc(100% / 8);}
.rows_Box .monoBox:nth-child(odd).elem_8 {animation-name:animate8_left;}
.rows_Box .monoBox:nth-child(even).elem_8 {animation-name:animate8_right;}
.rows_Box .monoBox:nth-child(odd).elem_6 {animation-name:animate6_left;}
.rows_Box .monoBox:nth-child(even).elem_6 {animation-name:animate6_right;}
@keyframes animate8_left {
  0%   {left:0}
	50%  {left:calc(-100vw / 4 * (8 - 4));}
  100% {left:0;}
}
@keyframes animate8_right {
  0%   {left:calc(-100vw / 4 * (8 - 4));}
	50%  {left:0;}
  100% {left:calc(-100vw / 4 * (8 - 4));}
}
@keyframes animate6_left {
  0%   {left:0}
	50%  {left:calc(-100vw / 4 * (6 - 4));}
  100% {left:0;}
}
@keyframes animate6_right {
  0%   {left:calc(-100vw / 4 * (6 - 4));}
	50%  {left:0;}
  100% {left:calc(-100vw / 4 * (6 - 4));}
}


/* FAKE BANNER */
.promoBox .secBox {width:100%;padding:0;box-shadow:0 1rem 1.5rem rgba(0 0 0 / 25%);}
.promoBox .secBox:before {content:'';display:inline-block;position:absolute;width:10rem;height:2.8rem;background: url('https://css2.rtve.es/css/rtve.2021/i/rtve-logos/logos_plus/logo_playPlus_ffffff.svg');background-size:100% 100%;right:5rem;top:50%;transform:translate(-50%,-50%);}
.promoBox .secBox strong {width:100%;background:url('i/rtve.playplus_basic-gradient.png') no-repeat;background-size:100% 100%;color:#fff;font-size:3rem;font-weight:300;padding:2.5rem;padding-left:10rem;}

/* DISPOSITIVOS */
.promoBox .gadget {background:#fff;padding:9rem 15rem;}
.promoBox .gadget .mainBox {display:inline-flex;width:100%;}
.promoBox .gadget .ima {width:50%;max-width:55rem;}
.promoBox .gadget .ima img {position:relative;}
.promoBox .gadget .txtBox {width:50%;padding-left:5rem;font-size:3rem;line-height:3.6rem;font-weight:300;}
.promoBox .gadget .txtBox strong {display:block;padding-bottom:2rem;}

.promoBox .gadget .mainBox {position:relative;}
.promoBox .gadget .linksBox {position:absolute;display:inline-flex;left:calc(50% + 5rem);bottom:0;}
.promoBox .gadget .linksBox .ima_android {padding-left:4rem;}

.promoBox .endBox {width:80%;margin-left:10%;margin-top:5rem;}
.promoBox .endBox .pxv_playPlus {width:100%;height:100%;border:transparent;opacity:1;}
.promoBox .endBox strong {background:url('i/rtve.playplus_basic-gradient.png') no-repeat;background-size:100% 100%;border-radius:0.5rem;width:100%;font-size:1.6rem;line-height:2rem;color:#fff;padding:1.5rem;}
.promoBox .endBox .pxv_playPlus:hover strong {background:#fff;color:#000;}

.promoBox .endBox .pxv_playPlus:not(:last-of-type) {margin-bottom: 1rem;}

/* FOOTER */
footer .infoBox .butt,.pfhelp footer .infoBox {display:none;}
footer .infoBox .butt.playPlus {display:inline-flex;}
.pfhelp footer .portalsBox {width:70%;}
.pfhelp footer .redesBox {width:30%;}


@media all and (max-width:1245px){
	.promoBox .gadget .txtBox {font-size:2.6rem;line-height:3rem;}
	.promoBox .gadget {padding:9rem 9rem;}
}
@media all and (max-width:1080px){
	.fake_banner .i_logo {right:10%;}
	.promoBox .gadget .txtBox {font-size:2.2rem;line-height:2.8rem;}
	.promoBox .gadget {padding:9rem 5rem;}
	.rtveplayplus .mainElem .mediaBox .ima {padding-top:56.25%;}
}
@media all and (max-width:970px){
	.promoBox .gadget .linksBox .ima_android {padding-left:0;}
	.rtveplayplus .mainElem .pxv_playPlus .ima {width:25rem;}
	.rtveplayplus .mainElem .content .pxv_playPlus p {font-size:3rem;line-height:3.4rem;}
	.rtveplayplus .mainElem .mediaBox .ima {padding-top:60%;}
	.ima_dispo img {width:80%;}
	.promoBox .gadget .txtBox {font-size:1.8rem;line-height:2.2rem;}
	.promoBox .gadget .overBox {padding-left:0;}
	.promoBox .gadget .linksBox .mod img {width:80%;}
	.promoBox .gadget .linksBox {left:calc(49% - 1rem);}
	.rtveplayplus .mainElem .content .pxv_playPlus .ima {width:35rem;}
}

@media screen and (min-width:1245px){
	.rtveplayplus .mainElem .mediaBox .ima  {padding-top:56.25%;}
	.rtveplayplus .calltoaction {right:10%;}
}

@media only screen and (min-width:1660px){
	.rtveplayplus .mainElem .mediaBox .ima {padding-top:40%;}
}


/** PAGINA DE AYUDA *****************************/
/************************************************/
.navBox {padding:2.4rem 0 0 0;width:100%;min-height:7.2rem;position:fixed;top:0;left:0;z-index:4;
	/*background:url('i/rtve.playplus_basic-gradient.png') no-repeat;background-size:100% 100%;*/}
.navBox div[role="banner"] {position:absolute;left:9.6rem;height:4.4rem;display:flex;}
.navBox div[role="banner"] .icon strong {display:none;}
.navBox div[role="banner"] .icon {height:100%;display:flex;}
.navBox .icon[class*='logo'] .rtve-icons:first-of-type {height:100%;display:inline-block;background-position:0 0;background-size:auto 3.6rem;}
.navBox .icon[class*='rtveplayplus'] .rtve-icons:first-of-type {width:18.2rem;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-logos/logos_plus/logo_playPlus_color.svg');opacity:1;}
.navBox .onside strong {font-family:'Roboto Slab','Roboto',sans-serif;color:#fff;display:inline-block;margin-top:0.2rem;
	font-size:2rem;line-height:2.4rem;text-transform:lowercase;font-weight:300;}
.pfhelp .mainElem:after,.pfhelp .mainElem .content:after {content:'';width:100%;position:absolute;left:0;}
.pfhelp .mainElem .content:after {opacity:0.25;height:100%;top:0;
	background:url('i/rtve.playplus_basic-gradient.png') no-repeat;background-size:125% 100%;}
.pfhelp .mainElem:after {height:48rem;bottom:0;background:linear-gradient(0deg, rgba(15,15,15,1), rgba(15,15,15,0) 50%);}
.pfhelp .mainElem .cellBox,.pfhelp .mainElem .ima {position:absolute;left:0;top:0;width:100%;height:100%;}
.pfhelp .mainElem .ima {z-index:-1;}
.pfhelp .mainElem .content {padding:9.6rem 0 4.8rem 12.8rem;max-width:36rem;}
.pfhelp .promo_mod,.pfhelp .mainBox {height:100%;}
.pfhelp .mainBox {width:100%;display:flex;margin:0 auto;}
.pfhelp .i_prvw {left:45%;height:100%;width:auto;transform:translateX(-50%);}
.pfhelp .txtBox {width:auto;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1;}
.pfhelp .txtBox p {font-size:1.6rem;line-height:2.4rem;padding:0.8rem 0;}
.pfhelp .txtBox .qrBox p {font-size:1.4rem;line-height:2.2rem;padding-top:1.6rem;}
.pfhelp .qrBox .hddn_mobile {display:inline-block;}

.pfhelp .navBox,
.pfhelp .mainBox,
.pfhelp .helpBox {max-width:calc(118rem + ((9.6rem - 2rem) * 2));}
.pfhelp .navBox {left:50%;transform:translateX(-50%);height:9.6rem;}
.pfhelp .navBox:before {content:'';width:100vw;height:100%;display:inline-block;position:absolute;left:50%;transform:translateX(-50%);top:0;background:linear-gradient(180deg, rgba(0,0,0,0.85) 50%, transparent);opacity:0;transition:opacity 0.6s;}
.pfhelp.scrolled .navBox:before {opacity:1;}

/*BOTON CERRAR*/
.pfhelp .services .close {position:absolute;right:2.4rem;top:1.6rem;width:calc(4.8rem + 3.6rem);cursor:pointer;
	height:4.8rem;padding:0.8rem;padding-left:calc(0.8rem + 3.6rem);}
.pfhelp .services .close .rtve-icons {background-repeat:no-repeat;background-position:50%;width:100%;height:100%;
background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg');}
.pfhelp .services .close.tooltip strong {font-size:1.3rem;font-weight:400;line-height:2rem;color:#fff;
	bottom:auto;top:50%;left:0;transform:translate(0,-50%);}

/*CAJAS DE AYUDA*/
/*comportamiento generico capas*/
.pfhelp .blindBox {display:none;}
.pfhelp .blindBox.be_on {display:block;}
.pfhelp .blind.active {background-color:#fff;opacity:1;}
.pfhelp .blind.active strong {color:#000;}
/*.pfhelp .tab.blind.active:before {content:'';width:0;height:0;display:inline-block;position:absolute;top:calc(100% + 0.2rem);left:50%;
	transform:translateX(-50%);boder-color:transparent;border-top-color:#fff;border-style:solid;border-width:1.6rem 2.4rem 0 2.4rem;}*/

.pfhelp li .blindBox.be_on {padding-left:3.6rem;}

.pfhelp .blind.butt strong {font-size:1.3rem;line-height:2rem;padding:0.8rem 1.6rem;}
.pfhelp .blind.butt.active strong {padding-bottom:5.6rem;}


.pfhelp .helpBox {padding-top:5.6rem;position:relative;margin:0 auto;}
.pfhelp .tab {position:absolute;height:auto;top:0;border-radius:0.6rem;cursor:pointer;}
.pfhelp button.tab:first-of-type {left:calc(12.8rem - 1.6rem);}
.pfhelp button.tab:nth-of-type(2) {left:calc(12.8rem - 1.6rem + 21.2rem + 1.2rem);}
.pfhelp button.tab:nth-of-type(3) {left:calc(12.8rem - 1.6rem + 21.2rem + 1.2rem + 22.4rem + 1.2rem);}

.pfhelp .tabBox {background:#fff;border-radius:1.2rem;}
.pfhelp .tabBox iframe {width:calc(100% - 21rem);display:block;margin:0 auto;}

/* FAQs */
.bodier p,.accordionBox li {font-size:1.6rem;line-height:2.4rem;font-weight:300;letter-spacing:0.15pt;}
.bodier p,.accordionBox ul,.accordionBox ol {padding:0.6rem 0;}

.accordionBox .grid > div {display:flex;flex-direction:column;}
.accordionBox .ladillo {place-self:flex-start;font-weight:500;}
.accordionBox h3.ladillo {display:flex;align-items:center;padding:1rem 0;/*opacity:0.67;*/cursor:pointer;}
.accordionBox:not(.simpleBox) h3.ladillo:before {content:'';width:2rem;height:2rem;display:inline-block;padding-right:1.5rem;
	background:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_down.svg) no-repeat;filter:invert(1);}
.accordionBox h3.ladillo.active:before {content:'';width:2rem;height:2rem;display:inline-block;padding-right:1.5rem;background:url(https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_up.svg) no-repeat;} 
.accordionBox .ladillo strong {color:#f60;}
.accordionBox .icon-label {display:flex;flex-direction:row;align-items:center;}
.accordionBox .ladillo .rtve-icons {width:2.5rem;height:2.5rem;display:inline-block;float:left;}

/*iconografia*/
.ladillo .rtve-icons {background-repeat:no-repeat;background-size:2.8rem;}
.ladillo ._info .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_down.svg');filter:invert(1);border-radius:100%;border:0.1rem solid #fff;background-size:70% 70%;}
.accordionBox .ladillo.active .icon-label .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_up.svg');}

/*listas numeradas*/
.accordionBox ol {list-style:none;counter-reset:countList;}
.accordionBox ol > li, .accordionBox ol > li + li {counter-increment:countList;}
.accordionBox ol li:before {content:counter(countList);width:2rem;height:2rem;line-height:2rem;text-align:center;border-radius:0.3rem;
	color:#000;font-size:1.4rem;font-weight:400;float:left;}
.accordionBox ol li,.accordionBox ul ul li {padding:0.4rem 0 0.4rem 2.8rem;}
.accordionBox ul ul li:before {content:'';width:0.8rem;height:0.8rem;border-radius:100%;margin:0.6rem 0.6rem 0.6rem -1.8rem;
	display:inline-block;float:left;background:#f60;}
.accordionBox ul li strong {/*text-transform:uppercase;color:#f60;*/font-weight:500;}

.accordionBox .grid {padding:4.8rem 4.8rem 4.8rem 8.6rem;margin:0 auto;}
.accordionBox.simpleBox .grid {padding-left:12.8rem;}
.accordionBox .ladillo strong {font-size:2rem;line-height:2.4rem;font-weight:700;padding-left:1.5rem;}
.accordionBox .icon-label {cursor:pointer;padding:1.5rem 0;}
.accordionBox ol li:before {margin:0.1rem 0 0 -2.8rem;}

/*codigo QR*/
.pfhelp .qrBox img {width:21.2rem;height:auto;background:rgba(0,0,0,0.5);padding:1.6rem;border-radius:0.6rem;margin:0 -1.6rem;} 


/*VIDEO DE APOYO*/
button.icon.play {border:0.2rem solid #f60;padding:0 1.6rem 0 0.4rem;border-radius:0.6rem;display:flex;height:auto;margin:1.2rem 0;cursor:pointer;}
button.icon.play strong {font-size:1.4rem;line-height:3.2rem;text-transform:uppercase;}
button.icon.play .rtve-icons {height:3.2rem;width:3.2rem;background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg') no-repeat 50%;background-size:2.4rem;}
button.butt.icon.play:hover {opacity:1;border-color:rgb(51,51,51);background-color:rgb(51,51,51);}
button.icon.play:hover strong {color:#fff;}
button.icon.play:hover .rtve-icons {filter:invert(1);} 

.blindBox .videoBox {position:fixed;left:0;top:0;padding:12rem;width:100vw;height:100vh;display:none;background:rgb(51,51,51);z-index:2;}
.blindBox .videoBox.active {display:flex;}
.videoBox .cerrar-video {width:4.8rem;height:4.8rem;position:absolute;right:4.8rem;top:4.8rem;padding:1.2rem;border-radius:100%;background:rgba(0,0,0,0.4);z-index:2;cursor:pointer;}
.videoBox .cerrar-video img {filter:invert(1);}
.videoBox video {aspect-ratio:16/9;max-width:100%;height:100%;margin:0 auto}
.pfhelp.locked .navBox:before,
.pfhelp.locked .services .close .rtve-icons {display:none;}
.pfhelp.locked .mainbodier {z-index:5;}


/*ENLACES*/
.accordionBox a {border-bottom:0.1rem solid #000;font-weight:500;letter-spacing:0.25pt;}
.accordionBox a:hover {color:#f60;border-color:#f60;}
.simpleBox .ladillo a {margin-left:1.2rem;}

/*MINILOGO*/
logo {font-size:1.8rem;font-weight:700;color:#f60;display:inline-flex;padding-left:0.4rem;    align-items: center;gap: 0.2rem;}
logo span {font-family: 'Roboto Slab';color: #A5A594;font-weight: 300;margin-top: -0.2rem;}


/*ICONOS EN TEXTO*/
.accordionBox p .icon:not(.butt) {width:2.4rem;height:2.4rem;display:inline-block;}
.accordionBox p .icon:not(.butt) img {width:100%;height:100%;vertical-align:middle;}
.accordionBox p .icon:not(.butt).mute img {filter:invert(1);}

/** PAGINA DE AYUDA *****************************/
/** END *****************************************/