/* background.css */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto; /* permitir scroll */
  font-family: sans-serif;
  color: #7a7979;
  background-color: #27252b;
}

#bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* no bloquea clicks */
  z-index: -0; /* detrás de todo */
}

#canvas {
  width: 100%;
  height: 100%;
  display: block;
}

main, section, nav, footer, div{
  position: relative;
  z-index: 1; /* todo el contenido encima del canvas */
}