/* ---------- 3 · CANVAS ESPACIAL + VIDRO ---------------------------------- */

/* profundidade por seção */
.d-void{background:var(--void);}
.d-deep{background:var(--deep);}
.d-rise{background:var(--rise);}
.light{background:var(--paper);color:var(--ink);}

/* camada de luz: aurora + poeira de estrelas, uma fonte de luz por tela */
.aur{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.aur::before{content:"";position:absolute;inset:-10%;
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' fill='%23fff'><g opacity='.30'><circle cx='233' cy='288' r='.7'/><circle cx='401' cy='240' r='.7'/><circle cx='233' cy='262' r='.7'/><circle cx='302' cy='99' r='.7'/><circle cx='96' cy='413' r='.7'/><circle cx='264' cy='245' r='.7'/><circle cx='324' cy='316' r='.7'/><circle cx='408' cy='97' r='.7'/><circle cx='50' cy='230' r='.7'/><circle cx='157' cy='74' r='.7'/><circle cx='48' cy='277' r='.7'/><circle cx='416' cy='357' r='.7'/><circle cx='326' cy='23' r='.7'/><circle cx='306' cy='204' r='.7'/><circle cx='233' cy='336' r='.7'/><circle cx='380' cy='317' r='.7'/><circle cx='334' cy='82' r='.7'/><circle cx='321' cy='9' r='.7'/><circle cx='272' cy='34' r='.7'/><circle cx='32' cy='20' r='.7'/></g><g opacity='.55'><circle cx='99' cy='125' r='1'/><circle cx='309' cy='17' r='1'/><circle cx='400' cy='239' r='1'/><circle cx='169' cy='227' r='1'/><circle cx='304' cy='102' r='1'/><circle cx='267' cy='121' r='1'/><circle cx='329' cy='152' r='1'/><circle cx='257' cy='4' r='1'/><circle cx='341' cy='45' r='1'/><circle cx='236' cy='337' r='1'/><circle cx='144' cy='210' r='1'/><circle cx='284' cy='44' r='1'/><circle cx='364' cy='132' r='1'/><circle cx='163' cy='390' r='1'/></g><g opacity='.8'><circle cx='119' cy='264' r='1.4'/><circle cx='149' cy='17' r='1.4'/><circle cx='37' cy='290' r='1.4'/><circle cx='394' cy='57' r='1.4'/><circle cx='207' cy='57' r='1.4'/><circle cx='150' cy='199' r='1.4'/></g></svg>");
  background-size:420px 420px;opacity:.5;
  -webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 78%);
  mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 78%);}
.aur::after{content:"";position:absolute;inset:0;}
.a1::after{background:
  radial-gradient(64vw 48vw at 76% 14%,rgb(var(--m-luz) / .34),transparent 62%),
  radial-gradient(52vw 44vw at 12% 82%,rgb(var(--m-apoio) / .15),transparent 66%),
  radial-gradient(90vw 40vw at 50% 112%,rgb(var(--m-frio) / .22),transparent 70%);}
.a2::after{background:
  radial-gradient(58vw 44vw at 14% 12%,rgb(var(--m-nucleo) / .24),transparent 64%),
  radial-gradient(46vw 40vw at 92% 84%,rgb(var(--m-apoio) / .13),transparent 68%);}
.a3::after{background:
  radial-gradient(70vw 40vw at 50% -8%,rgb(var(--m-luz) / .26),transparent 66%),
  radial-gradient(40vw 40vw at 88% 60%,rgb(var(--m-frio) / .18),transparent 68%);}
.a4::after{background:
  radial-gradient(50vw 44vw at 84% 22%,rgb(var(--m-luz) / .24),transparent 64%),
  radial-gradient(60vw 40vw at 10% 92%,rgb(var(--m-escuro) / .20),transparent 68%);}
.a5::after{background:
  radial-gradient(96vw 46vw at 50% 104%,rgb(var(--m-luz) / .30),transparent 68%),
  radial-gradient(40vw 36vw at 16% 8%,rgb(var(--m-frio) / .16),transparent 68%);}
.a6::after{background:
  radial-gradient(56vw 42vw at 24% 16%,rgb(var(--m-apoio) / .16),transparent 66%),
  radial-gradient(62vw 44vw at 82% 88%,rgb(var(--m-nucleo) / .24),transparent 68%);}
.light .aur::before{opacity:0;}
.light .aur::after{background:
  radial-gradient(78vw 30vw at 50% 118%,rgb(var(--m-nucleo) / .30),transparent 66%),
  radial-gradient(40vw 30vw at 88% -6%,rgb(var(--m-apoio) / .12),transparent 66%);}

/* horizonte: o arco de luz atrás da headline */
.horizon{position:absolute;left:50%;bottom:-64vw;width:180vw;height:128vw;
  transform:translateX(-50%);z-index:0;pointer-events:none;
  border-radius:50%;
  background:radial-gradient(100% 56% at 50% 0%,rgb(var(--m-luz) / .40),
    rgb(var(--m-nucleo) / .15) 40%,transparent 66%);}

/* liquid glass · superfície padrão sobre o canvas escuro */
.glass{position:relative;background:var(--gl-face);border:1px solid var(--gl-brd);
  border-radius:var(--r3);box-shadow:var(--gl-sh),var(--gl-rim);}
@supports ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
  .glass{-webkit-backdrop-filter:blur(var(--gl-blur)) saturate(var(--gl-sat));
         backdrop-filter:blur(var(--gl-blur)) saturate(var(--gl-sat));}
}
/* fallback medido em runtime: se o scroll cair de fps, o vidro vira sólido */
body.noglass .glass{-webkit-backdrop-filter:none;backdrop-filter:none;
  background:linear-gradient(152deg,rgb(var(--m-solido) / .82),rgb(var(--m-noite) / .90));}
/* vidro aceso: a superfície de destaque */
.glass.lit{border-color:rgb(var(--m-claro) / .44);
  background:linear-gradient(152deg,rgb(var(--m-luz) / .26) 0%,rgb(var(--m-profundo) / .10) 46%,
             rgba(255,255,255,.05) 100%);
  box-shadow:0 30px 80px rgb(var(--m-sombra) / .42),var(--gl-rim),0 0 0 1px rgb(var(--m-claro) / .14);}
body.noglass .glass.lit{background:linear-gradient(152deg,rgb(var(--m-profundo) / .92),rgb(var(--m-sombra) / .94));}
/* vidro sombrio: o lado que a gente NÃO quer vender */
.glass.dim{background:linear-gradient(152deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border-color:rgba(255,255,255,.07);box-shadow:0 14px 40px rgba(3,2,12,.4);}