/* * particles.css — Estilos do fundo de rede neural interativa * * Adicione ao seu projeto e inclua: * * * O canvas deve ser filho direto do ou de um container position:relative. */ /* ── Canvas ────────────────────────────────────────────────── */ #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /* fica atrás do conteúdo */ pointer-events: none; /* não bloqueia cliques */ display: block; } /* ── Fundo da página ───────────────────────────────────────── */ /* Ajuste background-color / background conforme a identidade visual do seu projeto. O canvas é transparente; a cor visível é a do body. */ body { background-color: #000000; /* preto — cor padrão */ /* Exemplo de gradiente roxo escuro: background: linear-gradient(160deg, #1a0030 0%, #2b0050 60%, #3a006e 100%); */ min-height: 100vh; margin: 0; overflow-x: hidden; position: relative; } /* ── Conteúdo sobre as partículas ──────────────────────────── */ /* Todo elemento de conteúdo que deva ficar ACIMA do canvas precisa de position:relative e z-index > 1. */ main, .main-content { position: relative; z-index: 10; background: transparent; } section { position: relative; z-index: 2; }