.watermark-grid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  pointer-events: none; /* Crucial: permite hacer clic a través de la marca de agua */
  user-select: none;    /* Evita que el usuario seleccione el texto */
  
  /* Creamos una cuadrícula (Flexbox) para distribuir el texto uniformemente */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
  
  /* Rotamos todo el contenedor para dar el efecto diagonal */
  transform: scale(1.2) rotate(-30deg); 
  overflow: hidden;
}

.watermark-grid span {
  font-family: Arial, sans-serif;
  font-size: 5vw; /* Tamaño del texto responsivo */
  font-weight: 900;
  color: rgba(255, 0, 0, 0.05); /* Opacidad muy baja (4%) para que sea sutil */
  padding: 20px;
  white-space: nowrap;
}