:root { --juv-blue:#0a3479; --juv-purple:#7149ba; --juv-pink:#e42b62; --juv-ink:#071735; --juv-mist:#eef4ff; }
.juventud-main { overflow:hidden; background:#fff; color:var(--juv-ink); }
.juventud-hero { position:relative; isolation:isolate; min-height:680px; display:flex; align-items:end; overflow:hidden; background:var(--juv-ink); color:#fff; }
.juventud-hero::before { content:""; position:absolute; inset:-5%; z-index:-2; background:linear-gradient(90deg,rgba(3,14,43,.98) 0%,rgba(4,18,57,.9) 39%,rgba(4,18,57,.42) 68%,rgba(4,18,57,.12)),url("../img/hero-juventud.webp") center 35%/cover; transform:translate3d(0,var(--juventud-parallax,0px),0) scale(1.04); will-change:transform; }
.juventud-hero::after { content:""; position:absolute; width:53vw; aspect-ratio:1; border:1px solid rgba(255,255,255,.2); border-radius:50%; right:-17vw; top:-31vw; z-index:-1; box-shadow:0 0 0 55px rgba(114,73,186,.14),0 0 0 120px rgba(228,43,98,.08); }
.juventud-hero__in { width:100%; padding-block:150px 92px; }
.juventud-kicker { color:#fff; font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; }
.juventud-kicker::before { display:inline-block; width:35px; height:2px; margin:0 12px 3px 0; background:var(--juv-pink); content:""; }
.juventud-hero h1 { max-width:850px; margin:18px 0; font:500 clamp(58px,8.2vw,128px)/.86 var(--font-display); letter-spacing:.01em; text-transform:uppercase; }
.juventud-hero h1 em { color:#ff547c; font-style:normal; }
.juventud-hero__lede { max-width:610px; color:rgba(255,255,255,.9); font-size:17px; line-height:1.7; }
.juventud-hero__lede strong { display:block; margin-top:9px; color:#fff; }
.juventud-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:30px; }
.btn-juventud { background:var(--juv-pink); border-color:var(--juv-pink); color:#fff; }.btn-juventud:hover { background:#bd1648; border-color:#bd1648; }
.juventud-microcopy { position:absolute; right:max(24px,calc((100% - var(--container-max))/2 + var(--margin-desktop))); bottom:42px; width:min(240px,20vw); color:rgba(255,255,255,.68); font-size:10px; line-height:1.7; text-align:right; }
.juventud-section { padding-block:clamp(76px,10vw,136px); }.juventud-section--mist { background:var(--juv-mist); }.juventud-section--dark { position:relative; background:linear-gradient(135deg,#071735,#0a3479); color:#fff; overflow:hidden; }.juventud-section--dark::after { content:""; position:absolute; width:46vw; aspect-ratio:1; border:1px solid rgba(255,255,255,.14); border-radius:50%; right:-18vw; bottom:-26vw; }
.juventud-intro { max-width:800px; }.juventud-intro .eyebrow { color:var(--juv-pink); }.juventud-intro h2,.juventud-callout h2,.juventud-form__intro h2 { margin-top:12px; font:500 clamp(44px,6vw,78px)/.92 var(--font-display); letter-spacing:.015em; text-transform:uppercase; }.juventud-intro h2 em,.juventud-callout em { color:var(--juv-pink); font-style:normal; }.juventud-intro p { max-width:720px; margin-top:22px; color:#41516f; font-size:16px; line-height:1.82; }.juventud-intro p + p { margin-top:13px; }
.juventud-callout { padding:clamp(55px,7vw,94px); background:#fff; border-left:5px solid var(--juv-pink); box-shadow:0 22px 50px rgba(3,19,55,.1); }.juventud-callout h2 { max-width:900px; color:var(--juv-ink); }.juventud-callout p { max-width:710px; margin-top:22px; color:#43536d; font-size:17px; line-height:1.75; }
.juventud-areas { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:48px; }.juventud-area { min-height:195px; padding:22px; border:1px solid #dae3f3; background:#fff; transition:transform .25s ease,box-shadow .25s ease; }.juventud-area:hover { transform:translateY(-6px); box-shadow:0 14px 28px rgba(3,19,55,.12); }.juventud-area__num { display:block; color:var(--juv-pink); font:500 24px/1 var(--font-display); }.juventud-area h3 { margin-top:25px; font:500 27px/1 var(--font-display); color:var(--juv-blue); }.juventud-area p { margin-top:11px; color:#51617b; font-size:12px; line-height:1.6; }
.juventud-lab { position:relative; z-index:1; display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(32px,8vw,110px); align-items:center; }.juventud-lab h2 { font:500 clamp(46px,6vw,76px)/.92 var(--font-display); }.juventud-lab p { max-width:510px; margin-top:20px; color:rgba(255,255,255,.78); font-size:16px; line-height:1.8; }.juventud-questions { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.juventud-question { min-height:154px; padding:25px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.06); }.juventud-question b { display:block; color:#ff6a8d; font:500 31px/1 var(--font-display); }.juventud-question span { display:block; margin-top:30px; font-size:17px; line-height:1.22; }
.juventud-ideas { display:grid; grid-template-columns:1.1fr .9fr; gap:52px; align-items:start; }.juventud-ideas__list { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:28px; }.juventud-ideas__list span { padding:14px; border:1px solid #d7e1f0; color:var(--juv-blue); font-size:13px; }.juventud-note { padding:34px; background:var(--juv-purple); color:#fff; }.juventud-note h3 { font:500 42px/.95 var(--font-display); }.juventud-note p { margin-top:18px; color:rgba(255,255,255,.84); line-height:1.75; }
.juventud-programs { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:50px; }.juventud-program { padding:32px; min-height:280px; background:#fff; border-top:4px solid var(--juv-purple); box-shadow:0 10px 28px rgba(3,19,55,.07); }.juventud-program:nth-child(2n) { border-color:var(--juv-pink); }.juventud-program__tag { color:var(--juv-purple); font:700 10px var(--font-ui); letter-spacing:.12em; text-transform:uppercase; }.juventud-program h3 { margin-top:16px; color:var(--juv-ink); font:500 38px/.94 var(--font-display); }.juventud-program p { margin-top:16px; color:#53627b; font-size:13px; line-height:1.75; }.juventud-program ul { margin-top:17px; padding-left:16px; color:#53627b; font-size:12px; line-height:1.75; }
.juventud-principles { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:43px; }.juventud-principle { min-height:180px; padding:24px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18); }.juventud-principle b { color:#ff6a8d; font:500 28px/1 var(--font-display); }.juventud-principle p { margin-top:28px; font-size:13px; line-height:1.65; }
.juventud-contrast { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:45px; background:#d7e1f0; }.juventud-contrast article { padding:42px; background:#fff; }.juventud-contrast h3 { color:var(--juv-pink); font:500 37px/.96 var(--font-display); }.juventud-contrast p { margin-top:16px; color:#4a5a73; font-size:15px; line-height:1.75; }
.juventud-form { position:relative; overflow:hidden; padding-block:clamp(80px,11vw,140px); background:linear-gradient(125deg,#071735,#102e6b); color:#fff; }.juventud-form::before { content:""; position:absolute; left:-18vw; bottom:-28vw; width:56vw; aspect-ratio:1; border-radius:50%; border:1px solid rgba(255,255,255,.13); box-shadow:0 0 0 45px rgba(228,43,98,.1); }.juventud-form__layout { position:relative; z-index:1; display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(32px,8vw,108px); }.juventud-form__intro p { max-width:410px; margin-top:23px; color:rgba(255,255,255,.76); line-height:1.8; }.juventud-form__quote { margin-top:34px; padding-left:18px; border-left:3px solid var(--juv-pink); font:500 29px/1.08 var(--font-display); }.juventud-form-card { padding:clamp(26px,4vw,50px); background:#fff; color:var(--juv-ink); box-shadow:0 22px 60px rgba(0,0,0,.25); }.juventud-form-card h3 { font:500 39px/.95 var(--font-display); }.juventud-form-card > p { margin-top:12px; color:#53627b; font-size:13px; }.juventud-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; margin-top:27px; }.juventud-field { display:flex; flex-direction:column; gap:7px; }.juventud-field--wide { grid-column:1/-1; }.juventud-field label { color:var(--juv-ink); font-size:11px; font-weight:700; letter-spacing:.06em; }.juventud-field input,.juventud-field select,.juventud-field textarea { width:100%; min-height:46px; padding:11px 12px; border:1px solid #cbd8ec; background:#fff; color:var(--juv-ink); font:13px var(--font-ui); }.juventud-field textarea { min-height:124px; resize:vertical; }.juventud-field input:focus,.juventud-field select:focus,.juventud-field textarea:focus { outline:2px solid var(--juv-pink); outline-offset:1px; border-color:var(--juv-pink); }.juventud-form-card .btn { width:100%; margin-top:20px; }.juventud-status { display:none; margin:17px 0 0; padding:14px; border-left:3px solid var(--juv-blue); background:#eef4ff; color:var(--juv-blue); font-size:13px; }.juventud-status.is-visible { display:block; }.juventud-status.is-error { border-color:#a4001e; background:#fff0f2; color:#97001c; }
.juventud-close { padding:clamp(86px,11vw,145px) 0; text-align:center; background:#fff; }.juventud-close h2 { max-width:900px; margin:auto; font:500 clamp(48px,7vw,92px)/.9 var(--font-display); color:var(--juv-ink); text-transform:uppercase; }.juventud-close h2 em { color:var(--juv-pink); font-style:normal; }.juventud-close p { max-width:670px; margin:26px auto 0; color:#50607b; font-size:16px; line-height:1.8; }.juventud-close__signature { margin-top:38px; color:var(--juv-blue); font:700 11px var(--font-ui); letter-spacing:.16em; text-transform:uppercase; }.juventud-close__final { color:var(--juv-pink); font-weight:700; }
@media (max-width:980px) { .juventud-areas { grid-template-columns:repeat(3,1fr); }.juventud-principles { grid-template-columns:repeat(3,1fr); }.juventud-lab,.juventud-ideas,.juventud-form__layout { grid-template-columns:1fr; }.juventud-programs { grid-template-columns:repeat(2,1fr); }.juventud-microcopy { display:none; } }
@media (max-width:620px) { .juventud-hero { min-height:710px; }.juventud-hero::before { background:linear-gradient(90deg,rgba(3,14,43,.95),rgba(4,18,57,.68)),url("../img/hero-juventud.webp") 58% center/cover; }.juventud-hero__in { padding-block:130px 70px; }.juventud-hero h1 { font-size:62px; }.juventud-hero__lede { font-size:15px; }.juventud-actions .btn { width:100%; }.juventud-areas,.juventud-programs,.juventud-principles,.juventud-questions { grid-template-columns:1fr; }.juventud-ideas__list,.juventud-form-grid,.juventud-contrast { grid-template-columns:1fr; }.juventud-area { min-height:150px; }.juventud-principle { min-height:130px; }.juventud-principle p { margin-top:16px; }.juventud-form__intro { margin-bottom:12px; } }
@media (prefers-reduced-motion:reduce) { .juventud-hero::before { transform:scale(1.04); will-change:auto; } }