/* Raio 3D de fundo (js/bg3d.js): canvas fixo atrás de todo o conteúdo (z-index -1).
   Quando o módulo sobe (html.has-bg3d), as seções claras onde o raio aparece ficam transparentes
   (o canvas pinta o branco e a faixa #F5F5F5 do FAQ). Hero, Parceiros, wordlist e as seções
   escuras continuam opacos: revelam e engolem o raio. */
.bg3d{position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden}
.bg3d canvas{display:block; width:100%; height:100%}
html.has-bg3d #story, html.has-bg3d #alignment, html.has-bg3d #team, html.has-bg3d #faq, html.has-bg3d #footer{background:transparent}
/* /sistema: as faixas claras também deixam o raio passar por baixo */
html.has-bg3d #sis-sentidos, html.has-bg3d #sis-dia, html.has-bg3d #sis-relatorio,
html.has-bg3d #sis-dominios, html.has-bg3d #sis-limites, html.has-bg3d #sis-implantacao,
html.has-bg3d #sis-anexo{background:transparent}
/* /apresentacao: só as três faixas claras — o canvas pinta branco, então uma seção escura
   declarada transparente mostraria a seção virando branca, não o raio sobre preto */
html.has-bg3d #ap-tem, html.has-bg3d #ap-semana, html.has-bg3d #ap-presente{background:transparent}