/* style.css */
body {
  margin: 0;
  overflow: hidden; /* Oculta las barras de scroll */
  background: #000; /* Un fondo negro por si el video no carga */
}

/* Estilos para el video de fondo */
.video-background video {
  position: fixed; /* Se mantiene fijo en la pantalla */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  z-index: 1; /* Capa 1: al fondo */
  filter: grayscale(80%) brightness(50%); /* Opcional: para que se vea más oscuro */
}

/* Estilos para el lienzo de Matrix */
canvas {
  position: fixed; /* Se coloca sobre el video */
  top: 0;
  left: 0;
  display: block;
  z-index: 2; /* Capa 2: encima del video */
  background-color: transparent; /* ¡MUY IMPORTANTE! Fondo transparente */
}