/* ─────────────────────────────────────────────────────────────────────────
   NC Hero Motion — v1.0
   Ponderación: Jakub Krehel (primario) · Jhey Tompkins (secundario)
   Contexto: landing page de clínica premium — frecuencia de carga: rara
   Propiedad animada: opacity + translateY + filter (blur) — solo GPU
   ───────────────────────────────────────────────────────────────────────── */

@keyframes nc-hero-in {
    from {
        opacity: 0;
        transform: translateY(20px);
        filter: blur(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* ── Secuencia escalonada: eyebrow → título → subtítulo → CTA ─────────── */

.hero-eyebrow {
    animation: nc-hero-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.10s both;
}

.hero-title {
    animation: nc-hero-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

.hero-subtitle {
    animation: nc-hero-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.44s both;
}

.hero-cta {
    animation: nc-hero-in 0.50s cubic-bezier(0.22, 1, 0.36, 1) 0.58s both;
}

/* ── Accesibilidad: prefers-reduced-motion (obligatorio) ─────────────── */
@media (prefers-reduced-motion: reduce) {
    .hero-eyebrow,
    .hero-title,
    .hero-subtitle,
    .hero-cta {
        animation: none;
    }
}