/*--------------------------------------------------------------
# Fondo animado Chladni (partículas)
# Autocontenido: solo afecta a #chladni-bg y define sus propias variables.
# No modificar el resto del sitio desde aquí.
--------------------------------------------------------------*/
/* Los colores que lee chladni-bg.js (--non-resonant-color, --particle-color-1/2/3,
   --background-color) ahora viven en assets/css/theme.css (fuente única de paleta),
   que se carga antes que esta hoja. Acá solo quedan los estilos del canvas. */

/* Canvas de fondo: cubre todo el viewport, fijo, detrás de todo el contenido
   y sin capturar clics para que la página siga funcionando normalmente.
   Se agranda unos px más allá del borde para esconder el degradado del blur. */
#chladni-bg {
  position: fixed;
  top: -24px;
  left: -24px;
  width: calc(100vw + 48px);
  height: calc(100vh + 48px);
  z-index: -1;
  display: block;
  pointer-events: none;
  /* blur chico para suavizar las partículas + atenuación leve para que
     el texto se lea bien encima. Ajustá estos dos valores a gusto:
     - blur(2px)      -> suave (recomendado). blur(0) = patrón nítido/premium
                         pero las líneas filosas cruzan el texto y restan lectura.
     - brightness(.8) -> subilo (.9) para fondo más vívido, bajalo (.7) si molesta. */
  filter: blur(2px) brightness(0.8);
}

/* Render nítido del canvas escalado (equivalente a la demo original). */
#chladni-bg.pixelated {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}