/**
 * Home — sección statement editorial (producción)
 * Alcance: body.home-page .hp-statement
 */

body.site-public.home-page {
    --home-statement-bg: #f4efe7;
    --home-statement-ink: #081927;
    --home-statement-muted: #68727f;
    --home-statement-accent: #12c7bd;
    --home-statement-serif: var(--home-hero-serif, Georgia, 'Times New Roman', Times, serif);
    background-color: var(--home-statement-bridge, #e7e0d5);
}

body.site-public.home-page::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 10%, rgba(18, 199, 189, 0.12), transparent 32rem),
        radial-gradient(circle at 85% 20%, rgba(201, 164, 107, 0.16), transparent 30rem),
        linear-gradient(180deg, #f8f3eb 0%, #efe8dd 100%);
}

body.site-public.home-page #contenido-principal {
    background: transparent;
}

body.site-public.home-page .hp-statement {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100svh;
    margin-top: 0;
    padding: clamp(6rem, 14vw, 11rem) clamp(1.25rem, 4vw, 3rem);
    background:
        linear-gradient(168deg, #e7e0d5 0%, var(--home-statement-bg) 22%, #f7f2ea 54%, #ebe3d8 100%);
    overflow: hidden;
    isolation: isolate;
}

@media (min-width: 768px) {
    body.site-public.home-page .hp-statement.is-motion-ready {
        min-height: 100svh;
        height: 100svh;
        box-sizing: border-box;
    }
}

body.site-public.home-page .hp-statement.is-static {
    display: block;
    min-height: auto;
    margin-top: 0;
}

body.site-public.home-page .hp-statement__backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

body.site-public.home-page .hp-statement__backdrop-fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: min(32vh, 260px);
    background: linear-gradient(
        180deg,
        rgba(4, 17, 29, 0.28) 0%,
        rgba(4, 17, 29, 0.08) 42%,
        transparent 100%
    );
}

body.site-public.home-page .hp-statement__backdrop-spot {
    position: absolute;
    left: 50%;
    top: 44%;
    width: min(940px, 128vw);
    height: min(640px, 92vw);
    transform: translate(-50%, -50%) scale(0.78);
    transform-origin: center center;
    background: radial-gradient(
        ellipse 70% 60% at 50% 48%,
        rgba(255, 250, 242, 0.95) 0%,
        rgba(244, 239, 231, 0.42) 38%,
        transparent 72%
    );
    opacity: 0.62;
}

body.site-public.home-page .hp-statement__backdrop-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    opacity: 0.72;
    will-change: transform, opacity;
}

body.site-public.home-page .hp-statement__backdrop-orb--teal {
    top: 8%;
    left: -10%;
    width: min(380px, 58vw);
    height: min(380px, 58vw);
    background: radial-gradient(circle, rgba(18, 199, 189, 0.2) 0%, rgba(18, 199, 189, 0.04) 52%, transparent 72%);
}

body.site-public.home-page .hp-statement__backdrop-orb--gold {
    right: -8%;
    bottom: 6%;
    width: min(420px, 62vw);
    height: min(420px, 62vw);
    background: radial-gradient(circle, rgba(201, 164, 107, 0.24) 0%, rgba(201, 164, 107, 0.05) 54%, transparent 74%);
}

body.site-public.home-page .hp-statement__watermark {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%) scale(0.94);
    transform-origin: center center;
    font-family: var(--home-statement-serif);
    font-size: clamp(11rem, 28vw, 21rem);
    font-weight: 400;
    line-height: 0.82;
    letter-spacing: -0.06em;
    color: rgba(8, 25, 39, 0.045);
    white-space: nowrap;
    user-select: none;
    opacity: 0.02;
}

body.site-public.home-page .hp-statement__grain {
    position: absolute;
    inset: 0;
    opacity: 0.055;
    mix-blend-mode: multiply;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
    background-size: 180px 180px;
}

body.site-public.home-page .hp-statement__stage {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

body.site-public.home-page .hp-statement__vignette {
    position: absolute;
    inset: -8%;
    background:
        radial-gradient(ellipse 72% 58% at 50% 46%, transparent 22%, rgba(8, 25, 39, 0.72) 100%);
    opacity: 0;
    transform: scale(1.08);
}

body.site-public.home-page .hp-statement__glow {
    position: absolute;
    left: 50%;
    top: 44%;
    width: min(480px, 78vw);
    height: min(320px, 46vw);
    transform: translate(-50%, -50%) scale(0.35);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(18, 199, 189, 0.55) 0%, rgba(18, 199, 189, 0.08) 42%, transparent 72%);
    filter: blur(28px);
    opacity: 0;
}

body.site-public.home-page .hp-statement__inner {
    position: relative;
    z-index: 2;
    max-width: 1060px;
    margin: 0 auto;
    text-align: center;
    transform-origin: center center;
    perspective: 900px;
}

body.site-public.home-page .hp-statement__rule {
    width: min(10rem, 42vw);
    height: 2px;
    margin: 0 auto 2.25rem;
    background: linear-gradient(90deg, transparent, var(--home-statement-accent) 18%, var(--home-statement-accent) 82%, transparent);
    transform-origin: center center;
    transform: scaleX(0);
    opacity: 0;
}

body.site-public.home-page .hp-statement__quote {
    margin: 0;
    font-family: var(--home-statement-serif);
    font-size: clamp(2rem, 5vw, 4.6rem);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.045em;
    color: var(--home-statement-ink);
}

/* Texto legible por defecto; GSAP oculta al activar motion-ready */
body.site-public.home-page .hp-word-reveal .hp-word {
    display: inline-block;
    transform-origin: 50% 100%;
    will-change: opacity, transform, filter;
}

body.site-public.home-page .hp-statement.is-motion-ready .hp-word-reveal .hp-word {
    opacity: 0;
    transform: translate3d(0, 1.15em, 0) rotateX(18deg);
    filter: blur(10px);
}

body.site-public.home-page .hp-word-reveal .hp-word.hp-statement__years {
    color: var(--home-statement-muted);
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.site-public.home-page .hp-statement.is-static .hp-word-reveal .hp-word,
body.site-public.home-page .hp-statement.is-static .hp-statement__rule,
body.site-public.home-page .hp-statement.is-static .hp-statement__cite {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

body.site-public.home-page .hp-statement.is-static .hp-statement__vignette,
body.site-public.home-page .hp-statement.is-static .hp-statement__glow {
    opacity: 0 !important;
    transform: none !important;
}

body.site-public.home-page .hp-statement.is-static .hp-statement__backdrop-spot {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

body.site-public.home-page .hp-statement.is-static .hp-statement__backdrop-orb {
    opacity: 0.72 !important;
    transform: none !important;
}

body.site-public.home-page .hp-statement.is-static .hp-statement__watermark {
    opacity: 0.05 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

body.site-public.home-page .hp-statement.is-static .hp-statement__inner {
    opacity: 1 !important;
    transform: none !important;
}

body.site-public.home-page .hp-statement.is-static .hp-word-reveal .hp-word.hp-statement__years {
    color: var(--home-statement-accent) !important;
}

body.site-public.home-page .hp-statement__cite {
    display: block;
    margin-top: 1.75rem;
    font-family: var(--font-ui), system-ui, sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--home-statement-muted);
    will-change: opacity, transform;
}

body.site-public.home-page .hp-statement.is-motion-ready .hp-statement__cite {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
}

body.site-public.home-page .hp-statement.is-motion-ready .hp-statement__rule {
    transform: scaleX(0);
    opacity: 0;
}