/* ==========================================================================
   ANIMACIONES — keyframes usados por el resto del sistema.
   ========================================================================== */

@keyframes float-blob{
  0%, 100%{ transform: translate(0, 0) scale(1); }
  33%{ transform: translate(30px, -40px) scale(1.08); }
  66%{ transform: translate(-24px, 26px) scale(.95); }
}

@keyframes hero-kenburns{
  from{ transform: scale(1) translate(0, 0); }
  to{ transform: scale(1.12) translate(-1.5%, -1.5%); }
}

@keyframes pulse-dot{
  0%, 100%{ box-shadow: 0 0 0 0 rgba(53,199,126,.35); }
  50%{ box-shadow: 0 0 0 6px rgba(53,199,126,0); }
}

@keyframes cursor-blink{
  0%, 49%{ opacity: 1; }
  50%, 100%{ opacity: 0; }
}

@keyframes scroll-line{
  0%{ transform: scaleY(0); transform-origin: top; opacity: 0; }
  40%{ transform: scaleY(1); transform-origin: top; opacity: 1; }
  60%{ transform: scaleY(1); transform-origin: bottom; opacity: 1; }
  100%{ transform: scaleY(0); transform-origin: bottom; opacity: 0; }
}

@keyframes marquee-scroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

@keyframes bump{
  0%{ transform: scale(1); }
  40%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}

@keyframes fade-in-up{
  from{ opacity: 0; transform: translateY(10px); }
  to{ opacity: 1; transform: translateY(0); }
}

.fade-in-up{ animation: fade-in-up .4s var(--ease-out); }

/* OJO: aquí solía haber una regla que apagaba TODAS las animaciones del
   sitio (marquee, punto de "Abierto ahora", zoom del hero, blobs) cuando
   la computadora tenía activada la preferencia de accesibilidad "reducir
   movimiento" del sistema operativo. Se quitó a propósito — como esas
   animaciones son parte central de cómo se ve el sitio, no queremos que
   dependan de una configuración externa que el cliente ni sabe que
   existe. Así se ven igual sin importar el equipo o navegador. */