@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700&family=Roboto:wght@400;500;700;900&display=swap');
:root{--navy:#123e61;--ink:#153f60;--blue:#007fc4;--muted:#547d9e;--border:#d8e6f0;--red:#f3353d;--amber:#f6aa21;--green:#48b454}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f1f7fb;color:var(--ink);font:16px 'Roboto Condensed',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f5ac35;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}svg{width:24px;height:24px;flex-shrink:0}.symbols{display:none}header{background:linear-gradient(110deg,#123d60,#123b5a);color:white}.header-inner{max-width:1440px;margin:auto;min-height:91px;padding:16px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:18px;align-items:center;white-space:nowrap}.brand svg{height:56px;width:56px;color:#8fd9ff}.brand strong{font:800 27px Roboto,Arial,sans-serif;display:block;letter-spacing:.7px}.brand small{display:block;font-size:17px;margin-top:3px;color:#d1e6f6}nav{display:flex;align-items:center;gap:12px}nav a,nav button{display:flex;align-items:center;gap:8px;padding:12px 10px;font-size:14px;white-space:nowrap;border:0;color:white;background:transparent;border-radius:4px}nav svg{height:18px;width:18px}nav a.active{background:#ffffff12;border-bottom:2px solid #9ed7f6}nav a:hover,nav button:hover{background:#ffffff15}.sync{display:flex;gap:10px;font-size:12px;line-height:1.6;min-width:150px}.sync svg{width:19px}.sync small,.sync strong,.sync span{display:block}.sync span{color:#c5e8ca}.hero{background:linear-gradient(90deg,#e6f4ffef 0%,#e6f4ffcc 40%,#e6f4ff20 100%),url('assets/parana.jpg') center 55%/cover;min-height:332px;border-bottom:1px solid #d7e8f2}.hero-inner{max-width:1440px;padding:30px 34px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}.hero h1{font:800 clamp(26px,2.7vw,37px)/1.18 Roboto,Arial,sans-serif;margin:0 0 16px;letter-spacing:-.9px}.hero-copy>p{font-size:23px;line-height:1.35;margin:0 0 30px}.benefits{display:flex;gap:18px}.benefits>span{display:flex;gap:10px;padding-right:18px;border-right:1px solid #adc4d3}.benefits>span:last-child{border:0;padding:0}.benefits svg{color:#0073b4}.benefits b{font-size:14px;font-weight:500}.benefits small{display:block;font-size:12px;font-weight:400;margin-top:6px}.city-tabs{display:flex;gap:7px;margin-top:22px}.city-tabs button{border:1px solid #a7cadd;border-radius:5px;padding:6px 12px;color:var(--ink);background:#ffffffa8;font-size:13px}.city-tabs button.active{background:var(--blue);border-color:var(--blue);color:white}.panel{background:#fff;border:1px solid var(--border);border-radius:8px;padding:22px;min-width:0}.current{box-shadow:0 8px 20px #163e5620;padding:24px}.current-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf2f6;padding-bottom:14px}.current h2{font-size:21px;margin:0 0 2px}.current-heading>div{flex:1}.current-heading span:not(.badge){font-size:13px}.badge{display:inline-block;border-radius:20px;color:white;padding:5px 10px;font-size:12px;white-space:nowrap;font-weight:700;background:var(--green)}.badge.red{background:var(--red)}.badge.amber{background:var(--amber);color:#553800}.badge.neutral{background:#6f8392}.reading{display:flex;align-items:center;gap:24px;margin:15px 0 4px}.reading>strong{font:800 57px/1.1 Roboto,Arial,sans-serif;letter-spacing:-2px;white-space:nowrap}.reading strong small{font-size:40px}.reading>div{font-size:21px;color:var(--red);font-weight:700;line-height:1.3}.reading>div small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.measurement{color:var(--muted);font-size:12px;margin:8px 0 14px}.gauge{height:20px;background:#e1eaf1;border-radius:12px;position:relative}.gauge>div{height:100%;width:0;border-radius:12px;background:var(--red);transition:width .5s}.gauge>span{height:28px;width:1px;position:absolute;background:var(--amber);top:0}.gauge>span:last-child{background:var(--red)}.thresholds{display:flex;justify-content:space-between;font-size:12px;margin-top:14px}.station-note{font-size:11px;color:var(--muted);margin-top:10px}main{max-width:1440px;margin:0 auto;padding:24px 34px 20px}.top-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.panel h2{display:flex;align-items:center;gap:12px;font-size:20px;margin:0;font-weight:700}.panel h2 svg{color:#116294;width:23px;height:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{font-size:21px}.periods{display:flex;border-radius:6px;overflow:hidden;background:#eaf2f9;flex-shrink:0}.periods button{border:0;color:var(--ink);font-size:12px;background:none;padding:10px 16px}.periods button.active{background:var(--blue);color:white}.chart-sub{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:20px 0 3px}.text-button{border:0;background:none;color:var(--blue);font-size:12px;padding:3px}.chart-panel #chart{min-height:280px}.chart-panel #chart>svg{width:100%;height:auto;display:block}.legend{display:flex;gap:26px;font-size:11px;margin-top:10px;flex-wrap:wrap}.legend>span{display:flex;align-items:center;gap:8px}.line{width:25px;border-top:3px solid var(--blue)}.line.dashed{border-top-style:dashed}.band{width:25px;height:12px;background:#c8e8fa;border-radius:2px}.chart-foot{font-size:11px;color:var(--muted);margin:12px 0 0}.map-panel{padding:20px 14px 12px;position:relative}.map-panel h2{margin:0 7px 15px}.map-panel #map{height:314px;border-radius:5px;background:#e5eee6;z-index:1}.map-legend{position:absolute;bottom:45px;left:23px;z-index:500;display:flex;gap:12px;padding:7px 9px;background:#fffffff2;border:1px solid #ddd;border-radius:4px;font-size:10px}.dot{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:4px}.dot.red{background:var(--red)}.dot.amber{background:var(--amber)}.dot.green{background:var(--green)}#map-reset{margin:10px 6px 0}.leaflet-tooltip{font-family:'Roboto Condensed',Arial,sans-serif;border:0;box-shadow:0 2px 8px #163b4d25;font-size:12px;padding:6px 9px;line-height:1.25}.leaflet-tooltip b{font-size:13px}.leaflet-tooltip span{color:#ab3d3d}.leaflet-control-attribution{font-size:9px!important}.bottom-grid{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:18px;margin-top:20px}.bottom-grid .panel{padding:20px}.bottom-grid h2{font-size:18px;gap:10px;margin-bottom:18px}.station-row{width:100%;text-align:left;border:0;border-bottom:1px solid #e6eef4;background:white;display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:16px 0;color:var(--ink)}.station-row:hover,.station-row.selected{background:#f3f9fe}.station-row svg{width:18px;height:21px}.station-row strong{font-size:15px}.station-row .badge{font-size:9px;padding:3px 6px;border-radius:4px;margin-left:5px}.station-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.station-row .number{text-align:right;font-weight:700;font-size:16px}.station-row .number small{font-weight:400}.small{font-size:11px;color:var(--muted);line-height:1.5}.bottom-link{font-size:12px;color:var(--blue);display:block;margin-top:18px;text-decoration:underline;text-underline-offset:3px}.subheading{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 12px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f0f6fb;font-weight:400;color:var(--muted);padding:10px 5px}td{padding:14px 5px;border-bottom:1px solid #e4edf4;font-weight:600}td small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}th:last-child,td:last-child{text-align:right}.info-note{background:#edf6fd;border:1px solid #d9eafa;border-radius:5px;font-size:12px;line-height:1.45;padding:12px;margin-top:15px}.notice{border:1px solid #f5d0d4;background:#fff1f3;border-radius:6px;padding:16px 17px;margin:0 0 14px;color:#d62430;font-size:15px}.notice p{font-size:13px;color:var(--ink);line-height:1.5;margin:8px 0}.notice small{font-size:11px;color:var(--muted);display:block;line-height:1.5}.notice.blue{border-color:#d7e8f5;background:#eef7fe;color:#006bb1}.notice.amber{background:#fff7e7;border-color:#f4dfb2;color:#8f610c}.notice.green{background:#f0f9ef;border-color:#d3e9cf;color:#307737}.report{display:flex;align-items:center;gap:13px;background:#edf6fd;border-color:#d9eafa;color:#006cb2;margin:24px 0 0}.report small{margin-top:6px}.empty{display:grid;place-content:center;min-height:150px;color:var(--muted);text-align:center;line-height:1.6;font-size:14px}.error-message,#error-banner{padding:14px;background:#fff5df;border:1px solid #ecd09b;border-radius:6px;color:#75541b;font-size:13px;margin-bottom:18px}footer{background:var(--navy);color:#c2dbee}.footer-inner{max-width:1440px;margin:auto;padding:23px 34px;display:grid;grid-template-columns:1.1fr 1fr 1.2fr auto;gap:30px;align-items:center}.footer-inner .brand{gap:13px}.footer-inner .brand svg{width:42px;height:42px}.footer-inner .brand strong{font-size:19px;color:white}.footer-inner .brand small{font-size:12px}.footer-inner>div{font-size:12px}.footer-inner>div a,.footer-inner>div small{display:block;margin-top:5px}.footer-inner p{font-size:11px;line-height:1.6;margin:0}.footer-inner button{border:1px solid #476781;color:#bdd5e5;background:none;border-radius:20px;font-size:11px;padding:5px 13px}dialog{border:1px solid var(--border);border-radius:12px;color:var(--ink);padding:30px;max-width:650px;width:90%;line-height:1.6}dialog::backdrop{background:#071f37a6}dialog a{text-decoration:underline;color:var(--blue)}.close{float:right;border:0;background:none;font-size:27px;color:var(--ink)}@media(min-width:1500px){.hero-inner{min-height:350px}}@media(max-width:1150px){.header-inner{padding:15px 24px;gap:15px}nav{gap:0}nav a,nav button{font-size:12px;padding:10px 7px}.brand strong{font-size:22px}.brand small{font-size:14px}.brand{gap:10px}.brand svg{width:44px}.sync{min-width:120px;font-size:10px}.hero-inner{gap:25px;padding:25px 24px}.hero-copy>p{font-size:20px}.benefits{gap:10px}.benefits>span{padding-right:10px}.benefits b{font-size:12px}.benefits small{font-size:11px}.reading>strong{font-size:49px}.reading>div{font-size:18px}.current{padding:20px}.current-heading h2{font-size:19px}main{padding:20px 24px}.panel-heading{flex-wrap:wrap}.map-panel #map{height:330px}.station-row{gap:5px}.station-row strong{font-size:14px}.station-row .badge{display:block;width:max-content;margin:5px 0 0}.bottom-grid .panel{padding:16px}}@media(max-width:800px){.header-inner{flex-wrap:wrap;padding:16px 18px}.header-inner nav{order:3;width:100%;justify-content:space-between}.header-inner .sync{margin-left:auto}.brand strong{font-size:21px}.brand small{font-size:12px}.brand svg{width:40px;height:40px}.hero-inner{grid-template-columns:1fr;padding:28px 18px;gap:24px}.hero h1{font-size:31px}.hero-copy>p{font-size:20px;margin-bottom:22px}.benefits{justify-content:space-between;gap:6px}.benefits>span{gap:7px;padding-right:7px}.benefits svg{width:19px}.city-tabs button{flex:1}.current{max-width:none}.reading>strong{font-size:58px}.top-grid,.bottom-grid{grid-template-columns:1fr}main{padding:18px 14px}.panel{padding:18px}.panel-heading h2{font-size:19px}.panel-heading{gap:12px}.periods button{padding:9px 16px}.map-panel #map{height:330px}.chart-panel #chart{min-height:200px}.chart-panel #chart>svg{min-height:220px}.station-row .badge{display:inline-block;margin:0 0 0 7px}.station-row strong{font-size:16px}.footer-inner{grid-template-columns:1fr 1fr;padding:22px 18px;gap:20px}.footer-inner>p{grid-column:1/-1;grid-row:2}.footer-inner>button{width:max-content}.legend{gap:16px}.bottom-grid h2{font-size:20px}.bottom-grid .panel{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.leaflet-overlay-pane svg{width:unset;height:unset}.map-legend{position:static;margin:9px 5px 0;width:max-content;max-width:100%;border-color:#e4edf4}#map-reset{display:block;margin-top:7px}
.dams-panel{margin-top:20px}.dams-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dams-heading p{font-size:14px;color:var(--muted);margin:9px 0 20px}.dam-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dam-card{border:1px solid var(--border);border-radius:7px;padding:20px;background:linear-gradient(140deg,#f5faff,white)}.dam-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.dam-title h3{font-size:24px;margin:0}.dam-tag{background:#e6f1fa;border-radius:20px;padding:5px 10px;font-size:11px;color:var(--muted)}.dam-label{font-size:13px;color:var(--muted);margin-top:18px}.dam-flow{margin:5px 0 10px}.dam-flow strong{font:700 38px Roboto,Arial,sans-serif;letter-spacing:-1px}.dam-flow span{font-size:18px;color:var(--muted)}.dam-trend{font-size:13px;color:#23799f}.gate-status{border-top:1px solid var(--border);padding-top:15px;margin-top:15px;font-size:14px}.gate-status>*{display:block;line-height:1.5}.gate-status span{margin-top:6px}.gate-status small{font-size:11px;color:var(--muted);margin-top:5px}.dam-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px;font-size:12px;color:var(--blue)}.dam-links a{text-decoration:underline;text-underline-offset:3px}.dam-explanation{margin-top:20px;padding:17px 20px;background:#edf6fc;border-radius:6px}.dam-explanation p{font-size:13px;line-height:1.6;margin:7px 0}.dam-explanation small{font-size:11px;color:var(--muted)}@media(max-width:1200px){nav{gap:0}nav a,nav button{font-size:12px;padding:10px 6px}}@media(max-width:800px){.dam-grid{grid-template-columns:1fr}.dams-heading{align-items:flex-start}.dam-title h3{font-size:23px}.header-inner nav{overflow-x:auto;justify-content:flex-start;gap:12px}.dam-flow strong{font-size:34px}}
.footer-contact a{color:#fff;font-size:15px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.footer-contact button{margin-top:10px}
.gate-current{font-size:17px;font-weight:700;color:#14618c}.gate-warning{color:#855b12!important;background:#fff8e8;padding:8px;border-radius:5px}.gate-history{margin:12px 0;border-top:1px solid #d8e6f0;padding-top:12px}.gate-history summary{cursor:pointer;font-weight:700}.gate-history ol{padding-left:20px;margin:12px 0}.gate-history li{margin:10px 0}.gate-history small{display:block;margin-top:5px}.gate-status>a{color:#007fc4;font-size:13px;text-decoration:underline}