:root{
  --navy:#062b46;--navy2:#0a3b5c;--blue:#1593d2;--blue2:#49b7e8;--ice:#eaf6fc;
  --ink:#092b45;--muted:#637480;--line:#dce5ea;--soft:#f6f8f8;--cream:#fbfaf6;
  --gold:#e7aa27;--green:#54a954;--orange:#e5a33e;--red:#dc665e;--purple:#8066c5;
  --shadow:0 10px 28px rgba(6,43,70,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:white;line-height:1.55}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1280px,calc(100% - 48px));margin:auto}
.section{padding:52px 0}
.section-kicker{display:block;color:#158ac2;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}
.section h2{font-size:28px;line-height:1.1;margin:0 0 13px;letter-spacing:-.035em}
.section p{color:var(--muted)}
.site-header{height:70px;background:var(--navy);color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 5px 20px rgba(0,0,0,.1)}
.nav-shell{width:min(1380px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:30px}
.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.02em;white-space:nowrap}
.brand img,.footer-brand img{width:38px;height:38px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:750;flex:1}
.main-nav a{opacity:.87;padding:25px 0;position:relative}
.main-nav a:hover,.main-nav .active{opacity:1}
.main-nav .active:after{content:"";position:absolute;bottom:11px;left:0;right:0;height:3px;border-radius:5px;background:#43b4e8}
.nav-cta{background:#3aaee2;padding:10px 17px;border-radius:7px;font-size:12px;font-weight:850}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;margin-left:auto}

.hero{min-height:390px;position:relative;overflow:hidden;color:#fff;background:#0a3a59}
.hero-image{position:absolute;inset:0;background:url('../img/water-hero.svg') center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,38,63,.98) 0%,rgba(4,38,63,.86) 42%,rgba(4,38,63,.27) 74%,rgba(4,38,63,.12) 100%)}
.hero-content{position:relative;z-index:2;padding-top:34px;padding-bottom:34px}
.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:10px;opacity:.78;margin-bottom:25px}
.hero-title-row{display:flex;align-items:center;gap:22px}
.water-mark{width:74px;height:74px;border-radius:50%;background:white;color:#169bdb;display:flex;align-items:center;justify-content:center;font-size:37px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:900;margin:0 0 3px;opacity:.8}
.hero h1{font-size:57px;line-height:.95;margin:0 0 8px;letter-spacing:-.04em}
.hero h2{font-size:18px;margin:0;font-weight:750}
.hero-copy{max-width:720px;color:#edf6fa!important;font-size:15px;margin:22px 0 17px;line-height:1.55}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{padding:6px 12px;border-radius:6px;background:rgba(12,89,136,.76);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:750}

.priority{background:#fff}
.priority-grid{display:grid;grid-template-columns:.8fr 2fr;gap:58px;align-items:center}
.section-intro h2{font-size:29px;text-transform:uppercase}
.section-intro p{font-size:13px;line-height:1.7}
.factor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.factor-card{background:linear-gradient(180deg,#fafafa,#f5f7f7);border:1px solid #eef1f2;border-radius:11px;padding:20px;min-height:185px}
.factor-icon{font-size:31px;color:#198fc7;margin-bottom:16px}
.factor-card h3{font-size:14px;margin:0 0 9px}
.factor-card p{font-size:11px;line-height:1.55;margin:0}

.current{background:linear-gradient(180deg,#f9fbfc,#fff)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px}
.section-heading p{font-size:12px;margin:0}.updated{font-size:10px;color:#71838d;background:#eef4f7;border-radius:20px;padding:6px 10px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-card{border:1px solid #dce5e9;border-radius:13px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.project-visual{height:128px;position:relative;background-size:cover;background-position:center}
.project-visual.desaladora{background-image:url('../img/desaladora.svg')}
.project-visual.sanluquena{background-image:url('../img/sanluquena.svg')}
.project-visual.mig{background-image:url('../img/mig.svg')}
.status{position:absolute;top:10px;right:10px;color:white;padding:5px 9px;border-radius:4px;font-size:9px;font-weight:800}.status-build{background:#158ec7}.status-start{background:#349fbc}.status-run{background:#147fb1}
.project-body{padding:18px 19px 16px}.project-body h3{font-size:17px;margin:0 0 14px}
.project-body dl{margin:0}.project-body dl div{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;border-bottom:1px solid #edf1f3;padding:6px 0;font-size:10px}.project-body dt{color:#68808e}.project-body dd{margin:0;font-weight:800}
.project-note{margin-top:12px;background:#eaf5fb;border-radius:7px;padding:10px 11px;font-size:10px;line-height:1.45;color:#31566d}
.source-link{display:inline-block;margin-top:12px;font-size:10px;font-weight:850;color:#0a84bd}
.baseline{margin-top:18px;border:1px solid #dbe8ef;background:#f1f8fb;border-radius:10px;padding:13px 16px;display:flex;gap:14px;align-items:flex-start}
.baseline-icon{width:33px;height:33px;border-radius:50%;background:#fff;color:#148bc2;display:flex;align-items:center;justify-content:center;flex:none;font-weight:900}
.baseline strong{font-size:12px}.baseline p{font-size:10px;margin:2px 0 0}

.analysis-band{padding-top:25px;background:#fff}
.analysis-grid{display:grid;grid-template-columns:1.2fr 1.15fr 1fr;gap:28px}
.challenge-panel,.vision-panel,.future-panel{min-width:0}
.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.challenge{border:1px solid #e4e9ec;border-radius:8px;padding:11px 7px;text-align:center;background:#fff;min-height:94px;display:flex;flex-direction:column;justify-content:center;gap:6px}.challenge span{font-size:22px}.challenge strong{font-size:9px;line-height:1.25}
.vision-panel{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 28px}.vision-panel p{font-size:11px;line-height:1.6}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.principles span{text-align:center;font-size:10px;font-weight:800;color:#147eae}
.future-panel h2{font-size:20px}.scenario{display:flex;gap:9px;align-items:flex-start;margin:0 0 10px}.scenario-dot{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-weight:900;background:#fff;border:2px solid currentColor}.scenario strong{font-size:10px}.scenario p{font-size:9px;margin:1px 0 0;line-height:1.35}.favorable{color:var(--green)}.trend{color:var(--orange)}.critical{color:var(--red)}.scenario div p{color:#6d7e88}.future-note{font-size:9px!important;border-top:1px solid #edf0f1;padding-top:10px}
.plan-message{margin-top:24px;background:#eaf5fb;border-radius:9px;padding:14px 18px;display:flex;align-items:center;gap:15px}.plan-message span{font-size:29px}.plan-message strong{font-size:12px}.plan-message p{font-size:10px;margin:2px 0 0}

.strategies{background:#fbfcfc}
.strategy-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.strategy-grid article{background:#fff;border:1px solid #edf0f1;border-radius:10px;padding:17px;min-height:205px;position:relative}.num{color:#1ba2df;font-size:24px;font-weight:300}.strategy-icon{font-size:29px;margin:8px 0 12px}.strategy-grid h3{font-size:13px;line-height:1.2;margin:0 0 9px}.strategy-grid p{font-size:10px;line-height:1.5;margin:0}

.planning{background:#fff;padding-top:25px}
.three-column{display:grid;grid-template-columns:1.05fr .95fr 1.35fr;gap:18px}
.proposal-panel,.priority-panel,.indicator-panel{border:1px solid #ebeff1;border-radius:10px;background:#fbfcfc;padding:18px}.three-column h2{font-size:18px}
.proposal-list{display:flex;flex-direction:column}.proposal-list a{display:grid;grid-template-columns:105px 1fr 15px;gap:8px;padding:8px 0;border-bottom:1px solid #e9eef0;align-items:center}.proposal-list span{font-size:8px;color:#168dbf}.proposal-list strong{font-size:9px}.proposal-list b{color:#168dbf}
.priority-list{list-style:none;padding:0;margin:0}.priority-list li{display:flex;align-items:center;gap:10px;font-size:10px;margin:9px 0}.priority-list span{width:26px;height:26px;border-radius:50%;background:#2dabe2;color:white;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}
.indicator-note{font-size:9px;margin-top:-5px}.indicator-table{font-size:9px}.indicator-table>div{display:grid;grid-template-columns:1.6fr 1fr .55fr .55fr;gap:7px;border-bottom:1px solid #e5ebee;padding:7px 0;align-items:center}.indicator-table .thead{font-weight:850;color:#536875}.indicator-table em{font-style:normal;color:#178fbd;font-size:8px}

.roadmap{background:#fff;padding-top:20px}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px;border-radius:12px;background:#f2f5f6;overflow:hidden}
.phase{padding:21px 30px;position:relative;min-height:190px}.phase:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:currentColor}.phase-year{font-size:19px;font-weight:850}.phase h3{font-size:14px;margin:2px 0 13px}.phase ul{margin:0;padding-left:17px;color:#59707e;font-size:10px;line-height:1.65}.phase-green{color:#6cac47}.phase-blue{color:#329fd0}.phase-purple{color:#8768c8}.phase ul{color:#5c7180}

.connections{background:#f8fafb;padding-top:25px}
.bottom-grid{display:grid;grid-template-columns:.85fr 1.45fr;gap:22px}
.connected-card,.participation-card{background:#fff;border:1px solid #e5ebee;border-radius:11px;padding:21px}.bottom-grid h2{font-size:19px}.bottom-grid p{font-size:10px;margin-top:-4px}
.axis-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.axis-links span{text-align:center;font-size:22px}.axis-links b{display:block;font-size:8px;margin-top:5px}
.participation-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.participation-options a{border:1px solid #e4e9ec;border-radius:9px;padding:13px;display:flex;gap:11px;align-items:center}.participation-options span{font-size:25px}.participation-options strong{font-size:11px;color:#138dc4;display:block}.participation-options small{font-size:9px;color:#6f818c}

.sources{background:#fff}
.sources-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:50px}.sources-grid p{font-size:11px}
.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.source-list a{border:1px solid #e2e8eb;border-radius:8px;padding:11px 13px}.source-list strong{display:block;font-size:10px}.source-list span{font-size:9px;color:#168abb}

.site-footer{background:var(--navy);color:#fff;padding:24px 0}
.footer-content{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-copy{display:flex;flex-direction:column;text-align:center;font-size:10px;color:#cfe0e8}.footer-copy strong{font-size:11px;color:#fff}.footer-cta{background:#2ba8df;padding:9px 17px;border-radius:7px;font-size:11px;font-weight:850}

@media(max-width:1050px){
  .main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:18px 24px;flex-direction:column;align-items:flex-start;gap:0}.main-nav.open{display:flex}.main-nav a{padding:10px 0}.main-nav .active:after{display:none}.menu-toggle{display:block}.nav-cta{display:none}
  .priority-grid,.analysis-grid,.sources-grid{grid-template-columns:1fr}.vision-panel{border:0;padding:0}.factor-grid{grid-template-columns:repeat(2,1fr)}
  .project-grid{grid-template-columns:1fr}.strategy-grid{grid-template-columns:repeat(3,1fr)}.three-column{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .container,.nav-shell{width:min(100% - 28px,1280px)}.section{padding:40px 0}
  .hero{min-height:480px}.hero-overlay{background:linear-gradient(180deg,rgba(4,38,63,.95),rgba(4,38,63,.72))}.hero-title-row{align-items:flex-start}.water-mark{width:58px;height:58px;font-size:28px}.hero h1{font-size:42px}.hero h2{font-size:15px}.hero-copy{font-size:13px}
  .priority-grid{gap:28px}.factor-grid{grid-template-columns:1fr 1fr}.project-body dl div{grid-template-columns:1fr 1fr}
  .challenge-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:repeat(2,1fr)}.strategy-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr}.participation-options{grid-template-columns:1fr}.source-list{grid-template-columns:1fr}.axis-links{grid-template-columns:repeat(3,1fr)}
  .footer-content{flex-direction:column}.footer-copy{text-align:center}
}
@media(max-width:430px){
  .factor-grid,.strategy-grid{grid-template-columns:1fr}.hero-title-row{gap:12px}.hero h1{font-size:36px}.water-mark{width:48px;height:48px;font-size:23px}.section-heading{align-items:flex-start;flex-direction:column}.updated{align-self:flex-start}
}