/* ═══════════════════════════════════════════════
   GESTIUM · Animaciones globales para ui.js
   Agrega este bloque a tu CSS global (ej: styles.css)
═══════════════════════════════════════════════ */

/* 🔥 MEJORA 4: Entrada animada de notificaciones */
@keyframes fadeNotif {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 🔥 MEJORA 5: Pulso del trial banner */
@keyframes bannerPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37,99,235, 0.25); }
  50%       { box-shadow: 0 0 0 12px rgba(37,99,235, 0); }
}