/* Particles Background Styles - Para seção hero */

.particles-background-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none;
  overflow: hidden;
  opacity: 1 !important;
  visibility: visible !important;
}

.particles-canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Garantir que o conteúdo da seção hero fique acima do background */
.particles-background-container ~ * {
  position: relative;
  z-index: 1;
}

/* Seção hero deve ter position relative e overflow hidden */
section,
main {
  position: relative;
}

/* Garantir que elementos dentro da seção hero fiquem acima dos particles */
section > *:not(.particles-background-container),
main > *:not(.particles-background-container) {
  position: relative;
  z-index: 1;
}