/* Reach statement — text-only section, words light up while scrolling */
.alcance-spacer {
    position: relative;
    z-index: 20;
    height: 330vh; /* word-by-word reveal, then the last 100vh is where the carousel slides over it */
    background: #000;
}

.section-alcance {
    position: sticky;
    top: 0;
    height: 100vh;
    background: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3.2vw;
    padding: 0 6vw;
    text-align: center;
}
@supports (height: 100svh) {
    .section-alcance { height: 100svh; }
}

.alc-title {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: clamp(64px, 9.4vw, 170px);
    line-height: 0.9;
    letter-spacing: 0.005em;
    max-width: 19ch;
}
.alc-sub {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: clamp(13px, 1.45vw, 24px);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* every word starts dim; alcance.js scrubs it to full white */
.rw { display: inline-block; opacity: 0.12; }
.rw.hl { color: #e02a2a; }
.rw.plus { color: #e02a2a; margin: 0 0.35em; }

@media (max-width: 900px) {
    .alcance-spacer { height: 240vh; }
    .section-alcance { gap: 8vw; padding: 0 22px; }
    .alc-title { font-size: 17vw; }
    .alc-sub { font-size: 3.5vw; letter-spacing: 0.1em; line-height: 1.9; }
}