/* Ajustes focalizados para la introducción. */
.hero{align-items:center;background:var(--ink) url('img/hero.jpg') center/cover}
.hero-video{object-position:32% 44%;filter:grayscale(.55) contrast(1.2) brightness(.62)}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.42) 58%,rgba(0,0,0,.24)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%)}
.hero-content{padding:138px 0 78px;text-align:center}
.kicker{margin-bottom:32px}
.hero h1{font-size:inherit;line-height:normal}
.hero-primary,.hero-secondary{display:block}
.hero-primary{font-size:clamp(68px,9.2vw,150px);line-height:.86}
.hero-secondary{margin-top:.28em;font-size:clamp(34px,4.55vw,74px);line-height:.88;color:var(--red)}
.hero-bottom{justify-content:center;margin-top:48px}
.hero-video.video-unavailable{display:none}

/* Cada foto vertical conserva el rostro al recortarse en tarjetas horizontales. */
.outcome[data-image="img/jovenes/IMG_1054.jpg"]::before{background-position:center 50%}
.outcome[data-image="img/jovenes/IMG_1039.jpg"]::before{background-position:center 69%}
.outcome[data-image="img/jovenes/IMG_1022.jpg"]::before{background-position:center 25%}

/* Ritmo de lectura: una retícula lateral más generosa en toda la landing joven. */
:root{--youth-gutter:clamp(48px,5vw,96px)}
.shell{width:min(100%,var(--max));padding-inline:var(--youth-gutter)}
.header{padding-inline:var(--youth-gutter)}
.hero-content{padding-block:clamp(142px,12vw,190px) clamp(94px,8vw,130px)}
.hero-bottom>p{line-height:1.2}
.statement-copy{row-gap:42px}
.outcome{width:min(100%,var(--max));padding-inline:var(--youth-gutter);padding-block:46px}
.outcome.red{padding-left:max(var(--youth-gutter),calc((100% - var(--max))/2));padding-right:max(var(--youth-gutter),calc((100% - var(--max))/2))}
.timeline article{padding-block:28px}
.real-copy>p:last-child,.demo-copy>p:last-child{line-height:1.5}
@media(max-width:700px){:root{--youth-gutter:32px}.header{padding-inline:var(--youth-gutter)}.hero-content{padding-block:112px 82px}.hero-bottom>p{line-height:1.28}.statement{padding-block:96px}.statement-copy{margin-block:58px;row-gap:26px}.signal-grid p{padding-block:16px;line-height:1.1}.outcomes-intro{margin-bottom:62px}.outcome{width:100%;padding-inline:var(--youth-gutter);padding-block:38px}.outcome.red{padding-inline:var(--youth-gutter)}.timeline article{padding-block:28px}.demo-copy{padding-block:120px 82px}.footer{gap:18px;line-height:1.45}}

/* Corrección de composición: ningún texto grande debe depender de un recorte de viewport. */
.statement h2,.outcomes h2,.journey h2,.real h2{font-size:clamp(48px,6.4vw,98px);max-width:11ch;overflow-wrap:anywhere}
.statement-copy{padding-left:0;grid-template-columns:minmax(0,1.35fr) minmax(170px,.65fr);gap:clamp(28px,6vw,76px);max-width:980px;margin-left:auto}
.signal-grid p{padding-inline:clamp(12px,2vw,28px);line-height:1.08}
.journey-heading{grid-template-columns:1fr;gap:28px;max-width:920px}
.journey h2{max-width:10ch}
.timeline article{grid-template-columns:80px minmax(0,1.1fr) minmax(180px,1fr);padding-inline:clamp(10px,1.5vw,22px)}
.timeline h3,.timeline p,.outcome h3,.outcome p{overflow-wrap:anywhere}
.real-copy{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}
@media(max-width:900px){.statement h2,.outcomes h2,.journey h2,.real h2{font-size:clamp(46px,9vw,72px)}.statement-copy,.real-copy{grid-template-columns:1fr;max-width:680px;margin-left:0}.timeline article{grid-template-columns:54px minmax(0,1fr);gap:18px}.timeline p{grid-column:2}.journey-heading{max-width:680px}}
@media(max-width:700px){.statement h2,.outcomes h2,.journey h2,.real h2{font-size:clamp(42px,12vw,58px);line-height:.9}.statement-copy{margin-block:48px}.signal-grid p{padding-inline:12px}.journey-heading{gap:22px}.timeline article{padding-inline:0}.real-copy{gap:30px}}
@media(max-width:700px){.hero{align-items:center}.hero-content{padding:115px 0 74px}.kicker{margin-bottom:25px}.hero-primary{font-size:clamp(52px,13.2vw,76px);line-height:.9}.hero-secondary{font-size:clamp(27px,6.7vw,39px);line-height:.9}.hero-bottom{margin-top:34px}}