/* ===== PARTICLES BACKGROUND ===== */
#particles-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.8;
  transition: opacity var(--transition-normal);
}

/* Reducir partículas en dispositivos de bajo rendimiento */
@media (max-width: 768px) {
  #particles-canvas {
    opacity: 0.5;
  }
}

@media (prefers-reduced-motion: reduce) {
  #particles-canvas {
    display: none;
  }
}

/* Modo de ahorro de batería */
@media (max-width: 480px) {
  #particles-canvas {
    opacity: 0.3;
  }
}

/* Ocultar en modo de alto contraste */
@media (prefers-contrast: high) {
  #particles-canvas {
    opacity: 0.2;
  }
}