/* animations.css — animaciones y transiciones */

/* --- INTRO --- */
@keyframes introZoomFade {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* --- HERO --- */
@keyframes heroReveal {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes scrollBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(6px); }
}

@keyframes heroFirePulse {
  0%, 100% { opacity: 0.52; transform: translateX(-50%) scaleY(1); }
  50%       { opacity: 1;    transform: translateX(-50%) scaleY(1.2); }
}

@keyframes heroSmokeRise {
  0%   { transform: translateY(0)     scale(0.5); opacity: 0; }
  15%  {                                          opacity: 1; }
  100% { transform: translateY(-80vh) scale(3);   opacity: 0; }
}



@keyframes heroFadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes heroFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes heroLineGrow {
  to { transform: scaleX(1); }
}

@keyframes heroScrollReveal {
  to { opacity: 0.4; }
}

/* --- HISTORIA PAGE --- */
@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}