/* presentation_background.css – Fundo imersivo com tsParticles */

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #000; /* base escura por baixo do canvas */
}

/* container do tsParticles */
#tsparticles-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;            /* atrás do conteúdo, acima do body */
  pointer-events: none;  /* não bloqueia cliques */
}

/* mantém a secção hero e secções transparentes */
.hero-section,
.image-section,
.feature-subsection {
  background: transparent;
}