/* =========================================================
   Aurora — fundo WebGL (só na home, escopo .aurora).
   Container fixo atrás de tudo; dobras claras ficam
   transparentes pra revelar a luz; cards seguem opacos.
   ========================================================= */

.aurora-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.35;
}
.aurora-bg canvas{display:block;width:100%;height:100%}

/* Dobras claras revelam o aurora (mantêm bordas/sombras dos cards) */
.aurora .integ,
.aurora .strip,
.aurora .s--alt,
.aurora .cta-s{background:transparent}

/* Hero (home) e hero-i (páginas internas): só o brilho radial sutil, sem o branco sólido */
.aurora .hero,
.aurora .hero-i{
  background:radial-gradient(ellipse 100% 55% at 50% 0%,rgba(0,0,0,.04) 0%,transparent 70%);
}

/* .s já é transparente; .problema / .manifesto / footer mantêm #000
   e cobrem o aurora — não precisam de regra. */

/* Movimento reduzido: frame estático + menos presença */
@media(prefers-reduced-motion:reduce){
  .aurora-bg{opacity:.25}
}