/* ============================================================
   HOME · SOLO estilos del HERO (cinematográfico, oscuro).
   El resto del home usa el tema CLARO compartido (styles.css)
   para combinar con las páginas internas — misma línea gráfica.
   ============================================================ */
:root{
  --graphite-0:#06070A;--graphite-1:#0A0C11;--graphite-2:#10131A;
  --edge:rgba(255,255,255,.10);--edge-2:rgba(255,255,255,.18);
  --elec:#4D9BFF;--elec-2:#57E0F0;
}

/* ===================== HERO ===================== */
.hero{ background:radial-gradient(125% 95% at 50% -10%, #0b1836 0%, #070b16 55%, #04050a 100%); perspective:1200px; }
.hero::before{ opacity:.55; z-index:1; }
.hero-inner{ gap:22px; position:relative; z-index:3; }

/* aurora */
.aurora{ position:absolute;inset:-30%;z-index:0;pointer-events:none;filter:blur(64px) saturate(1.3);opacity:.92;
  background:
    radial-gradient(38% 42% at 22% 30%, rgba(77,155,255,.55), transparent 70%),
    radial-gradient(34% 40% at 80% 24%, rgba(87,224,240,.48), transparent 70%),
    radial-gradient(42% 48% at 70% 76%, rgba(140,92,255,.42), transparent 72%),
    radial-gradient(32% 38% at 28% 80%, rgba(52,206,180,.36), transparent 72%);
  animation:auroraDrift 22s ease-in-out infinite alternate; }
.aurora::after{ content:"";position:absolute;inset:0;mix-blend-mode:screen;opacity:.5;animation:auroraSpin 46s linear infinite;
  background:conic-gradient(from 120deg at 50% 50%, rgba(255,255,255,.07), rgba(120,170,255,.02) 30%, rgba(255,255,255,.05) 55%, rgba(140,90,255,.02) 80%, rgba(255,255,255,.07)); }
@keyframes auroraDrift{0%{transform:translate3d(-3%,-2%,0) scale(1.05)}50%{transform:translate3d(4%,3%,0) scale(1.16)}100%{transform:translate3d(-2%,2%,0) scale(1.08)}}
@keyframes auroraSpin{to{transform:rotate(360deg)}}

/* estela + dragón */
.trail{ position:absolute;inset:0;z-index:2;pointer-events:none; }
.flyer{ position:absolute;left:0;top:0;z-index:6;pointer-events:none;width:clamp(180px,30vw,270px);aspect-ratio:1/1;will-change:transform;transform:translate(-9999px,-9999px);
  filter:drop-shadow(0 18px 60px rgba(60,140,255,.5)) drop-shadow(0 0 34px rgba(90,230,255,.4)); }
.flyer img{ width:100%;height:100%;object-fit:contain;object-position:center;display:block; }

/* pedestal */
.stage{ width:clamp(180px,30vw,270px); aspect-ratio:1/1; position:relative; }
.stage::before{ content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:220%;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle, rgba(87,224,240,.24), rgba(77,155,255,.1) 42%, transparent 66%);filter:blur(12px);opacity:var(--pad,0);transition:opacity 1.1s ease; }
.stage::after{ content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:152%;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;border:1px solid transparent;
  background:linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,0) 46%, rgba(120,170,255,.28)) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:calc(var(--pad,0) * .75);transition:opacity 1.1s ease; }

/* órbita + spotlight */
.hero .orbit{ position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(92vw,720px);aspect-ratio:1;border:1px solid rgba(255,255,255,.07);border-radius:50%;z-index:1;pointer-events:none;animation:orbitSpin 46s linear infinite; }
.hero .orbit span{ position:absolute;left:50%;top:0;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--elec-2);box-shadow:0 0 22px 6px rgba(87,224,240,.5); }
@keyframes orbitSpin{ to{ transform:translate(-50%,-50%) rotate(360deg); } }
.hero .spot{ position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .5s ease;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,42%), rgba(87,224,240,.16), transparent 70%); }
.hero.ptr .spot{ opacity:1; }

/* textos del hero */
.wordmark .name{ font-family:'Unbounded',system-ui,sans-serif;font-weight:400;letter-spacing:.03em;
  background:linear-gradient(176deg,#ffffff 0%,#eaeef4 18%,#aab3c1 48%,#f2f5f9 58%,#c4ccd8 78%,#eef1f6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 44px rgba(90,150,255,.22); }
.wordmark .sub{ color:#9fb6dd; }
.slogan{ color:#dfe9fb; } .slogan b{ color:var(--elec-2); }
.hero-h1{ color:#c3cfe0; }
.scroll-cue{ display:none!important; }
.replay{ background:rgba(255,255,255,.05); border-color:var(--edge-2); color:rgba(255,255,255,.7); }
.market-pill{ color:#cfe0ff;border:1px solid var(--edge-2);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(6px); }

/* shimmer cromado del wordmark */
.chrome-text{ background:linear-gradient(176deg,#ffffff 0%,#e9edf3 16%,#a9b2c0 46%,#f3f6fa 56%,#c2cad6 74%,#eef1f6 100%);-webkit-background-clip:text;background-clip:text;color:transparent; }
@keyframes chromeSweep{ 0%{background-position:200% 0} 100%{background-position:-100% 0} }
.chrome-text.sheen{ background-size:220% 100%;animation:chromeSweep 3.4s ease-in-out .3s 1; }

/* CTA del hero (chrome sobre oscuro) */
.hero .btn.on-dark{ background:linear-gradient(180deg,#fbfdff,#d7dee8 60%,#eef2f7);color:#0b1220;border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 12px 30px -14px rgba(150,190,255,.6); }
.hero .btn.on-dark:hover{ filter:brightness(1.03); }
.hero .btn.on-dark.ghost{ background:rgba(255,255,255,.06);color:#eef2f7;border:1px solid var(--edge-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.hero .btn.on-dark.ghost:hover{ border-color:var(--elec-2);color:#fff; }

/* el home mantiene su experiencia fija: ocultar toggle de tema */
#themeBtn{ display:none; }

/* móvil */
@media (max-width:640px){
  .hero{ padding-top:92px; padding-bottom:44px; }
  .hero-inner{ max-width:100%; gap:16px; }
  .market-pill{ white-space:normal;line-height:1.35;text-align:center;max-width:86vw;font-size:.68rem; }
  .stage, .flyer{ width:clamp(150px,44vw,210px); }
  .wordmark .name{ font-size:clamp(1.25rem,6.6vw,1.9rem);letter-spacing:.01em; }
  .wordmark .sub{ font-size:.8rem;letter-spacing:.2em; }
  .hero-h1{ font-size:1rem; max-width:32ch; }
  .hero-cta{ flex-direction:column;width:100%;align-items:stretch;gap:10px; }
  .hero-cta .btn{ width:100%;justify-content:center; }
  .replay{ display:none; }           /* se montaba sobre los CTA */
}

/* modo revisión (?static) para capturas */
.reveal-all .hero{ min-height:auto;padding-block:110px 80px }
.reveal-all .reveal{ opacity:1!important;transform:none!important }

@media (prefers-reduced-motion:reduce){
  .aurora,.aurora::after,.hero .orbit,.chrome-text.sheen{ animation:none }
  .hero .spot{ display:none }
}