/* ==========================================================================
   KEYFRAMES — únicos fotogramas clave globales de la web.
   Cualquier animación nueva declara aquí su @keyframes y lo usa desde
   su propio archivo de componente o sección.
   ========================================================================== */
@keyframes desfile { to { transform: translateX(-50%); } }
@keyframes pulso   { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.5); opacity: 0; } }
@keyframes subir   { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes trazo   { to { stroke-dashoffset: 0; } }
@keyframes cargar  { to { transform: translateX(0); } }
@keyframes latido  { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }