/* CRM Avalanche V2 — camada de fundo de fluido neon.
   Motor: WebGL Fluid Simulation (MIT, Pavel Dobryakov) em js/fluid.js.
   O canvas é fixed/fullscreen, pointer-events:none (todos os links/botões
   seguem clicáveis) e fica ATRÁS do conteúdo (containers têm z-index:1).
   Para o fluido aparecer, os fundos sólidos das seções viram "smoked glass"
   (escuro translúcido) — o fluido respira por trás e o texto continua legível. */

/* fundo do fluido: fixo, viewport inteiro, atrás de tudo, sem capturar clique */
#fluidCanvas{
  position:fixed; inset:0; width:100%; height:100%;
  z-index:0; pointer-events:none; display:block;
  background:var(--bg0); /* fallback antes do WebGL subir / se o JS falhar */
}

/* HERO — fundo transparente: o fluido aparece no auge, é a primeira tela */
#hero{background:transparent;}

/* seções escuras com fundo sólido -> smoked glass translúcido sobre o fluido */
.section-dark{background:rgba(24,24,34,.42);}
.section-bone{background:rgba(18,18,26,.42);}
#agendar{background:rgba(18,18,26,.5);}

/* seções sem classe de fundo (#plataforma,#nucleo,#crm,#esteira,#perfis)
   antes mostravam o body sólido; damos o mesmo smoked glass pra consistência
   e legibilidade sobre o fluido */
#plataforma,#nucleo,#crm,#esteira,#perfis{background:rgba(11,11,16,.40);}

/* MARQUEE — faixa de destaque SÓLIDA (verde ácido da marca), NÃO translúcida.
   Como é um bloco estático, o canvas fixo (z-index:0) a pintava por cima e ela
   "escurecia". Elevamos a faixa ACIMA do fluido (igual aos .container das seções),
   preservando o fundo verde e o texto escuro originais. */
.marquee{position:relative;z-index:1;}

/* footer cropado — base bem escura translúcida pra ancorar o fim da página */
.footer{background:rgba(8,8,12,.72);}