@font-face{font-family:Texto;src:url(texto.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Rotulo;src:url(rotulo.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --ctx:1600;--ctxv:1000;
  --margin:calc(24/1600*100vw);--gutter:calc(24/1600*100vw);
  --vh:1svh;
  --alto:100svh;
  --pill:rgba(130,130,130,.3);--pill-borde:rgba(99,99,99,.1);--pill-sobre:rgba(140,140,140,.6);
  --gris:#949699;--gris2:#8a8a8a;
  --ease:cubic-bezier(.4,0,.2,1);
  --texto:Texto,"Helvetica Neue",Arial,sans-serif;--rotulo:Rotulo,"Helvetica Neue",Arial,sans-serif;
}
@media (max-width:479px){:root{--margin:15px;--gutter:calc(24/390*100vw)}}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%}
body{height:100%;width:100%;overflow:hidden;background:#000;color:#fff;font-family:var(--texto);font-size:12px;line-height:1.2;overscroll-behavior:none}
button,input{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;font:inherit;color:inherit;text-align:left;outline:0}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img,video{display:block}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,0,0,.55)}
.about :focus-visible,.nav.sobre :focus-visible{outline-color:#000;box-shadow:none}
.salto{position:fixed;left:12px;top:-60px;z-index:300;background:#fff;color:#000;padding:10px 14px;border-radius:10px;transition:top .2s}
.salto:focus{top:12px}
.solo-lector{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}


.cta{font-family:var(--texto);font-size:12px;line-height:1.1166666667em}
.copy{font-family:var(--texto);font-size:12px;line-height:1.2em}
.caps{font-family:var(--rotulo);font-size:12px;line-height:normal;text-transform:uppercase;letter-spacing:.012em}
.linea{display:block;overflow:hidden}
.linea>span{display:block;will-change:transform}
.subraya{position:relative;display:inline-block;line-height:1}
.subraya::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--c,#000);transform:scaleX(0);transform-origin:left top;transition:transform .3s}
@media (hover:hover){.subraya:hover::after{transform:scaleX(1)}}


.nav{--nx:0px;--ny:0px;position:fixed;left:0;top:0;width:100vw;z-index:12;display:flex;align-items:center;padding:var(--margin);pointer-events:none}
.nav a,.nav button{display:inline-flex;pointer-events:auto}
.nav[hidden]{display:none}
.nav__rol,.nav__volver,.nav__about,.nav__contacto{color:#fff}
.nav__rol{position:absolute;left:calc(var(--margin) - 10px);top:50%;transform:translate(var(--nx),calc(-50% + var(--ny)));padding:10px;pointer-events:auto}
.nav__rol span{display:inline-block;position:relative;top:2.5px;color:var(--nav-texto,#fff);transition:color .4s ease}
.nav__home{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + var(--ny)))}
.nav__home a{padding:10px}
.nav__home span{display:inline-block;color:var(--nav-texto,#fff);transition:color .4s ease}
.nav[data-tema=light] .nav__home span,.nav[data-tema=light] .nav__rol span{text-shadow:0 0 12px rgba(0,0,0,.32)}
.nav[data-tema=dark] .nav__home span,.nav[data-tema=dark] .nav__rol span{text-shadow:0 0 12px rgba(255,255,255,.45)}
.nav.sobre .nav__home span,.nav.sobre .nav__rol span{text-shadow:none!important}
.nav__home span:first-child{margin-right:.15em}
.nav__home span:last-child{margin-left:.15em}
.pill{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:var(--pill);border:1px solid var(--pill-borde);border-radius:10px;padding:10px;color:#fff;transition:background .333s ease,color .333s ease}
@media (hover:hover){.pill:hover{background:var(--pill-sobre)}}
.nav[data-tema=dark] .pill{background:rgba(52,52,52,.38)}
.nav__about{margin-left:auto;position:relative;transform:translate(calc(var(--nx)*-1),var(--ny))}
.nav__about__cont{position:relative;display:grid;border-radius:10px;background:var(--pill);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid var(--pill-borde);clip-path:inset(0 0 0 0 round 10px);transition:none}
.nav[data-tema=dark] .nav__about__cont{background:rgba(52,52,52,.38)}
.nav__about__enlace{padding:10px;color:#fff;display:block;position:relative}
.nav__about__enlace,.nav__about__cerrar{grid-area:1/1}
.nav__about__cerrar{padding:10px;color:#fff;pointer-events:none;visibility:hidden;display:block;justify-self:end}
.nav .nav__about__cont.abierto{background:#000;border-color:#000}
.nav.sobre .nav__contacto .pill{background:rgba(0,0,0,.07);color:#8a8a8a;border-color:transparent}
.nav__contacto{margin-left:12px;position:relative;transform:translate(calc(var(--nx)*-1),var(--ny))}
.nav__contacto .pill{display:inline-flex}
.aviso-toast{position:absolute;right:0;top:calc(100% + 12px);height:36px;pointer-events:none}
.toast{position:absolute;right:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#000;border:1px solid rgba(99,99,99,.1);border-radius:10px;padding:8px 14px;opacity:0;visibility:hidden}
.toast span{color:#fff;font-size:11px;display:inline-block}


.aviso{position:fixed;left:0;right:0;bottom:calc(var(--margin)/2 - 5px);z-index:30;text-align:center;pointer-events:none;font-family:var(--texto);font-size:10px;line-height:10px;color:rgba(255,255,255,.78);text-shadow:0 0 6px rgba(0,0,0,.55)}
.aviso a{pointer-events:auto;text-decoration:underline;text-underline-offset:2px}
@media (max-width:479px){.aviso{bottom:7px;font-size:9px;line-height:9px}}


.carga{position:fixed;left:0;top:0;width:100%;height:100svh;background:#000;color:#fff;z-index:100;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.carga__cont{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.carga h1,.carga p{opacity:0;text-transform:uppercase;font-family:var(--rotulo);font-weight:400;font-size:12px;line-height:1.1166666667em;letter-spacing:.012em}
.carga h1{margin-bottom:8px}


.cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:110;display:none}
.cursor__bg{height:42px;width:90px;left:50%;top:50%;position:absolute;transform:translate3d(-50%,-50%,0);transition:transform .5s ease,opacity .5s ease}
.cursor__bg.hover{opacity:.5}
.cursor__bg.down{transform:translate3d(-50%,-50%,0) scale(.7)}
.cursor__bg.explore.down{transform:translate3d(-50%,-50%,0) scale(.8)}
.cursor__fondo{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:rgba(50,50,50,.2);height:42px;width:90px;left:50%;top:50%;position:absolute;transform:translate3d(-50%,-50%,0);transition:clip-path 333ms ease .2s,opacity 333ms ease .2s;z-index:0}
.cursor__explorar{color:#fff;transform:translate3d(-50%,-50%,0);transition:opacity 222ms ease 0s;left:50%;top:50%;position:absolute;opacity:0;z-index:1;white-space:nowrap}
.cursor__cerrar{height:13px;width:13px;transform:translate3d(-55%,-60%,0) rotate(90deg);transition:transform 333ms ease,opacity 333ms ease;left:50%;top:50%;position:absolute;opacity:0;z-index:1}
.cursor__prev,.cursor__next{color:#fff;height:14px;width:8px;left:50%;top:50%;opacity:0;position:absolute;transition:opacity 222ms ease 0s;z-index:1}
.cursor__prev{transform:translate3d(-80%,-40%,0)}
.cursor__next{transform:translate3d(-30%,-40%,0)}
.cursor__prev div,.cursor__next div{left:50%;top:50%;position:absolute;transform:translate3d(-50%,-50%,0)}
.cursor__bg.default .cursor__explorar{opacity:0}
.cursor__bg.default .cursor__cerrar{opacity:0;transform:translate3d(-55%,-60%,0) rotate(90deg) scale(.5)}
.cursor__bg.default .cursor__fondo{background:rgba(50,50,50,.3);clip-path:inset(8px 32px 8px 32px round 42px);transition:clip-path 333ms ease 0s,opacity 333ms ease 0s}
.cursor__bg.explore .cursor__explorar{opacity:1;transition:opacity 333ms ease .2s}
.cursor__bg.explore .cursor__fondo{clip-path:inset(4px 14px 4px 14px round 10px);transition:clip-path 333ms ease 0s,opacity 333ms ease}
.cursor__bg.toggle .cursor__explorar{opacity:0}
.cursor__bg.toggle.prev .cursor__prev,.cursor__bg.toggle:not(.prev) .cursor__next{opacity:1}
.cursor__bg.toggle .cursor__fondo{clip-path:inset(0 24px 0 24px round 42px);transition:clip-path 333ms ease 0s,opacity 333ms ease 0s}
.cursor__bg.close .cursor__cerrar{opacity:1;transform:translate3d(-55%,-60%,0) rotate(0) scale(1)}
.cursor__bg.close .cursor__fondo{clip-path:inset(0 24px 0 24px round 42px)}
.cursor__bg.hide .cursor__fondo,.cursor__bg.hide .cursor__explorar,.cursor__bg.hide .cursor__next,.cursor__bg.hide .cursor__prev{opacity:0!important;transition:opacity 333ms ease 0s!important}
@media (min-width:480px) and (hover:hover) and (pointer:fine){
  .cursor{display:block}
  html.con-cursor,html.con-cursor *{cursor:none!important}
}


.pagina{position:fixed;left:0;top:0;width:100vw;height:100svh;overflow:hidden;clip-path:inset(0px);z-index:1;background:#000}
.home{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pv{position:absolute;left:0;top:0;width:100%;height:100%}
.pv.hidden{visibility:hidden}
.pv__enlace{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.pv__asset{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;background:#111}
.pv__media{position:relative;width:100%;height:100%;will-change:transform}
.pv__media img,.pv__media video,.pv__media picture{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.pv__media video{opacity:0;transition:opacity .6s ease}
.pv__media video.listo{opacity:1}
.pv__detalles{position:absolute;z-index:2;right:var(--margin);top:54svh;width:370px;transform:translateZ(0);pointer-events:none;color:#fff;text-shadow:0 0 16px rgba(0,0,0,.4)}
.pv.dark .pv__detalles{color:#000;text-shadow:0 0 16px rgba(255,255,255,.5)}
.pv__detalles p{display:block}
.pv__detalles .conf{opacity:1}
@media (max-width:479px){
  .pv__detalles{left:var(--margin);right:auto;top:46.3276836158svh;width:calc(100vw - 2*var(--margin))}
}


.tl-cont{position:fixed;left:0;top:0;width:100vw;height:100svh;overflow:hidden;pointer-events:none;z-index:10}
.tl{--ty:0px;position:absolute;left:50%;bottom:var(--margin);height:80px;width:calc(100vw - var(--margin)*2);max-width:1560px;display:flex;align-items:center;overflow:hidden;pointer-events:auto;z-index:10;
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:rgba(130,130,130,.15);clip-path:inset(0 round 10px);filter:drop-shadow(0 2px 12px rgba(0,0,0,.4));
  transform:translate3d(-50%,var(--ty),0)}
.tl__pista{display:flex;align-items:center;height:100%;padding:10px 0;width:max-content;will-change:transform}
.tl__item{flex:0 0 auto;height:60px;padding:0 5px;position:relative}
.miniatura{display:block;height:60px;width:96px;position:relative;overflow:hidden;z-index:1}
.miniatura img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .5s ease}
.miniatura.faded img{opacity:.2}
@media (hover:hover){.miniatura:hover img{opacity:1}}
@media (max-width:479px){
  .tl{height:80px;bottom:24px}
  .miniatura{width:60px}
}


.explorar{display:none}
@media (max-width:479px){
  .explorar{display:block;position:fixed;left:50%;bottom:119px;transform:translate3d(-50%,0,0);z-index:11;pointer-events:auto}
  .explorar__cont{display:flex;align-items:center;height:36px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:rgba(130,130,130,.15);border-radius:10px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.7));padding:0 18px;transition:background .333s ease;color:#fff}
  .explorar::after{content:"";position:absolute;left:50%;top:50%;width:140%;height:150%;transform:translate(-50%,-50%);z-index:-1}
}


.prog{position:fixed;left:50%;bottom:var(--margin);height:26px;transform:translate3d(-50%,0,0);z-index:11;display:flex;align-items:center;gap:8.5px;padding:0 12px;border-radius:10px;
  background:rgba(24,24,24,.82);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(99,99,99,.1);opacity:0;visibility:hidden}
.prog__seg{position:relative;display:block;width:24.5px;height:6px;border-radius:3px;background:rgba(255,255,255,.17);overflow:hidden}
.prog__seg i{position:absolute;left:0;top:0;bottom:0;width:100%;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(.45,0,.55,1)}
.prog__seg.act i{transform:scaleX(.34)}
.prog__seg::before{content:"";position:absolute;left:-4px;right:-4px;top:-10px;bottom:-10px}
@media (max-width:479px){.prog{bottom:84px}}


.detalle{position:fixed;left:0;top:0;width:100vw;height:100svh;z-index:3;overflow:hidden;background:#000;opacity:0;visibility:hidden;pointer-events:none}
.detalle.vivo{pointer-events:auto}
.detalle__fondo{position:absolute;inset:0;background:#000}
.detalle__slides{position:absolute;left:0;top:0;width:100vw;height:100svh;overflow:hidden;user-select:none;-webkit-user-select:none}
.detalle__controles{position:absolute;left:0;top:0;width:100vw;height:100svh;z-index:5;display:flex}
.detalle__controles button{width:50%;height:100%;display:block}
.slide{position:absolute;left:0;top:0;width:100vw;height:100svh;opacity:0;visibility:hidden;background:#000;color:#fff}
.slide[data-fondo=claro]{background:#f7f4ef}

.s-info{background:#fff}
.s-info__texto{position:absolute;left:0;top:0;height:100%;width:35vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#000;padding:0 var(--margin)}
.s-info__texto h1{font-family:var(--rotulo);font-weight:400;font-size:12px;line-height:1.25em;letter-spacing:.012em;text-transform:uppercase;margin-bottom:7px}
.s-info__texto p{font-size:10px;line-height:1.2em}
.s-info__texto .conf{margin-top:21px;opacity:.4;text-transform:uppercase}
.s-info__asset{position:absolute;right:0;top:0;width:65vw;height:100%;overflow:hidden;background:#f2f2f2}
.s-info__asset img,.s-info__asset video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.s-asset{display:flex;align-items:center;justify-content:center}
.s-asset__asset{position:relative;overflow:hidden;border-radius:4px;background:#111;
  width:min(calc(1148/1600*100vw),calc(647/1000*100svh*var(--r,1.7742)));height:min(calc(647/1000*100svh),calc(1148/1600*100vw/var(--r,1.7742)))}
.s-asset__asset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.s-scroll{background:#121212}
.s-scroll__int{height:100%;overflow-y:scroll;padding:calc(180/1600*100vw) 0;width:100%;scrollbar-width:none;overscroll-behavior:contain}
.s-scroll__int::-webkit-scrollbar{display:none}
.s-scroll__asset{margin:0 auto;width:calc(1100/1600*100vw);aspect-ratio:1.6;border-radius:4px;overflow:hidden;background:#1c1c1c;position:relative}
.s-scroll__asset+.s-scroll__asset{margin-top:calc(28/1600*100vw)}
.s-scroll__asset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.s-tiles{display:flex;align-items:center;justify-content:center;background:#000}
.s-tiles__fila{display:flex}
.s-tiles__tile{width:calc(320/1600*100vw);height:calc(400/1600*100vw);margin:0 5px;border-radius:4px;overflow:hidden;position:relative;background:#111}
.s-tiles__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.s-movil{display:flex;align-items:center;justify-content:center}
.s-movil__fila{display:flex}
.s-movil__asset{width:calc(286/1600*100vw);aspect-ratio:.49;margin:0 calc(39/1600*100vw);border-radius:calc(16/1600*100vw);overflow:hidden;position:relative;background:#1a1a1a}
.s-movil__asset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}


.volver,.info-toggle{background:rgba(48,48,48,.5)!important}
@media (hover:hover){.volver:hover,.info-toggle:hover{background:rgba(92,92,92,.6)!important}}
.volver{position:absolute;left:var(--margin);top:50%;transform:translateY(-50%);z-index:12;display:flex;align-items:center;padding:10px;pointer-events:none;color:#fff;opacity:0;visibility:hidden}
.volver__icono{height:16px;width:16px;margin-right:8px;position:relative}
.volver__icono div{border:1px solid #fff;border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}
.volver__icono svg{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:14px}
.nav__volver-cont{position:absolute;left:var(--margin);top:var(--margin);opacity:0;visibility:hidden}
.info-toggle{position:fixed;left:var(--margin);bottom:20px;z-index:14;display:flex;align-items:center;padding:10px;white-space:nowrap;opacity:0;visibility:hidden;color:#fff}
.info-toggle svg{height:13px;width:13px;margin-right:10px}
.info-toggle .it{position:relative}
.info-toggle .it span{display:block}
.info-toggle .it span+span{position:absolute;left:0;top:0;opacity:0}
.info-toggle.abierto .it span:first-child{opacity:0}
.info-toggle.abierto .it span+span{opacity:1}
.ficha{position:fixed;left:var(--margin);bottom:66px;z-index:13;width:489px;max-height:min(560px,calc(100svh - 150px));border-radius:10px;overflow:hidden;color:#fff;
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:rgba(40,40,40,.64);opacity:0;visibility:hidden;transform-origin:left bottom}
.ficha__scroll{max-height:inherit;overflow-y:scroll;padding:24px 24px 30px;scrollbar-width:none}
.ficha__scroll::-webkit-scrollbar{display:none}
.ficha__tipo{color:var(--gris)}
.ficha__desc{letter-spacing:-.02em;font-size:14px;line-height:1.4em;margin:22px 0 22px;text-indent:27px}
.ficha__desc p:not(:last-child){margin-bottom:1em}
.ficha__fila{display:flex;margin-bottom:22px}
.ficha__tit{color:var(--gris);width:100px;margin-right:72px;flex:0 0 auto}
.ficha__fila li{color:#fff}
.sig{position:fixed;right:var(--margin);bottom:var(--margin);min-width:140px;max-width:230px;height:44px;z-index:14;opacity:0;visibility:hidden}
.sig__int{display:flex;gap:10px;overflow:hidden;padding:5px 14px 5px 5px;position:relative;background:rgba(130,130,130,.3);border:1px solid var(--pill-borde);border-radius:10px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:background .333s ease;height:100%;width:100%}
@media (hover:hover){.sig:hover .sig__int{background:rgba(140,140,140,.6)}.sig:hover .sig__img img{transform:scale(1.15)}}
.sig__img{background:rgba(0,0,0,.1);border-radius:6px;height:32px;overflow:hidden;width:32px;flex:0 0 32px;position:relative}
.sig__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sig__txt{color:#fff;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:0}
.sig__txt small{font-size:8px;line-height:1.2}
.sig__txt b{font-weight:400;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.about{position:fixed;left:0;top:0;width:100vw;height:100svh;z-index:11;visibility:hidden;pointer-events:none}
.about.vivo{pointer-events:auto}
.about__fondo{position:absolute;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;z-index:2;transform:translateZ(0)}
.about__inner{position:absolute;z-index:5;left:var(--margin);top:calc(var(--margin)*.5);width:calc(100vw - var(--margin)*2);height:min(calc((100vw - var(--margin)*2)*9/16),calc(78svh));min-height:calc(600/1000*100svh);
  background:#fff;border-radius:10px;opacity:0;visibility:hidden;color:#000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}
.about__cont{position:relative;height:100%;width:100%;display:block}
.about p.g,.about .g{color:var(--gris)}
.about__contenido{position:absolute;left:0;top:0;padding:calc(120/1000*100svh) 0 0 calc(48/1600*100vw);width:calc(400px + 48/1600*100vw)}
.about__contenido p.g{margin-bottom:6px}
.about__desc{max-width:400px;font-size:12px;line-height:1.2em}
.about__info{position:absolute;left:63.46%;top:calc(120/1000*100svh);width:35%;display:flex;gap:var(--gutter)}
.about__col{width:calc(50% - var(--gutter)/2)}
.about__col>div+div{margin-top:calc(48/1600*100vw)}
.about__col p.g,.about__col .g{margin-bottom:6px}
.about__col li,.about__col button{line-height:1.2em;display:block;font-size:12px}
.about__col a{display:inline-block}
.about__lista li a,.about__lista li button{padding:0}
.about__pie{position:absolute;left:0;bottom:12px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.about__creditos{position:absolute;left:51px;bottom:0;color:var(--gris);font-size:12px;line-height:1.2em}
.about__enlaces{display:flex}
.about__enlaces li{position:relative}
.about__enlaces a,.about__enlaces button{padding:4px;display:block}
.about__reel{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.reel__tarjeta{position:absolute;left:40.44%;right:40.44%;top:15.22%;bottom:34.03%;border-radius:19.6px;overflow:hidden;pointer-events:auto;background:#1a1a1a;z-index:3;transition:none;display:block;text-align:left}
.reel__tarjeta video,.reel__tarjeta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel__tarjeta video{opacity:0;transition:opacity .5s ease}
.reel__tarjeta video.listo{opacity:1}
.reel__play{position:absolute;left:50%;top:calc(100% - 34.03% - 50px);transform:translate(-50%,0);width:24px;height:24px;border-radius:10px;z-index:4;pointer-events:auto;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:rgba(130,130,130,.3);border:1px solid var(--pill-borde);color:#fff}
.reel__play svg{position:absolute;left:50%;top:50%;width:6px;transform:translate(-45%,-50%)}
.reel__titulo{display:none;position:absolute;left:50%;top:8px;transform:translate3d(calc(-50% + 8px),0,0);padding:var(--margin) 10px;color:#fff;z-index:5;opacity:0;visibility:hidden;text-align:center}
.reel__titulo span{display:inline-block}
.reel__titulo span:first-child{margin-right:.15em}
.reel__titulo span:last-child{margin-left:.15em}
.reel__cerrar,.reel__pausa{position:absolute;top:8px;width:24px;height:24px;border-radius:10px;z-index:6;color:#fff;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:rgba(130,130,130,.3);border:1px solid var(--pill-borde);opacity:0;visibility:hidden;pointer-events:auto}
.reel__cerrar{right:8px}
.reel__cerrar span{font-size:8px;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-46%,0)}
.reel__pausa{right:36px}
.reel__pausa svg{position:absolute;left:50%;top:50%;width:10px;transform:translate(-50%,-50%)}
.reel__pausa .pp-play{display:none}
.reel__pausa.pausado .pp-play{display:block}.reel__pausa.pausado .pp-pausa{display:none}
@media (max-width:1199px){.reel__tarjeta,.reel__play{display:none}}
@media (min-width:480px) and (max-width:1059px){
  .about__info{width:35%}
}
@media (min-width:480px) and (max-width:967px){
  .about__inner{height:calc(100svh - var(--margin));overflow-y:auto}
  .about__cont{height:auto;display:flex;flex-direction:column;padding:calc(120/1600*100vw) calc(var(--margin)*2) 120px}
  .about__contenido,.about__info{position:static;width:auto;padding:0}
  .about__contenido{margin-bottom:48px}
  .about__info{gap:48px}
  .about__pie{position:static;margin-top:48px;flex-direction:column;align-items:flex-start;gap:16px;padding:0 calc(var(--margin)*2) 24px}
  .about__creditos{position:static}
  .reel__tarjeta,.reel__play{display:none}
}
@media (max-width:479px){
  .about{height:100svh}
  .about .copy,.about .cta{font-size:14px;line-height:1.4em}
  .about__inner{left:0;top:0;width:100vw;height:85svh;min-height:0;border-radius:0 0 20px 20px;overflow-y:auto;overscroll-behavior:none;padding:calc(96/390*100vw) var(--margin) 40px}
  .about__cont{height:auto;display:flex;flex-direction:column}
  .about__contenido,.about__info{position:static;width:auto;padding:0}
  .about__desc{font-size:14px;line-height:1.25em;max-width:none}
  .about__contenido{margin-bottom:calc(24/390*100vw)}
  .about__info{flex-direction:column;gap:0}
  .about__col{width:100%}
  .about__col>div{margin-bottom:calc(48/390*100vw)}
  .about__col>div+div{margin-top:0}
  .about__col li,.about__col button,.about__col .g{font-size:14px;line-height:1.25em}
  .about__pie{position:static;flex-direction:column;align-items:flex-start;gap:16px;padding-top:10px}
  .about__creditos{position:static;font-size:14px}
  .reel__tarjeta,.reel__play{display:none}
}


@media (max-width:479px){
  .nav{height:64px;justify-content:space-between;padding:0 var(--margin)}
  .nav__rol{display:none}
  .nav__home{transform:translate3d(calc(-50% + 8px),-50%,0)}
  .nav__about{margin-left:0;order:-1}
  .nav__contacto{margin-left:auto}
  .volver{position:fixed;left:var(--margin);top:auto;bottom:20px;transform:none;padding:8px 16px}
  .info-toggle{left:auto;right:var(--margin);bottom:20px}
  .detalle{border-radius:20px 20px 0 0}
  .slide{height:calc(100svh - 64px);top:64px}
  .detalle__slides,.detalle__controles{top:64px;height:calc(100svh - 64px)}
  .s-info{flex-direction:column}
  .s-info__texto{position:absolute;left:0;bottom:0;top:auto;width:100vw;height:calc(100% - 54svh);padding-bottom:68px}
  .s-info__asset{left:0;right:auto;top:0;width:100vw;height:54svh;border-radius:0 0 20px 20px}
  .s-asset__asset{width:min(calc(100vw - var(--margin)*4),calc((100svh - 64px - 344/1000*100svh)*var(--r,1.7742)));height:min(calc(100svh - 64px - 344/1000*100svh),calc((100vw - var(--margin)*4)/var(--r,1.7742)))}
  .s-scroll__int{padding:calc(124/1000*100svh) calc(48/390*100vw) calc(172/1000*100svh)}
  .s-scroll__asset{width:100%}
  .s-scroll__asset+.s-scroll__asset{margin-top:calc(28/390*100vw)}
  .s-tiles__tile{width:calc(320/390*100vw*.8);height:calc(400/390*100vw*.8);margin:0 calc(12/390*100vw)}
  .s-tiles__tile:nth-child(n+3){display:none}
  .s-movil__asset{width:min(calc(100vw*.62),calc((100svh - 64px - 160px)*.49));margin:0 calc(14/390*100vw)}
  .ficha{left:0;right:0;bottom:0;width:100vw;max-height:calc(100svh - 104px);border-radius:20px 20px 0 0}
  .ficha__scroll{padding:24px var(--margin) 110px 26px}
  .ficha__tit{width:calc(100vw*2/6)}
  .ficha__fila{margin-right:var(--gutter)}
  .sig{display:none}
}


@media (prefers-reduced-motion:reduce){
  .pv__media video{display:none}
}