/* VORTEX background effect — REPLICA EXATA do .hero do home.html */

/* Garantir que o body NÃO cubra o bg-effect (z-index: -1 só funciona com elementos posicionados) */
html {
  background: #050810 !important;
}
body {
  background: transparent !important;
}

/* Container do bg fixed atrás de tudo */
#vortex-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* Camada 1: gradientes radiais IDÊNTICOS ao .hero::before do home */
#vortex-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 50% 20%, rgba(102, 204, 255, 0.08), transparent 60%),
    radial-gradient(ellipse 40% 40% at 80% 80%, rgba(139, 47, 255, 0.06), transparent 60%);
  pointer-events: none;
}

/* Camada 2: canvas matrix IDÊNTICO ao .hero canvas do home */
#vortex-bg canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  pointer-events: none;
}

/* Conteúdo acima do bg */
body > *:not(#vortex-bg) {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  #vortex-bg canvas { opacity: 0; }
}