/* ── Piqvo — base.css ──────────────────────────────────────────────────────
   CSS compartido por todas las páginas. Cargar ANTES del <style> inline de
   cada página para que esta pueda sobreescribir.
   Nota: los tokens :root NO van aquí — cada página tiene su propia paleta
   (event y screen usan fondos/variables distintos); no son duplicación.
─────────────────────────────────────────────────────────────────────────── */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* Accesibilidad: respeta prefers-reduced-motion (WCAG 2.3.3).
   Patrón seguro: acorta la duración (no 'none') para que la animación
   termine al instante en su keyframe final y el estado quede correcto. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}