/* Container pai com o efeito */
[data-dots-canvas-init] {
  position: relative;
  z-index: 0;
}

/* O Canvas/Grid que o JS gera ou aplica essa classe */
.interactive-dots-grid,
[data-dots-canvas-init] > canvas {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1 !important; /* Move os pontos para trás do conteúdo */
}

/* Garante que textos, botões e imagens fiquem na frente */
[data-dots-canvas-init] > *:not(canvas) {
  position: relative;
  z-index: 1;
}