/* ============================================================
   animations.css — Keyframes · Stagger · Efectos
============================================================ */

@keyframes fadeInUp {
    from { opacity:0; transform:translateY(30px); }
    to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeIn {
    from { opacity:0; transform:translateY(8px); }
    to   { opacity:1; transform:translateY(0); }
}
@keyframes slideLeft {
    from { opacity:0; transform:translateX(-24px); }
    to   { opacity:1; transform:translateX(0); }
}
@keyframes scaleIn {
    from { opacity:0; transform:scale(.88); }
    to   { opacity:1; transform:scale(1); }
}
@keyframes ticker-scroll {
    0%   { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}
@keyframes pulse-live {
    0%,100% { opacity:1; }
    50%      { opacity:.3; }
}
@keyframes glow-red {
    0%,100% { box-shadow:0 0 20px rgba(229,50,50,.20); }
    50%      { box-shadow:0 0 40px rgba(229,50,50,.45); }
}
@keyframes skeleton-loading {
    0%   { background-position:-200% 0; }
    100% { background-position:200% 0; }
}
@keyframes hero-line {
    from { transform:scaleX(0); }
    to   { transform:scaleX(1); }
}
@keyframes float {
    0%,100% { transform:translateY(0); }
    50%      { transform:translateY(-6px); }
}
@keyframes bar-grow {
    from { width:0; }
    to   { width:var(--bar-w,100%); }
}
/* Intro secuencial del hero title */
@keyframes char-drop {
    from { opacity:0; transform:translateY(-20px) scaleY(1.4); filter:blur(4px); }
    to   { opacity:1; transform:translateY(0)     scaleY(1.0); filter:blur(0); }
}

/* ── Classes de entrada ── */
.page-enter { animation: fadeInUp .55s cubic-bezier(.22,1,.36,1) both; }

.stagger > * { animation: fadeInUp .45s cubic-bezier(.22,1,.36,1) both; }
.stagger > *:nth-child(1)  { animation-delay:.05s; }
.stagger > *:nth-child(2)  { animation-delay:.12s; }
.stagger > *:nth-child(3)  { animation-delay:.19s; }
.stagger > *:nth-child(4)  { animation-delay:.26s; }
.stagger > *:nth-child(5)  { animation-delay:.33s; }
.stagger > *:nth-child(6)  { animation-delay:.40s; }
.stagger > *:nth-child(n+7){ animation-delay:.47s; }