/**
 * Animaciones de entrada de la home.
 * Migrado desde front-page.php (bloque <style> inline) a archivo real.
 */

/* --- ANIMACIONES DE ENTRADA --- */
@keyframes lrFadeUp {
    from { opacity: 0; transform: translateY(28px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes lrFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Hero: entrada escalonada de título y buscador */
.hero-search-container h2 {
    animation: lrFadeUp 0.7s cubic-bezier(.22,.68,0,1.2) 0.1s both;
}
.hero-search-container > div {
    animation: lrFadeUp 0.7s cubic-bezier(.22,.68,0,1.2) 0.28s both;
}

/* Elementos con animación de scroll */
.lr-anim {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.55s cubic-bezier(.22,.68,0,1.1), transform 0.55s cubic-bezier(.22,.68,0,1.1);
}
.lr-anim.lr-visible {
    opacity: 1;
    transform: translateY(0);
}
/* Stagger para grillas de tarjetas */
.lr-anim-delay-1 { transition-delay: 0.06s; }
.lr-anim-delay-2 { transition-delay: 0.12s; }
.lr-anim-delay-3 { transition-delay: 0.18s; }
.lr-anim-delay-4 { transition-delay: 0.24s; }
.lr-anim-delay-5 { transition-delay: 0.30s; }
.lr-anim-delay-6 { transition-delay: 0.36s; }
.lr-anim-delay-7 { transition-delay: 0.42s; }
.lr-anim-delay-8 { transition-delay: 0.48s; }