:root{
  --ink:#082f49;--muted:#617888;--bg:#f4f8fa;--paper:#fff;--line:#dce7ed;
  --blue:#1476ce;--green:#168b55;--purple:#7643c4;--amber:#d99b18;--red:#cf4e35;
  --chart-accent:var(--blue);--page:1680px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.site-header{min-height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px max(28px,calc((100% - var(--page))/2 + 18px));position:relative;z-index:5}.header-title{min-width:0}.header-title h1{font-size:31px;line-height:1.08;margin:0 0 7px;letter-spacing:-.8px;font-weight:760}.header-title p{margin:0;color:var(--muted);font-size:15px}.header-title p span{padding:0 7px;color:#a0b0ba}.header-actions{text-align:right;flex:none}.updated{display:block;font-size:11px;font-weight:650;color:#597181;margin:0 2px 8px}.action-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.header-btn{border:1px solid #c5d6e0;background:#fff;color:#0a5178;border-radius:9px;padding:9px 14px;text-decoration:none;font-weight:700;font-size:13px}.header-btn:hover{border-color:#8fb5c8;background:#f7fbfd}.header-btn.primary{background:#073f60;border-color:#073f60;color:#fff}
.page-shell{max-width:var(--page);margin:0 auto;padding:18px 22px 34px}.section{margin-bottom:18px}.section-kicker{text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:800;color:#6d8290;margin-bottom:7px}.section h2{font-size:23px;letter-spacing:-.35px;margin:0 0 14px}
.current-section{padding:0 4px}.current-grid{display:grid;grid-template-columns:repeat(var(--count,3),minmax(0,1fr));gap:14px}.current-card{position:relative;overflow:hidden;min-height:176px;background:#fff;border-radius:14px;padding:20px 22px 18px;box-shadow:0 9px 28px rgba(15,59,82,.055)}.current-card::before{content:"";position:absolute;left:0;top:20px;width:3px;height:38px;border-radius:0 3px 3px 0;background:var(--accent)}.current-card.blue{--accent:var(--blue)}.current-card.green{--accent:var(--green)}.current-card.purple{--accent:var(--purple)}.current-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}.place-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.current-place{font-weight:780;font-size:16px}.station-context{font-size:11px;color:#6b8190;background:#f2f6f8;padding:5px 8px;border-radius:6px;white-space:nowrap}.flag{display:inline-block;width:22px;height:14px;border-radius:2px;box-shadow:0 0 0 1px #00000010;position:relative;overflow:hidden;flex:none}.flag-pe{background:linear-gradient(90deg,#d91023 0 33.33%,#fff 33.33% 66.66%,#d91023 66.66%)}.flag-br{background:#169b62}.flag-br::before{content:"";position:absolute;width:9px;height:9px;left:6px;top:2px;background:#ffdf00;transform:rotate(45deg)}.flag-br::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#2866a7;left:8px;top:4px}.current-content{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(180px,1.1fr);gap:18px;align-items:end}.current-value{font-size:38px;font-weight:760;line-height:1;color:var(--accent);letter-spacing:-.7px;margin:6px 0 8px;animation:numberIn .45s ease both}.current-status{font-size:13px;line-height:1.35;color:#294554}.current-status strong{font-size:15px;color:var(--accent)}.current-meta{font-size:10.5px;color:#738997;line-height:1.45;margin-top:9px}.current-empty{font-size:20px;line-height:1.2;font-weight:720;margin:13px 0 5px}.current-empty-note{font-size:12px;color:var(--muted);max-width:440px}.spark-public{height:72px;align-self:end}.spark-public svg{width:100%;height:100%;overflow:visible}.spark-line{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:drawLine 1s .08s ease forwards}.spark-area{fill:color-mix(in srgb,var(--accent) 8%,transparent)}
.situation-section{background:#fff;border-radius:16px;box-shadow:0 8px 26px rgba(15,59,82,.045);overflow:hidden}.situation-grid{display:grid;grid-template-columns:1.08fr .92fr}.season-side,.watch-side{padding:27px 30px 26px}.watch-side{border-left:1px solid var(--line)}.season-scale{position:relative;margin:28px 0 34px}.season-track{display:grid;grid-template-columns:22% 21% 34% 23%;height:10px;border-radius:9px;overflow:hidden}.season-seg.drought{background:linear-gradient(90deg,#cc5d2a,#e78f2b)}.season-seg.recovery{background:linear-gradient(90deg,#e2aa25,#83b55e)}.season-seg.normal{background:linear-gradient(90deg,#61ad70,#4daab0)}.season-seg.flood{background:linear-gradient(90deg,#5f9ecf,#7650be)}.season-labels{display:grid;grid-template-columns:22% 21% 34% 23%;font-size:10px;color:#617785;margin-top:7px}.season-labels span:nth-child(2),.season-labels span:nth-child(3){text-align:center}.season-labels span:last-child{text-align:right}.season-marker{position:absolute;left:var(--marker);top:-26px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #0b5075;box-shadow:0 2px 7px #0002;animation:markerSlide .6s cubic-bezier(.2,.8,.3,1) both}.season-marker::before{content:"Hoje";position:absolute;bottom:19px;left:50%;transform:translateX(-50%);background:#0b4768;color:#fff;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:800}.season-headline{font-size:24px;line-height:1.2;font-weight:760;letter-spacing:-.35px;max-width:770px}.season-support{color:#4f6a7a;font-size:14px;line-height:1.55;max-width:790px;margin:9px 0}.season-context{font-size:11px;line-height:1.45;color:#657b89;margin:13px 0 0;padding-top:11px;border-top:1px solid #edf2f5}.signal-flow{display:flex;align-items:stretch;gap:9px;margin:20px 0 15px}.signal-step{border:1px solid #d8e4ea;border-radius:12px;padding:14px 15px;min-width:0;flex:1;background:#fbfdfe}.signal-step b{display:block;font-size:12px;margin-bottom:5px}.signal-step strong{display:block;font-size:17px;line-height:1.25}.signal-step small{display:block;margin-top:6px;color:#6b8190;line-height:1.35}.signal-step.purple b,.signal-step.purple strong{color:var(--purple)}.signal-step.blue b,.signal-step.blue strong{color:var(--blue)}.signal-step.green b,.signal-step.green strong{color:var(--green)}.flow-water{align-self:center;flex:0 0 72px;width:72px;height:30px;overflow:visible}.flow-river{fill:none;stroke:#d8eef8;stroke-width:7;stroke-linecap:round}.flow-current{fill:none;stroke:#4aa9d7;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:10 8;animation:waterDash 1.05s linear infinite}.flow-arrow{fill:none;stroke:#3189b6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:arrowPulse 1.05s ease-in-out infinite}.signal-narrative{border-left:3px solid #a8d3e7;margin:16px 0 0;padding:4px 0 4px 13px;font-size:13.5px;line-height:1.55;color:#355363}.signal-narrative b{color:#0b3550}
.history-section{background:#fff;border-radius:16px;padding:25px 28px 18px;box-shadow:0 8px 26px rgba(15,59,82,.045)}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #edf2f5;padding-bottom:13px}.period-tabs,.station-tabs{display:flex;gap:6px;flex-wrap:wrap}.period,.station-tab{border:1px solid #cfdee6;background:#fff;color:#345667;border-radius:999px;padding:7px 11px;font-weight:650;font-size:11px}.period.active{background:#0b5177;color:#fff;border-color:#0b5177}.station-tab.active{color:var(--chart-accent);border-color:var(--chart-accent);background:color-mix(in srgb,var(--chart-accent) 7%,#fff)}.history-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 0 0}.cross-controls{display:flex;align-items:flex-end;gap:8px}.cross-controls label{font-size:10px;color:#607786}.cross-controls select{display:block;margin-top:4px;border:1px solid #cfdee6;background:#fff;color:#23485d;border-radius:8px;padding:6px 9px;font-size:11px;min-width:150px}.cross-controls>span{padding-bottom:7px;color:#80929d;font-weight:700}.quick-reading{font-size:13px;font-weight:650;color:#2e4d5e;text-align:right}.quick-reading .diff{color:var(--chart-accent);font-weight:800}.public-chart{position:relative;height:360px;margin-top:4px;transition:opacity .12s}.public-chart.fading{opacity:.25}.public-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e7eef2;stroke-width:1;vector-effect:non-scaling-stroke}.chart-axis-label,.chart-month{fill:#6f8390;font-size:11px}.chart-path-prev{fill:none;stroke:#8299a8;stroke-width:2.4;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.chart-path-current{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;animation:chartAppear .45s ease both}.chart-path-city{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;animation:chartAppear .45s ease both}.chart-path-city.secondary-city{animation-delay:.08s}.public-tooltip{display:none;position:absolute;z-index:8;min-width:145px;background:#0a354f;color:#fff;padding:9px 11px;border-radius:8px;font-size:11px;line-height:1.5;box-shadow:0 8px 24px #001a2b33;pointer-events:none}.chart-bottom{display:flex;justify-content:center;gap:25px;align-items:center;margin-top:-5px}.public-legend{display:flex;gap:15px}.legend-key{font-size:11px;color:#617785;display:flex;align-items:center;gap:6px}.legend-key i{width:22px;height:2px;display:block;background:#8299a8}.legend-key.prev i{height:0;border-top:2px dashed #8299a8;background:transparent}.chart-footnote{font-size:10px;color:#81919b;margin:0}.empty-public{padding:65px 20px;text-align:center;color:#718692}
.monitoring-section{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(15,59,82,.045)}.monitoring-copy{padding:25px 28px}.monitoring-copy>p{color:#5d7584;font-size:13px;line-height:1.5;margin-top:-5px}.monitor-list{margin-top:18px;border-top:1px solid #edf2f5}.monitor-item{display:grid;grid-template-columns:1.15fr 1.45fr 1.2fr;gap:10px;padding:11px 0;border-bottom:1px solid #edf2f5;font-size:11px;align-items:center}.monitor-name{font-weight:750;display:flex;align-items:center;gap:8px}.monitor-name i{width:8px;height:8px;border-radius:50%;background:var(--dot)}.monitor-role,.monitor-source{color:#607786}.river-map{min-height:265px;position:relative;background:linear-gradient(135deg,#f5f8e9,#eef5e7);overflow:hidden}.river-map>svg{position:absolute;inset:0;width:100%;height:100%}.map-river-shadow{fill:none;stroke:#fff;stroke-width:24;opacity:.8}.map-river{fill:none;stroke:url(#riverColor);stroke-width:14}.country-line{stroke:#a8b7a5;stroke-width:1.4;stroke-dasharray:5 5}.country{fill:#849587;font-size:18px;letter-spacing:4px}.geo-point{position:absolute;border:0;background:transparent;color:#173d54;font-size:11px;font-weight:750;padding:0;text-align:center}.geo-point i{display:block;width:14px;height:14px;border-radius:50%;background:var(--pin);border:3px solid #fff;box-shadow:0 1px 5px #0004;margin:auto}.geo-point.iq{left:18%;top:34%;--pin:var(--purple)}.geo-point.tb{left:54%;top:48%;--pin:var(--blue)}.geo-point.bc{left:82%;top:61%;--pin:var(--green)}.geo-point span{display:block;margin-top:3px}.map-popover{position:absolute;background:#073d5a;color:#fff;border-radius:7px;padding:8px 10px;font-size:10px;line-height:1.5;box-shadow:0 7px 20px #001c2a33;z-index:4}.site-footer{max-width:var(--page);margin:0 auto;padding:4px 23px 23px;display:flex;justify-content:space-between;gap:30px;color:#788d99;font-size:10px}.about-dialog{border:0;background:transparent;padding:0;max-width:900px;width:calc(100% - 28px)}.about-dialog::backdrop{background:#001c2d88;backdrop-filter:blur(3px)}.dialog-card{position:relative;background:#fff;border-radius:15px;padding:27px;box-shadow:0 22px 60px #001b2c55}.dialog-card h2{font-size:25px;margin:0 0 10px}.dialog-card>p{color:#536f7e;line-height:1.55}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:#eff4f6;color:#385969;border-radius:50%;width:32px;height:32px;font-size:20px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.about-grid section{background:#f7fafb;border-radius:10px;padding:14px}.about-grid h3{margin:0 0 7px;font-size:14px}.about-grid p{margin:0;font-size:12px;line-height:1.55;color:#4c6877}.dialog-note{margin-top:14px;background:#f3f7f9;padding:11px;border-radius:8px;font-size:11px;color:#5d7482}.error-banner{background:#fff0ee;border-left:4px solid #c44132;padding:18px;border-radius:8px;margin:40px auto;max-width:800px}
@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes chartAppear{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes waterDash{to{stroke-dashoffset:-36}}@keyframes arrowPulse{0%,100%{opacity:.45;transform:translateX(-2px)}50%{opacity:1;transform:translateX(2px)}}@keyframes numberIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes markerSlide{from{opacity:0;transform:translateX(-50%) scale(.7)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes flowMove{from{transform:translateX(-35px)}to{transform:translateX(35px)}}
@media(max-width:1000px){.site-header{align-items:flex-start}.header-title h1{font-size:25px}.current-grid{grid-template-columns:1fr!important}.situation-grid,.monitoring-section{grid-template-columns:1fr}.watch-side{border-left:0;border-top:1px solid var(--line)}.river-map{min-height:250px}.history-head,.history-controls{align-items:flex-start;flex-direction:column}.quick-reading{text-align:left}.public-chart{height:310px}.signal-flow{flex-wrap:wrap}.flow-water{display:none}}
@media(max-width:650px){.site-header{padding:14px 16px;display:block}.header-actions{text-align:left;margin-top:12px}.action-row{justify-content:flex-start}.page-shell{padding:15px 12px}.header-title h1{font-size:23px}.current-content{grid-template-columns:1fr}.spark-public{margin-top:10px}.season-side,.watch-side,.history-section,.monitoring-copy{padding:20px}.season-headline{font-size:20px}.signal-flow{display:grid}.monitor-item{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.site-footer{display:block;padding:0 15px 20px}.site-footer span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media print{
  @page{size:A4 landscape;margin:8mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff;font-size:10pt}.site-header{padding:0 0 8px;min-height:0}.header-actions .action-row{display:none}.page-shell{max-width:none;padding:10px 0}.section{break-inside:avoid;margin-bottom:10px}.current-card,.situation-section,.history-section,.monitoring-section{box-shadow:none!important;border:1px solid #dde6eb}.current-card{min-height:135px;padding:14px}.current-value{font-size:28px}.public-chart{height:250px}.monitoring-section{grid-template-columns:.9fr 1.1fr}.site-footer{max-width:none;padding:5px 0;font-size:8px}.about-dialog{display:none!important}.updated{font-size:9px}.section-kicker{font-size:8px}.season-side,.watch-side{padding:16px}.history-section{padding:16px}.monitoring-copy{padding:16px}}