/* ============================================================
   css/animations.css
   Keyframes y clases de animación.
   ============================================================ */

/* Pulso suave (usado por el .dot del .badge) */
@keyframes pulse{
  0%, 100%{ opacity:1; }
  50%     { opacity:.35; }
}

/* Entrada con desplazamiento vertical */
@keyframes rise{
  from{
    opacity:0;
    transform:translateY(14px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

/* Clase utilitaria: aplica la animación rise.
   El delay se controla con style="animation-delay:.NNs" en el HTML. */
.rise{
  animation:rise .55s cubic-bezier(.16,1,.3,1) both;
}

/* Respeto por preferencias de movimiento reducido */
@media (prefers-reduced-motion: reduce){
  .rise{ animation:none; }
  .badge .dot{ animation:none; }
  .bar-fill{ transition:none; }
}