/**
 * BAIRS — home polish
 * Animación de entrada por palabra del H1 del hero + estados magnetic.
 * Convive con los estilos legacy de .hero-* en style.css.
 */

/* ─── Split-text reveal en el H1 del hero ─── */
.hero-title[data-bairs-split].is-split-ready .word {
    display: inline-block;
    opacity: 0;
    transform: translateY(0.4em);
    transition: opacity 700ms var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
                transform 700ms var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1));
    transition-delay: calc(var(--i, 0) * var(--split-stagger, 60ms));
    will-change: opacity, transform;
}

.hero-title[data-bairs-split].is-split-revealed .word {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .hero-title[data-bairs-split] .word {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ─── Hero category eyebrow alineado al sistema nuevo ─── */
.hero-category {
    font-family: var(--font-mono, ui-monospace);
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* ─── CTA hero magnetic — el wrapper del botón captura el cursor ─── */
.hero-content {
    /* El cursor se trackea sobre hero-content (padre del CTA) — ya hereda. */
}

.hero-button[data-bairs-magnetic] {
    will-change: transform;
}

/* Glow sutil en el CTA para reforzar el magnetismo visualmente */
.hero-button[data-bairs-magnetic]:hover {
    box-shadow: var(--shadow-glow, 0 0 60px rgba(0, 212, 255, 0.18));
}

/* ─── View Transitions: nombres para crossfade del hero entre páginas ─── */
@supports (view-transition-name: none) {
    .site-header { view-transition-name: bairs-header; }
    .hero-section .hero-content { view-transition-name: bairs-hero-content; }
    .site-main { view-transition-name: bairs-main; }

    /* Curva consistente con el resto del sitio */
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 320ms;
        animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }
}