/* Candidatura local: la secuencia autorizada es el primer hero. */
.a1-hero { --a1-progress:0; --a1-exit:0; position:relative; z-index:1; height:calc(2000px + 200svh); background:#090a0b; color:#f4f0ea; }
.a1-hero[hidden],[data-legacy-hero][hidden]{display:none}
.a1-hero__sticky{position:sticky;top:0;z-index:2;height:100svh;overflow:hidden;background:#090a0b}
.a1-hero__canvas,.a1-hero__poster,.a1-hero__shade{position:absolute;inset:0;display:block;width:100%;height:100%}
.a1-hero__canvas{z-index:1;opacity:0;transition:opacity .28s var(--ease)}
.a1-hero.is-ready .a1-hero__canvas{opacity:1}
.a1-hero__poster{z-index:0;object-fit:cover;background:#090a0b;transition:opacity .28s var(--ease)}
.a1-hero.is-ready .a1-hero__poster{opacity:0}
.a1-hero__shade{z-index:2;pointer-events:none;background:rgba(10,11,12,calc(var(--a1-exit) * .78))}
.a1-hero__copy{position:absolute;z-index:3;top:clamp(136px,22svh,238px);left:var(--pad);width:min(43vw,610px);color:#f4f0ea;transform:translate3d(0,calc(var(--a1-progress) * -42px),0);opacity:calc(1 - min(1,var(--a1-progress) * 4));transition:opacity .08s linear,transform .08s linear}
.a1-hero__copy h1{display:grid;gap:.12em;margin:0;font-family:"PG Hero Plex",PG,"Helvetica Neue",sans-serif;font-size:clamp(47px,5.65vw,88px);font-weight:650;letter-spacing:-.046em;line-height:.91;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.72)}
.a1-hero__copy h1 span:last-child{width:fit-content;margin-top:.06em;color:var(--accent);font-size:.67em;font-weight:700;letter-spacing:-.028em}
.a1-hero__copy p{max-width:31ch;margin:clamp(25px,3.1vw,42px) 0 0;font-family:"PG Hero Plex",PG,"Helvetica Neue",sans-serif;font-size:clamp(14px,1.25vw,18px);font-weight:500;letter-spacing:.018em;line-height:1.42;text-wrap:balance;text-shadow:0 2px 16px rgba(0,0,0,.76)}
.a1-hero__promise-path{display:inline-flex;align-items:baseline;gap:.32em;white-space:nowrap}
.a1-hero__promise-arrow{width:clamp(42px,3.25vw,58px);height:auto;margin:0 .02em -.14em;color:rgba(244,240,234,.86);overflow:visible;filter:drop-shadow(0 2px 7px rgba(0,0,0,.48))}
.a1-hero__promise-arrow path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.a1-hero__cta{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:clamp(19px,2.1vw,30px);padding-bottom:7px;border-bottom:1px solid rgba(244,240,234,.72);color:#f4f0ea;font-size:10px;font-weight:760;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.76)}
.a1-hero__cta span{color:var(--accent);font-size:15px;transition:transform .24s var(--ease)}
.a1-hero__cta:hover span,.a1-hero__cta:focus-visible span{transform:translateY(4px)}
.a1-hero__cta:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.a1-hero__progress{position:fixed;z-index:130;top:0;left:0;width:100%;height:3px;pointer-events:none;opacity:0;transition:opacity .16s linear}
body.a1-hero-active .a1-hero__progress{opacity:1}
.a1-hero__progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--a1-progress));transform-origin:left}
/* En Inicio, submenú y película forman una única apertura sin cambiar el progreso A1. */
@media(min-width:901px){
  .home-page{--home-menu-collapse:0}
  .home-page .a1-hero__sticky{height:100svh;transform:translate3d(0,calc(108px - var(--home-menu-collapse)*40px),0);transition:transform .12s ease-out;will-change:transform}
  .home-page .site-header .pg-examples-menu>.pg-examples-menu__panel{opacity:1!important;visibility:visible!important;clip-path:inset(calc(var(--home-menu-collapse)*40px) 0 0);border:0!important;background:#d3d9e5!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important;isolation:isolate;transform:translate3d(0,calc(var(--home-menu-collapse)*-40px),0)!important;transition:transform .12s ease-out!important;will-change:transform}
  .home-page .site-header .pg-examples-menu>.pg-examples-menu__panel::before,
  .home-page .site-header .pg-examples-menu>.pg-examples-menu__panel::after{display:none!important;content:none!important}
  .home-page .site-header .pg-examples-menu.is-home-scroll-suppressed>.pg-examples-menu__panel{opacity:1!important;visibility:visible!important;clip-path:inset(40px 0 0);pointer-events:none;transform:translate3d(0,-40px,0)!important}
  html[data-brand-variant] body.home-page .site-header .pg-examples-menu>.pg-examples-menu__panel a:hover,
  html[data-brand-variant] body.home-page .site-header .pg-examples-menu>.pg-examples-menu__panel a:focus-visible{background:transparent!important;color:#111318!important;box-shadow:none!important;transform:none!important}
  html[data-brand-variant] body.home-page .site-header .pg-examples-menu>.pg-examples-menu__panel a:focus-visible{outline:0!important;text-decoration:none!important}
}
/* La sección auténtica asciende desde abajo durante el hold del frame 90. */
body:not(.a1-hero--legacy) .work-strip{position:relative;z-index:4;margin-top:-100svh;background:linear-gradient(180deg,rgba(8,10,12,.78) 0%,rgba(9,11,13,.88) 18%,rgba(9,11,13,.94) 62%,rgba(9,11,13,.98) 100%);border-top:1px solid rgba(244,240,234,.12);box-shadow:inset 0 1px 0 rgba(244,240,234,.06);-webkit-backdrop-filter:blur(10px) saturate(.9);backdrop-filter:blur(10px) saturate(.9)}
/* Contraste dinámico del sistema de cabecera, sin tomar identidad ajena. */
body.a1-hero-active .site-header,body.a1-hero-active .site-header:has(.language-switcher){border-bottom-color:rgba(244,240,234,.18);background:rgba(10,11,12,.83);color:#f4f0ea}
body.a1-hero-active .site-header.is-hidden{transform:none}
body.a1-hero-active .site-header .nav>a,body.a1-hero-active .site-header .nav>.pg-examples-menu>.pg-examples-menu__link,body.a1-hero-active .site-header .nav>.pg-examples-menu>.pg-examples-menu__toggle,body.a1-hero-active .site-header .language-switcher__toggle{color:rgba(244,240,234,.84)}
body.a1-hero-active .site-header .menu-toggle{color:#f4f0ea;border-color:rgba(244,240,234,.3)}
body.a1-hero-active .site-header .pg-wordmark__cat{filter:invert(1) grayscale(1) contrast(1.2)}
html[data-brand-variant="reel-cat"] body.a1-hero-active .site-header .pg-wordmark__cat{filter:none!important}
html[data-brand-variant="reel-cat"] .pg-responsive-wordmark{gap:0!important}
/* Movimiento editorial limpio: la inercia la gobierna motion.js; las tarjetas evitan saltos visuales. */
.motion-horizontal .work-track{backface-visibility:hidden}
.motion-horizontal .work-card{transform:translateZ(0);transition:transform .7s cubic-bezier(.22,1,.36,1),border-radius .55s cubic-bezier(.22,1,.36,1),outline-color .35s ease,box-shadow .5s ease}
.motion-horizontal .work-card img{transform:translateZ(0);transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s ease}
.motion-horizontal .work-card:hover,.motion-horizontal .work-card:focus-visible{transform:translate3d(0,-3px,0) scale(1.004);box-shadow:0 18px 48px rgba(0,0,0,.24)}
.motion-horizontal .work-card:hover img,.motion-horizontal .work-card:focus-visible img{transform:scale(1.025)}
@media(max-width:700px){.a1-hero{height:205svh;min-height:1280px}.a1-hero__sticky{position:sticky;height:100svh}.a1-hero__canvas,.a1-hero__poster{inset:38svh 0 0;height:62svh}.a1-hero__canvas{display:block}.a1-hero__poster{opacity:1!important;object-fit:contain;object-position:50% 50%}.a1-hero.is-ready .a1-hero__poster{opacity:0!important}.a1-hero__shade{display:block;background:linear-gradient(180deg,rgba(9,10,11,calc(var(--a1-progress)*.28)) 0 38%,rgba(9,10,11,0) 62%)}.a1-hero__progress{display:none}.a1-hero__copy{top:clamp(92px,13svh,118px);width:min(88vw,350px);transform:translate3d(0,calc(var(--a1-progress)*-22px),0);opacity:calc(1 - min(1,var(--a1-progress)*2.8))}.a1-hero__copy h1{gap:.08em;font-size:clamp(37px,10.4vw,48px);line-height:.94;letter-spacing:-.04em}.a1-hero__copy h1 span:last-child{font-size:.61em}.a1-hero__copy p{max-width:24ch;margin-top:15px;font-size:13px;letter-spacing:.018em}.a1-hero__cta{min-height:40px;margin-top:10px}body:not(.a1-hero--legacy) .work-strip{margin-top:-100svh}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body:not(.a1-hero--legacy) .work-strip{background:#0b0d0f}}
@media(prefers-reduced-transparency:reduce){body:not(.a1-hero--legacy) .work-strip{background:#0b0d0f;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.a1-hero{height:100svh;min-height:620px}.a1-hero__sticky{position:relative}.a1-hero__canvas,.a1-hero__shade,.a1-hero__progress{display:none}.a1-hero__poster{opacity:1!important}.a1-hero__copy{transform:none;opacity:1}body:not(.a1-hero--legacy) .work-strip{height:auto!important;margin-top:0;-webkit-backdrop-filter:none;backdrop-filter:none}.motion-horizontal .work-pin{position:relative;height:auto;min-height:100svh;display:block;padding:100px 0}.motion-horizontal .work-title{position:relative;left:auto;top:auto;width:auto;padding:0 var(--pad);transform:none!important;opacity:1!important}.motion-horizontal .work-track{position:relative;left:auto;top:auto;overflow-x:auto;padding:45px var(--pad) 30px;transform:none!important}.horizontal-progress{position:relative;left:auto;right:auto;bottom:auto;margin:0 var(--pad)}.motion-horizontal .work-card,.motion-horizontal .work-card img{transition:none!important}}
