:root { --gaw-ink:#06233f; --gaw-deep:#041827; --gaw-teal:#258985; --gaw-gold:#d7ad55; --gaw-paper:#f6f2e9; --gaw-white:#fffdf8; --gaw-muted:#617180; --gaw-line:#06233f22; --gaw-sans:Manrope,Arial,sans-serif; --gaw-serif:Georgia,'Times New Roman',serif; --gaw-mono:'DM Mono','Courier New',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--gaw-paper); color:var(--gaw-ink); font:16px/1.6 var(--gaw-sans); }
a { color:inherit; }
.skip-link { position:fixed; z-index:100; top:-60px; left:18px; padding:12px 16px; background:var(--gaw-white); border:2px solid var(--gaw-teal); }
.skip-link:focus { top:16px; }
.site-header { position:sticky; top:0; z-index:20; display:grid; grid-template-columns:minmax(245px,1fr) auto minmax(245px,1fr); align-items:center; min-height:78px; padding:0 clamp(24px,6vw,110px); border-bottom:1px solid var(--gaw-line); background:#fffdf8f2; backdrop-filter:blur(14px); }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--gaw-ink); }
.gaw-wordmark { font-size:38px; font-weight:800; letter-spacing:-.09em; line-height:1; }.gaw-accent { color:var(--gaw-teal); }.brand-descriptor { max-width:66px; padding-left:10px; border-left:1px solid var(--gaw-line); font-size:9px; line-height:1.05; letter-spacing:.1em; text-transform:uppercase; }
.site-header nav { display:flex; gap:25px; }.site-header nav a { font-size:13px; font-weight:800; text-decoration:none; }.site-header nav a[aria-current='page'] { color:var(--gaw-teal); }.header-cta { justify-self:end; color:var(--gaw-teal); font-size:13px; font-weight:800; text-decoration:none; }
.program-shell { max-width:1440px; margin:auto; }.eyebrow { margin:0 0 20px; color:var(--gaw-teal); font:700 11px/1.35 var(--gaw-mono); letter-spacing:.11em; }.eyebrow.gold { color:var(--gaw-gold); }.section-title { max-width:880px; margin:0; font:600 clamp(42px,6vw,84px)/.98 var(--gaw-serif); letter-spacing:-.055em; }.section-title em { color:var(--gaw-teal); font-style:italic; }.body-copy { max-width:650px; margin:28px 0 0; color:var(--gaw-muted); font-size:18px; }.button { display:inline-flex; align-items:center; gap:18px; padding:15px 20px; border:1px solid transparent; font-size:13px; font-weight:800; text-decoration:none; }.button.primary { background:var(--gaw-gold); color:var(--gaw-deep); }.button.line { border-color:#fff9; color:var(--gaw-white); }.button.ink { border-color:var(--gaw-ink); color:var(--gaw-ink); }
.program-hero { position:relative; min-height:min(730px,calc(100vh - 78px)); overflow:hidden; color:var(--gaw-white); background:var(--gaw-deep); }.program-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }.program-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#041827f7 0%,#041827df 39%,#04182765 64%,#04182710 100%); }.program-hero__content { position:relative; z-index:1; width:min(760px,calc(100% - 48px)); margin-left:clamp(24px,9vw,160px); padding:clamp(104px,15vh,150px) 0 90px; }.program-hero h1 { max-width:670px; margin:0; font:700 clamp(66px,9vw,140px)/.86 var(--gaw-serif); letter-spacing:-.075em; }.program-hero h1 em { color:var(--gaw-gold); font-style:italic; }.program-hero p:not(.eyebrow) { max-width:600px; margin:30px 0; color:#eef2f3; font-size:clamp(18px,2vw,23px); line-height:1.45; }.program-hero__meta { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:38px; font:700 10px var(--gaw-mono); letter-spacing:.08em; }.program-hero__meta span { padding-top:12px; border-top:1px solid #fff7; }
.program-intro { padding:clamp(76px,10vw,145px) clamp(24px,8vw,130px); }.program-intro__grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(270px,.65fr); gap:clamp(40px,9vw,150px); align-items:end; }.program-intro aside { padding-top:20px; border-top:1px solid var(--gaw-line); color:var(--gaw-muted); font-size:15px; }.program-intro aside b { display:block; margin-bottom:9px; color:var(--gaw-ink); font:700 11px var(--gaw-mono); letter-spacing:.09em; }
.program-index { padding:clamp(75px,9vw,125px) clamp(24px,8vw,130px); background:var(--gaw-deep); color:var(--gaw-white); }.program-index__head { display:flex; justify-content:space-between; gap:35px; align-items:end; margin-bottom:45px; }.program-index__head h1 { max-width:860px; margin:0; font:600 clamp(47px,6vw,82px)/.97 var(--gaw-serif); letter-spacing:-.055em; }.program-index__head p { max-width:350px; margin:0; color:#d7e0e5; }.program-card { display:grid; grid-template-columns:minmax(300px,1.05fr) minmax(320px,.95fr); min-height:460px; overflow:hidden; border:1px solid #ffffff2c; background:#09233b; text-decoration:none; }.program-card__image { min-height:300px; background:url('../assets/generated/dialogo-vivo-hero-gaw-20260902.png') center/cover; }.program-card__copy { display:flex; flex-direction:column; align-items:flex-start; padding:clamp(34px,5vw,70px); }.program-card__copy h2 { margin:10px 0 18px; font:600 clamp(42px,5vw,69px)/.95 var(--gaw-serif); letter-spacing:-.055em; }.program-card__copy h2 em { color:var(--gaw-gold); }.program-card__copy p:not(.eyebrow) { max-width:480px; margin:0; color:#d9e1e6; font-size:17px; }.program-card__copy .button { margin-top:auto; }
.program-detail { padding:clamp(70px,9vw,125px) clamp(24px,8vw,130px); }.breadcrumbs { margin:0 0 45px; color:var(--gaw-muted); font:700 11px var(--gaw-mono); letter-spacing:.08em; }.breadcrumbs a { color:var(--gaw-teal); }.fact-grid { display:grid; grid-template-columns:repeat(4,1fr); margin:70px 0; border-top:1px solid var(--gaw-line); border-bottom:1px solid var(--gaw-line); }.fact-grid article { min-height:155px; padding:25px 22px; border-left:1px solid var(--gaw-line); }.fact-grid article:first-child { border-left:0; }.fact-grid small { display:block; color:var(--gaw-teal); font:700 10px var(--gaw-mono); letter-spacing:.08em; }.fact-grid strong { display:block; margin-top:22px; font:600 19px/1.16 var(--gaw-sans); }
.content-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(42px,9vw,150px); margin-top:110px; }.content-grid__label { color:var(--gaw-teal); font:700 11px var(--gaw-mono); letter-spacing:.09em; }.content-grid h2 { margin:0; font:600 clamp(40px,5.3vw,68px)/.96 var(--gaw-serif); letter-spacing:-.055em; }.content-grid h2 em { color:var(--gaw-gold); }.content-grid p { max-width:720px; color:var(--gaw-muted); font-size:18px; }.benefit-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:35px 0 0; background:var(--gaw-line); border:1px solid var(--gaw-line); }.benefit-list article { min-height:210px; padding:28px; background:var(--gaw-white); }.benefit-list b { color:var(--gaw-teal); font:700 11px var(--gaw-mono); letter-spacing:.1em; }.benefit-list h3 { margin:37px 0 10px; font:600 27px/1 var(--gaw-serif); letter-spacing:-.04em; }.benefit-list p { margin:0; font-size:15px; }
.journey { margin-top:110px; padding:clamp(66px,8vw,110px); background:var(--gaw-deep); color:var(--gaw-white); }.journey__head { max-width:840px; }.journey h2 { margin:0; font:600 clamp(42px,5.5vw,72px)/.96 var(--gaw-serif); letter-spacing:-.055em; }.journey h2 em { color:var(--gaw-gold); }.journey > p { max-width:650px; color:#d5e0e6; font-size:18px; }.journey-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:60px; border-top:1px solid #ffffff38; }.journey-grid article { min-height:250px; padding:28px 22px; border-left:1px solid #ffffff27; }.journey-grid strong { color:var(--gaw-gold); font:700 25px var(--gaw-serif); }.journey-grid h3 { margin:34px 0 12px; font:600 23px/1.04 var(--gaw-serif); }.journey-grid p { color:#d9e1e6; font-size:14px; }
.topics { padding:clamp(78px,10vw,135px) clamp(24px,8vw,130px); }.topics__head { display:grid; grid-template-columns:1fr .7fr; gap:80px; align-items:end; }.topics__head h2 { margin:0; font:600 clamp(44px,5.8vw,78px)/.96 var(--gaw-serif); letter-spacing:-.055em; }.topics__head h2 em { color:var(--gaw-gold); }.topics__head p { margin:0; color:var(--gaw-muted); }.topic-list { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:55px 0 0; }.topic-list div { min-height:150px; padding:25px; border:1px solid var(--gaw-line); background:var(--gaw-white); }.topic-list small { color:var(--gaw-teal); font:700 10px var(--gaw-mono); }.topic-list b { display:block; margin-top:30px; font:600 24px/1 var(--gaw-serif); }
.configuration { display:grid; grid-template-columns:1fr 1fr; gap:0; background:#e8eee9; }.configuration > div { padding:clamp(54px,7vw,100px) clamp(24px,8vw,130px); }.configuration h2 { margin:0; font:600 clamp(40px,5vw,65px)/.97 var(--gaw-serif); letter-spacing:-.055em; }.configuration p { max-width:550px; color:var(--gaw-muted); font-size:17px; }.configuration ul { margin:28px 0 0; padding:0; list-style:none; }.configuration li { padding:14px 0; border-top:1px solid var(--gaw-line); }.configuration li::before { content:'●'; margin-right:11px; color:var(--gaw-teal); }.configuration__fixed { background:var(--gaw-teal); color:var(--gaw-white); }.configuration__fixed p { color:#eff9f8; }.configuration__fixed li { border-color:#ffffff45; }.configuration__fixed li::before { color:var(--gaw-gold); }
.program-cta { padding:clamp(85px,11vw,150px) clamp(24px,8vw,130px); background:linear-gradient(120deg,#051b30,#082b45); color:var(--gaw-white); }.program-cta h2 { max-width:920px; margin:0; font:600 clamp(48px,6.5vw,88px)/.94 var(--gaw-serif); letter-spacing:-.06em; }.program-cta h2 em { color:var(--gaw-gold); }.program-cta p { max-width:600px; margin:30px 0; color:#e1e9ed; font-size:19px; }.program-cta .button { margin-right:10px; }
.people-ledger { padding:clamp(78px,10vw,135px) clamp(24px,8vw,130px); background:var(--gaw-paper); }.people-ledger__top { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; }.people-ledger h2 { margin:0; font:600 clamp(43px,5.5vw,74px)/.96 var(--gaw-serif); letter-spacing:-.055em; }.people-ledger__top p { color:var(--gaw-muted); font-size:18px; }.partner-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:65px; border:1px solid var(--gaw-line); background:var(--gaw-line); }.partner-grid article { min-height:240px; padding:34px; background:var(--gaw-white); }.partner-grid small,.consultant-ledger__title { color:var(--gaw-teal); font:700 10px var(--gaw-mono); letter-spacing:.1em; }.partner-grid h3 { margin:48px 0 11px; font:600 34px/1 var(--gaw-serif); letter-spacing:-.04em; }.partner-grid p { margin:0; color:var(--gaw-muted); }.consultant-ledger { margin-top:75px; }.consultant-ledger__title { margin-bottom:20px; }.consultant-ledger__grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--gaw-line); }.consultant-ledger__grid article { min-height:170px; padding:25px 22px; border-right:1px solid var(--gaw-line); border-bottom:1px solid var(--gaw-line); }.consultant-ledger__grid h3 { margin:0 0 16px; font:600 23px/1.05 var(--gaw-serif); }.consultant-ledger__grid p { margin:0; color:var(--gaw-muted); font-size:14px; }
.site-footer { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:end; padding:42px clamp(24px,6vw,110px); background:#031522; color:#dae5e9; }.site-footer p { margin:10px 0 0; font-size:13px; }.site-footer nav { display:flex; gap:20px; font-size:12px; font-weight:800; }.site-footer a { color:#fff; }
@media (max-width:900px) { .site-header { grid-template-columns:1fr auto; }.site-header nav { display:none; }.program-intro__grid,.content-grid,.topics__head,.people-ledger__top { grid-template-columns:1fr; gap:35px; }.fact-grid { grid-template-columns:repeat(2,1fr); }.journey-grid { grid-template-columns:repeat(2,1fr); }.topic-list { grid-template-columns:repeat(2,1fr); }.configuration { grid-template-columns:1fr; }.consultant-ledger__grid { grid-template-columns:repeat(2,1fr); }.program-index__head { display:block; }.program-index__head p { margin-top:25px; } }
@media (max-width:560px) { body { font-size:15px; }.site-header { min-height:70px; padding-inline:20px; }.gaw-wordmark { font-size:32px; }.brand-descriptor { font-size:8px; }.header-cta { font-size:12px; }.program-hero { min-height:690px; }.program-hero img { object-position:62% center; }.program-hero::after { background:linear-gradient(180deg,#041827aa 0%,#04182737 28%,#041827e7 60%,#041827fc 100%); }.program-hero__content { width:auto; margin:0; padding:260px 24px 50px; }.program-hero h1 { font-size:66px; }.program-hero p:not(.eyebrow) { margin:22px 0; font-size:17px; }.program-hero__meta { margin-top:24px; }.fact-grid,.journey-grid,.topic-list,.partner-grid,.consultant-ledger__grid,.benefit-list { grid-template-columns:1fr; }.fact-grid article { min-height:120px; border-left:0; border-top:1px solid var(--gaw-line); }.fact-grid article:first-child { border-top:0; }.journey { margin-inline:-24px; padding-inline:24px; }.journey-grid article { min-height:0; padding:26px 0; border-left:0; border-bottom:1px solid #ffffff27; }.topics { padding-inline:24px; }.topic-list div { min-height:125px; }.site-footer { grid-template-columns:1fr; }.site-footer nav { flex-wrap:wrap; }.button { width:100%; justify-content:space-between; margin:6px 0; } }