:root{
  --navy-950:#061923;
  --navy-900:#082633;
  --navy-800:#0d3441;
  --river-700:#0d6470;
  --river-600:#147987;
  --river-100:#dceff0;
  --lime:#69e65b;
  --lime-dark:#2c8b34;
  --gold:#d6a548;
  --clay:#b76543;
  --cream:#f7f3ea;
  --canvas:#edf1ee;
  --paper:#fffdfa;
  --ink:#142e36;
  --muted:#64777b;
  --line:#d7dfdc;
  --line-dark:rgba(8,38,51,.16);
  --green:#167451;
  --green-soft:#e5f4ec;
  --yellow:#88600b;
  --yellow-soft:#fff2cd;
  --orange:#bd5c2b;
  --orange-soft:#fff0e7;
  --red:#ad3337;
  --red-soft:#fdebed;
  --black:#11181d;
  --shadow:0 18px 50px rgba(6,25,35,.10);
  --shadow-soft:0 10px 30px rgba(6,25,35,.07);
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
  --page:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:17px}
body{
  margin:0;
  padding:0 0 96px;
  color:var(--ink);
  background:
    radial-gradient(circle at 0 10%,rgba(20,121,135,.10),transparent 30rem),
    radial-gradient(circle at 100% 30%,rgba(105,230,91,.08),transparent 28rem),
    linear-gradient(180deg,#e5ece9 0,#f5f5f0 42rem,var(--canvas) 100%);
  font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  opacity:.24;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(8,38,51,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,38,51,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);
}
img{max-width:100%}
button,a,summary{font:inherit}
a{color:inherit}
button,summary,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{
  outline:3px solid rgba(105,230,91,.72);
  outline-offset:3px;
}
[hidden]{display:none!important}

/* Cabeçalho editorial */
.site-header{
  position:relative;
  min-height:720px;
  overflow:hidden;
  color:white;
  background:var(--navy-950);
  isolation:isolate;
}
.header-visual{position:absolute;z-index:-3;inset:0}
.header-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
  filter:saturate(.82) contrast(1.08) brightness(.88);
  transform:scale(1.015);
}
.lighthouse-beacon{
  position:absolute;
  z-index:-1;
  left:14.1%;
  top:16.5%;
  width:0;
  height:0;
  pointer-events:none;
  transform-origin:0 0;
  animation:lighthouseRotate360 14s linear infinite;
  will-change:transform;
}
.lighthouse-beacon:after{
  content:"";
  position:absolute;
  left:2px;
  top:-40px;
  width:min(38vw,610px);
  height:80px;
  opacity:.13;
  clip-path:polygon(0 46%,100% 12%,100% 88%,0 54%);
  background:linear-gradient(90deg,rgba(255,243,186,.28),rgba(255,229,143,.09) 48%,rgba(255,222,119,0));
  filter:blur(3.5px);
  transform:rotate(180deg);
  transform-origin:0 50%;
}
.lighthouse-glow{
  position:absolute;
  left:-18px;
  top:-18px;
  width:36px;
  height:36px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,251,214,.98) 0 12%,rgba(255,224,121,.78) 22%,rgba(255,210,92,.22) 52%,transparent 72%);
  box-shadow:0 0 22px rgba(255,218,105,.72),0 0 54px rgba(255,202,75,.42);
  animation:lighthousePulse 3.6s ease-in-out infinite;
}
.lighthouse-beam{
  position:absolute;
  left:2px;
  top:-52px;
  width:min(52vw,820px);
  height:104px;
  opacity:.52;
  clip-path:polygon(0 45%,100% 4%,100% 96%,0 55%);
  background:linear-gradient(90deg,rgba(255,244,190,.36),rgba(255,231,149,.15) 46%,rgba(255,222,119,0));
  filter:blur(2.2px);
  transform-origin:0 50%;
  animation:lighthouseBeamBreathe 3.2s ease-in-out infinite;
}
@keyframes lighthouseRotate360{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes lighthouseBeamBreathe{
  0%,100%{opacity:.30;filter:blur(3px)}
  50%{opacity:.62;filter:blur(1.8px)}
}
@keyframes lighthousePulse{
  0%,100%{transform:scale(.88);opacity:.72}
  50%{transform:scale(1.12);opacity:1}
}
.site-header:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,21,30,.98) 0%,rgba(4,21,30,.93) 31%,rgba(4,21,30,.62) 58%,rgba(4,21,30,.12) 100%),
    linear-gradient(180deg,rgba(4,21,30,.10) 45%,rgba(4,21,30,.82) 100%);
}
.site-header:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-7%;
  bottom:-48%;
  width:75%;
  aspect-ratio:1.45;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  box-shadow:
    0 -38px 0 rgba(20,121,135,.08),
    0 -76px 0 rgba(20,121,135,.05);
  transform:rotate(5deg);
  pointer-events:none;
}
.header-inner{
  width:min(var(--page),calc(100% - 48px));
  min-height:720px;
  margin:0 auto;
  padding:26px 0 86px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  grid-template-rows:auto auto 1fr auto;
  column-gap:56px;
}
.masthead-top{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
}
.identity{display:flex;align-items:center;gap:13px}
.identity-logo{
  width:102px;
  height:70px;
  object-fit:contain;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.88))
    drop-shadow(0 8px 18px rgba(0,0,0,.32));
}
.identity-copy{display:grid;align-content:center}
.identity-copy p{margin:0}
.institution{
  color:var(--lime);
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.identity-copy strong{
  margin-top:2px;
  color:white;
  font-size:1.04rem;
  line-height:1.2;
  letter-spacing:-.01em;
}
.identity-copy span{
  margin-top:2px;
  color:#bdd0d5;
  font-size:.68rem;
  letter-spacing:.02em;
}
.header-actions{
  display:flex;
  flex:0 1 540px;
  align-items:flex-start;
  justify-content:flex-end;
  gap:12px;
}
.language-switcher{
  display:flex;
  gap:4px;
  padding:5px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(4,21,30,.66);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(16px);
}
.language-switcher button{
  min-width:52px;
  min-height:42px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:0;
  border-radius:999px;
  color:#d7e4e7;
  background:transparent;
  cursor:pointer;
  font-size:.72rem;
  font-weight:850;
}
.language-switcher button:hover,
.language-switcher button.active,
.language-switcher button[aria-pressed="true"]{
  color:var(--navy-950);
  background:white;
}
.language-flag{font-size:1.06rem}
.language-code{letter-spacing:.06em}
.header-status{
  min-width:245px;
  padding:13px 15px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:3px 10px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:16px;
  background:rgba(4,21,30,.70);
  box-shadow:0 14px 34px rgba(0,0,0,.14);
  backdrop-filter:blur(18px);
}
.header-status>small{
  color:#b8cbd0;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.header-status>strong{
  justify-self:end;
  color:var(--lime);
  font-size:.82rem;
  letter-spacing:.08em;
}
.engine-pill{
  grid-column:1/-1;
  width:max-content;
  max-width:100%;
  margin-top:4px;
  padding:4px 8px;
  border-radius:999px;
  color:#dce8ea;
  background:rgba(255,255,255,.09);
  font-size:.66rem;
  font-weight:800;
}
.engine-pill.ok{color:#d8ffd2;background:rgba(105,230,91,.14)}
.engine-pill.warn{color:#ffe8ab;background:rgba(214,165,72,.16)}
.engine-pill.error{color:#ffd6d8;background:rgba(173,51,55,.25)}
.refresh-feedback{
  grid-column:1/-1;
  color:#b8cbd0;
  font-size:.64rem;
  line-height:1.4;
}
.refresh-feedback.ok{color:#c9fbc2}
.refresh-feedback.error{color:#ffd0d2}
.refresh-explain{grid-column:1/-1;color:#d7e4e7;font-size:.66rem}
.refresh-explain summary{width:max-content;max-width:100%;cursor:pointer;color:#d7e4e7;font-weight:800}
.refresh-explain p{margin:8px 0 0;color:#b8cbd0;line-height:1.5}
.quick-nav{
  grid-column:1/-1;
  margin-top:21px;
  padding:7px;
  display:flex;
  align-items:center;
  gap:3px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(4,21,30,.48);
  backdrop-filter:blur(14px);
}
.quick-nav a{
  padding:8px 14px;
  border-radius:999px;
  color:#d2e0e3;
  font-size:.72rem;
  font-weight:800;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.quick-nav a:hover{color:var(--navy-950);background:white;transform:translateY(-1px)}
.official-domain{
  margin-left:5px;
  padding:8px 14px;
  border-radius:999px;
  color:var(--lime);
  background:rgba(105,230,91,.11);
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.04em;
}
.desktop-pulse{
  grid-column:1/-1;
  grid-row:3;
  align-self:start;
  width:min(100%,980px);
  margin-top:18px;
  padding:13px 15px;
  display:grid;
  grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,.72fr));
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:18px;
  color:white;
  background:linear-gradient(135deg,rgba(18,41,51,.94),rgba(51,78,87,.84));
  box-shadow:0 16px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}
.desktop-pulse.go{background:linear-gradient(135deg,rgba(12,92,63,.96),rgba(19,116,80,.86))}
.desktop-pulse.wait{background:linear-gradient(135deg,rgba(111,78,9,.96),rgba(153,110,17,.86))}
.desktop-pulse.stop{background:linear-gradient(135deg,rgba(127,28,35,.97),rgba(174,47,57,.88))}
.desktop-pulse.flood{background:linear-gradient(135deg,rgba(8,15,20,.98),rgba(28,38,44,.94))}
.desktop-pulse>div,.desktop-pulse>span{min-width:0}
.desktop-pulse>span{
  padding-left:11px;
  border-left:1px solid rgba(255,255,255,.16);
}
.desktop-pulse small{
  display:block;
  color:rgba(255,255,255,.66);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}
.desktop-pulse strong{
  display:block;
  margin-top:3px;
  font-size:1.03rem;
  line-height:1.16;
}
.desktop-pulse b{
  display:block;
  margin-top:4px;
  color:white;
  font-size:.78rem;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.mobile-pulse{display:none}
.masthead-copy{
  grid-column:1;
  grid-row:3;
  align-self:end;
  max-width:760px;
  padding:56px 0 18px;
}
.masthead-copy small{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--lime);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.masthead-copy small:before{
  content:"";
  width:34px;
  height:2px;
  background:var(--lime);
}
.masthead-copy h1{
  max-width:760px;
  margin:16px 0 0;
  color:#fffaf0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(4rem,7.9vw,7.3rem);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.065em;
  text-wrap:balance;
  text-shadow:0 14px 42px rgba(0,0,0,.26);
}
.masthead-copy p{
  margin:25px 0 0;
  color:#fff1cb;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.2rem,2vw,1.65rem);
  font-style:italic;
  line-height:1.25;
}
.masthead-copy>span{
  display:block;
  max-width:610px;
  margin-top:12px;
  color:#c4d4d7;
  font-size:.88rem;
  line-height:1.65;
}
.masthead-wisdom{
  grid-column:2;
  grid-row:3/5;
  align-self:end;
  margin-bottom:12px;
  padding:13px;
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:15px;
  align-items:center;
  border:1px solid rgba(255,228,162,.30);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(4,21,30,.78),rgba(4,21,30,.56));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}
.masthead-wisdom picture,.masthead-wisdom img{
  display:block;
  width:88px;
  height:88px;
}
.masthead-wisdom img{
  object-fit:cover;
  border:1px solid rgba(255,228,162,.48);
  border-radius:17px;
  animation:canoeFloat 5s ease-in-out infinite;
}
.masthead-wisdom small{
  display:block;
  color:#efd493;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.masthead-wisdom q{
  display:block;
  margin-top:6px;
  color:white;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.04rem;
  line-height:1.4;
}

/* Estrutura */
.shell{
  position:relative;
  z-index:2;
  width:min(var(--page),calc(100% - 48px));
  margin:-63px auto 0;
}
.shell main{display:grid;gap:22px}
.freshness{
  min-height:54px;
  margin-bottom:16px;
  padding:13px 18px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--line-dark);
  border-radius:16px;
  color:var(--navy-900);
  background:rgba(255,253,250,.95);
  box-shadow:var(--shadow-soft);
  font-size:.8rem;
  font-weight:800;
  backdrop-filter:blur(16px);
}
.freshness:before{
  content:"";
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 6px rgba(214,165,72,.15);
}
.freshness.ok:before{background:var(--green);box-shadow:0 0 0 6px rgba(22,116,81,.13)}
.freshness.warn:before{background:var(--gold)}
.freshness.error:before{background:var(--red);box-shadow:0 0 0 6px rgba(173,51,55,.13)}
.conditional-guidance{
  margin:0 0 18px;
  padding:20px 22px;
  border:1px solid #e3bd70;
  border-radius:18px;
  background:linear-gradient(135deg,#fff8e7,#fffdf8);
  box-shadow:var(--shadow-soft);
}
.conditional-guidance-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.conditional-guidance-head small{
  display:block;
  color:#88600b;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.conditional-guidance-head strong{display:block;margin-top:6px;color:var(--navy-900);font-size:1.15rem}
.conditional-guidance-head>span{
  padding:7px 10px;
  border-radius:999px;
  color:#694b0c;
  background:#f4dfaa;
  font-size:.72rem;
  font-weight:900;
}
.conditional-guidance>p{margin:15px 0 0;color:var(--navy-900);font-size:1.02rem;font-weight:850}
.conditional-guidance-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.82rem}
.conditional-guidance em{display:block;margin-top:10px;color:#72591e;font-size:.78rem;line-height:1.55}
.panel{
  min-width:0;
  border:1px solid rgba(8,38,51,.11);
  border-radius:var(--radius-xl);
  background:rgba(255,253,250,.96);
  box-shadow:var(--shadow);
}

/* Leitura essencial: primeiro o que qualquer pessoa precisa entender */
.kid-dashboard{--kid-accent:var(--river-600);display:grid;gap:18px}
.kid-decision,.kid-now-card,.kid-crossing,.kid-next,.kid-wave,.kid-safety-note,.technical-portal{
  border:1px solid rgba(8,38,51,.10);
  box-shadow:var(--shadow-soft);
}
.kid-decision{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-height:190px;
  padding:30px 34px;
  overflow:hidden;
  color:white;
  border-radius:30px;
  background:radial-gradient(circle at 92% 20%,rgba(255,255,255,.19),transparent 18rem),linear-gradient(135deg,var(--kid-accent),var(--navy-900));
}
.kid-decision:after{content:"";position:absolute;right:-55px;bottom:-78px;width:230px;height:230px;border:28px solid rgba(255,255,255,.08);border-radius:50%}
.kid-decision.go{--kid-accent:#167451}
.kid-decision.wait{--kid-accent:#8a640e}
.kid-decision.stop{--kid-accent:#a92f38}
.kid-decision.flood{--kid-accent:#121a20}
.kid-decision.checking{--kid-accent:#4b6871}
.kid-status-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:104px;
  aspect-ratio:1;
  border:3px solid rgba(255,255,255,.42);
  border-radius:50%;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 30px rgba(255,255,255,.12);
  font-size:3.7rem;
  font-weight:900;
  line-height:1;
}
.kid-decision-copy{position:relative;z-index:1;min-width:0}
.kid-decision .section-label{color:rgba(255,255,255,.74)}
.kid-decision h2{margin:4px 0 2px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em}
.kid-decision p{margin:8px 0 0;font-size:1.1rem}
.kid-freshness{
  position:relative;
  z-index:1;
  align-self:start;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(6,25,35,.28);
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}
.kid-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kid-now-card{display:flex;align-items:center;gap:22px;min-height:155px;padding:25px 28px;border-radius:26px;background:rgba(255,253,250,.96)}
.kid-now-card.level{background:linear-gradient(145deg,#fff,#e8f5f4)}
.kid-now-card.movement.rising{background:linear-gradient(145deg,#fff,#fff1dd)}
.kid-now-card.movement.falling{background:linear-gradient(145deg,#fff,#e4f1fa)}
.kid-card-icon{
  display:grid;
  place-items:center;
  width:80px;
  min-width:80px;
  height:80px;
  border-radius:23px;
  background:var(--river-100);
  color:var(--river-700);
  font-size:2.7rem;
  font-weight:950;
}
.kid-now-card.movement.rising .kid-card-icon{color:var(--orange);background:var(--orange-soft)}
.kid-now-card.movement.falling .kid-card-icon{color:#256aa3;background:#e4f1fa}
.kid-now-card small,.kid-service small,.kid-horizons small,.kid-peak small{display:block;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.kid-now-card strong{display:block;margin:2px 0;font-size:clamp(2.1rem,4vw,3.55rem);line-height:1;letter-spacing:-.05em}
.kid-now-card span:last-child{color:var(--muted);font-size:.88rem}
.kid-crossing{padding:28px;border-radius:28px;background:var(--paper)}
.kid-section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}
.kid-section-head h2,.kid-next h2,.kid-wave h2{margin:3px 0 0;font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.04em}
.kid-mini-rule{padding:7px 11px;border-radius:999px;color:var(--river-700);background:var(--river-100);font-size:.74rem;font-weight:850}
.kid-crossing-context{
  margin:-3px 0 16px;
  padding:13px 15px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 18px;
  border:1px solid #c7dcd8;
  border-radius:16px;
  background:#eef7f4;
}
.kid-crossing-context>span{color:var(--muted);font-size:.78rem}
.kid-crossing-context>strong{grid-row:1/3;grid-column:2;align-self:center;color:var(--river-700);font-size:.88rem;text-align:right}
.kid-crossing-context>small{color:#536b70;font-size:.72rem}
.kid-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.kid-service{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:12px;
  min-height:176px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#f8faf8;
}
.kid-service>span{font-size:2.2rem}
.kid-service-copy{min-width:0}
.kid-service-copy>small{margin-bottom:7px}
.kid-service-now{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kid-service-now em,.kid-service-next em{color:var(--muted);font-size:.65rem;font-style:normal;font-weight:900;text-transform:uppercase}
.kid-service-now b{font-size:1.08rem;line-height:1.15;text-align:right}
.kid-service.yes{border-color:rgba(22,116,81,.25);background:var(--green-soft)}
.kid-service.yes .kid-service-now b{color:var(--green)}
.kid-service.no{border-color:rgba(173,51,55,.25);background:var(--red-soft)}
.kid-service.no .kid-service-now b{color:var(--red)}
.kid-service.waiting{background:#f0f3f2}
.kid-service-next{
  margin-top:11px;
  padding-top:10px;
  display:grid;
  gap:3px;
  border-top:1px solid rgba(8,38,51,.12);
}
.kid-service-next b{font-size:1rem;line-height:1.2}
.kid-service-next i{color:var(--muted);font-size:.68rem;font-style:normal;line-height:1.4}
.kid-service-next.apt b{color:var(--green)}
.kid-service-next.blocked b{color:var(--red)}
.kid-service-next.partial b{color:#9b6710}
.kid-service-next.conditional b{color:#60747a}
.kid-crossing-note{margin:14px 2px 0;color:var(--muted);font-size:.86rem}
.kid-next{
  display:grid;
  grid-template-columns:minmax(250px,.78fr) 1.5fr;
  gap:24px;
  align-items:center;
  padding:29px;
  border-radius:28px;
  color:white;
  background:linear-gradient(135deg,var(--navy-900),var(--river-700));
}
.kid-next .section-label{color:rgba(255,255,255,.65)}
.kid-next-copy p:last-child{margin:10px 0 0;color:rgba(255,255,255,.76)}
.kid-horizons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kid-horizons article{position:relative;min-height:110px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(255,255,255,.09)}
.kid-horizons small{color:rgba(255,255,255,.62)}
.kid-horizons b{display:block;margin-top:8px;font-size:2rem;line-height:1}
.kid-horizons span{position:absolute;right:13px;bottom:9px;color:var(--lime);font-size:1.4rem;font-weight:900}
.kid-wave{
  display:grid;
  grid-template-columns:1.05fr 1.2fr auto;
  align-items:center;
  gap:25px;
  padding:28px;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(145deg,#fffdf8,#f0f6f4);
}
.kid-river-route{display:flex;align-items:center;justify-content:center;gap:9px;min-height:115px;padding:18px;border-radius:22px;color:white;background:radial-gradient(circle at 30% 20%,rgba(105,230,91,.18),transparent 7rem),linear-gradient(135deg,var(--navy-900),var(--river-600))}
.kid-river-route span{font-size:.83rem;font-weight:900}
.kid-river-route i{color:var(--lime);font-size:2rem;font-style:normal}
.kid-wave-copy p:last-child{margin:10px 0 0;color:var(--muted)}
.kid-peak{min-width:205px;padding:18px;border-left:1px solid var(--line)}
.kid-peak b{display:block;margin:5px 0;color:var(--river-700);font-size:3rem;line-height:1;letter-spacing:-.05em}
.kid-peak span{display:block;color:var(--muted);font-size:.82rem}
.kid-safety-note{display:flex;align-items:center;gap:14px;padding:17px 22px;border-radius:20px;background:#fff7df}
.kid-safety-note>span{font-size:2rem}
.kid-safety-note p{margin:0}
.technical-portal{overflow:hidden;border-radius:28px;background:rgba(255,253,250,.9)}
.technical-portal>summary{display:flex;align-items:center;gap:16px;padding:22px 26px;cursor:pointer;list-style:none}
.technical-portal>summary::-webkit-details-marker{display:none}
.technical-summary-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;color:white;background:var(--navy-900);font-size:1.4rem;font-weight:300;transition:transform .2s ease}
.technical-portal[open] .technical-summary-icon{transform:rotate(45deg)}
.technical-portal>summary div{display:grid}
.technical-portal>summary small{color:var(--muted);font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.technical-portal>summary strong{font-size:1.35rem;line-height:1.2}
.technical-portal>summary div>span{color:var(--muted);font-size:.82rem}
.technical-stack{display:grid;gap:22px;padding:0 18px 20px;border-top:1px solid var(--line)}
.technical-stack>:first-child{margin-top:20px}

.primary-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);
  gap:20px;
  scroll-margin-top:24px;
}
.level-panel{
  position:relative;
  min-height:445px;
  padding:32px 34px;
  overflow:hidden;
  color:white;
  border-color:rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 86% 85%,rgba(20,121,135,.48),transparent 19rem),
    linear-gradient(145deg,var(--navy-950),var(--navy-800));
}
.level-panel:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:8px;
  background:var(--flag-color,var(--gold));
}
.level-panel:after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:330px;
  height:240px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:0 -32px 0 rgba(255,255,255,.035),0 -64px 0 rgba(255,255,255,.02);
  transform:rotate(-10deg);
}
.level-top,.level-main,.trend,.source-note{position:relative;z-index:1}
.level-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.section-label{
  margin:0;
  color:var(--river-700);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.level-panel .section-label{color:#9fc1c8}
.flag{
  width:max-content;
  margin-top:10px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid color-mix(in srgb,var(--flag-color,var(--gold)) 55%,transparent);
  border-radius:999px;
  color:white;
  background:rgba(255,255,255,.07);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.08em;
}
.flag i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--flag-color,var(--gold));
  box-shadow:0 0 0 5px color-mix(in srgb,var(--flag-color,var(--gold)) 18%,transparent);
}
.reading{
  max-width:290px;
  color:#c1d2d7;
  font-size:.8rem;
  font-weight:700;
  line-height:1.45;
  text-align:right;
}
.level-main{
  margin-top:30px;
  display:flex;
  align-items:flex-end;
  gap:15px;
}
.level-number{
  color:#fffaf0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(6rem,11vw,9.5rem);
  font-weight:400;
  line-height:.72;
  letter-spacing:-.085em;
}
.level-unit{
  margin-bottom:8px;
  color:var(--lime);
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.trend{
  margin-top:38px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(255,255,255,.07);
}
.trend-mark{
  width:47px;
  height:47px;
  flex:0 0 47px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--navy-950);
  background:var(--lime);
  font-size:1.32rem;
  font-weight:900;
}
.trend small{display:block;color:#9fb7bd;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.trend b{display:block;margin-top:2px;color:white;font-size:1.06rem}
.trend span:not(.trend-mark){display:block;margin-top:2px;color:#c4d5d9;font-size:.82rem}
.trend.movement-up .trend-mark{background:#ffc79d;color:#6f2c0e}
.trend.movement-down .trend-mark{background:#b7efc7;color:#155332}
.source-note{
  margin-top:15px;
  padding-left:3px;
  color:#9fb7bd;
  font-size:.76rem;
  line-height:1.5;
}
.operation-panel{
  padding:30px;
  background:
    radial-gradient(circle at 100% 0,rgba(214,165,72,.12),transparent 18rem),
    linear-gradient(180deg,var(--paper),#f8f5ed);
}
.operation-heading{
  padding-bottom:18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid var(--line);
}
.operation-heading h2{
  margin:7px 0 0;
  color:var(--navy-950);
  font-family:Georgia,"Times New Roman",serif;
  font-size:2rem;
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.035em;
}
.port-live{
  flex:0 0 auto;
  max-width:155px;
  padding:7px 10px;
  border-radius:999px;
  color:var(--navy-800);
  background:#e6ece9;
  font-size:.67rem;
  font-weight:900;
  line-height:1.35;
  text-align:center;
}
.port-live.open{color:#155332;background:#dff2e5}
.hours{
  margin-top:18px;
  padding:17px;
  border:1px solid #e0d9ca;
  border-radius:16px;
  background:rgba(255,255,255,.66);
}
.hours strong{display:block;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1rem}
.hours-row{
  margin-top:9px;
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:12px;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.45;
}
.hours-row span:last-child{color:var(--ink);font-weight:800}
.operation-list{margin-top:17px;display:grid;gap:9px}
.operation-item{
  min-width:0;
  padding:13px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.74);
}
.operation-item small{display:block;color:var(--muted);font-size:.69rem;font-weight:850}
.operation-item b{display:block;margin-top:2px;color:var(--navy-900);font-size:.8rem}
.status{
  flex:0 0 auto;
  max-width:155px;
  padding:7px 9px;
  border-radius:999px;
  color:var(--green);
  background:var(--green-soft);
  font-size:.66rem;
  font-weight:900;
  line-height:1.25;
  text-align:center;
}
.status.block{color:var(--red);background:var(--red-soft)}
.status.unknown{color:#6d571c;background:#f1ead4}
.public-note{
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.72rem;
  line-height:1.55;
}

/* Resumo e seções */
.summary-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}
.summary-card{
  position:relative;
  min-height:156px;
  padding:24px 25px;
  overflow:hidden;
  background:rgba(255,253,250,.96);
  transition:transform .2s ease,box-shadow .2s ease;
}
.summary-card:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(6,25,35,.13)}
.summary-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:var(--river-600);
}
.summary-card.emphasis:before{background:linear-gradient(90deg,var(--river-600),var(--lime))}
.summary-card.attention:before{background:linear-gradient(90deg,var(--gold),#e6c56b)}
.summary-card h3{
  margin:13px 0 0;
  color:var(--navy-950);
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.56rem;
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.035em;
}
.summary-card p:not(.section-label){margin:11px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}
.content-section{
  padding:36px 38px;
  scroll-margin-top:18px;
}
.section-head,.river-chart-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
}
.section-head>div:first-child,.river-chart-head>div:first-child{min-width:0}
.section-head h2,.river-chart-head h2{
  margin:7px 0 0;
  color:var(--navy-950);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,3.2vw,2.65rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.045em;
}
.section-head>p{
  max-width:520px;
  margin:0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.6;
  text-align:right;
}
.section-head>div:first-child:before,
.river-chart-head>div:first-child:before{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-bottom:11px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--lime-dark),var(--river-600));
}

/* Gráfico */
.river-chart-section{
  background:
    radial-gradient(circle at 100% 0,rgba(20,121,135,.10),transparent 28rem),
    var(--paper);
}
.chart-fisher{
  max-width:390px;
  padding:10px 13px 10px 10px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid #e4ce92;
  border-radius:18px;
  background:#fff9e9;
}
.chart-fisher picture,.chart-fisher img{display:block;width:58px;height:58px}
.chart-fisher img{object-fit:cover;border-radius:13px;animation:canoeFloat 5s ease-in-out infinite}
.chart-fisher small,.river-wisdom small{display:block;color:#89620b;font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.chart-fisher q{display:block;margin-top:4px;color:#5a481b;font-family:Georgia,"Times New Roman",serif;font-size:.9rem;line-height:1.35}
.chart-tools{
  margin-top:23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.chart-axis-note{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.04em}
.chart-range{
  padding:4px;
  display:flex;
  border:1px solid var(--line);
  border-radius:999px;
  background:#eef2f0;
}
.chart-range button{
  min-height:40px;
  padding:8px 14px;
  border:0;
  border-radius:999px;
  color:var(--muted);
  background:transparent;
  cursor:pointer;
  font-size:.69rem;
  font-weight:850;
}
.chart-range button[aria-pressed="true"]{color:white;background:var(--navy-900);box-shadow:0 5px 14px rgba(8,38,51,.16)}
.upstream-wave-bubble{
  margin-top:17px;
  padding:18px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  border:1px solid #d9c98e;
  border-radius:18px;
  background:linear-gradient(135deg,#fff9e7,#fffef9);
}
.upstream-wave-bubble.strong{border-color:#df9b79;background:linear-gradient(135deg,#fff5ed,#fffaf7)}
.upstream-wave-bubble.relevant{border-color:#abd1ba;background:linear-gradient(135deg,#eff9f3,#fbfefc)}
.upstream-wave-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:white;
  background:var(--gold);
  font-size:1.2rem;
  font-weight:900;
}
.upstream-wave-bubble>div>small{display:block;color:#8b650f;font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.upstream-wave-bubble strong{display:block;margin-top:3px;color:var(--navy-900);font-size:1.05rem}
.upstream-wave-stage{display:block;margin-top:4px;color:var(--river-700);font-size:.72rem;font-weight:850}
.upstream-wave-bubble p{margin:8px 0 0;color:var(--muted);font-size:.79rem;line-height:1.5}
.upstream-wave-metrics,.upstream-wave-method{display:block;margin-top:7px;color:#4f676d;font-size:.71rem;line-height:1.5}
.upstream-wave-method{font-style:italic}
.wave-crisis-timing{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.wave-crisis-timing>span{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.75)}
.wave-crisis-timing small{display:block;color:var(--muted);font-size:.61rem;font-weight:850;text-transform:uppercase}
.wave-crisis-timing b{display:block;margin-top:4px;color:var(--navy-900);font-size:.76rem}
.river-chart-shell{
  position:relative;
  min-height:470px;
  margin-top:18px;
  padding:12px;
  overflow:hidden;
  border:1px solid #bfd2d3;
  border-radius:20px;
  background:
    linear-gradient(rgba(8,38,51,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,38,51,.035) 1px,transparent 1px),
    linear-gradient(180deg,#fbfefe,#edf7f6);
  background-size:44px 44px,44px 44px,auto;
  box-shadow:inset 0 1px 0 white;
  overscroll-behavior:contain;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.river-chart-shell canvas{
  display:block;
  width:100%;
  min-height:444px;
  cursor:crosshair;
  touch-action:pan-y pinch-zoom;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.river-chart-tooltip{
  --pointer-offset:0px;
  position:absolute;
  z-index:5;
  min-width:190px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  color:white;
  background:rgba(6,25,35,.94);
  box-shadow:0 15px 36px rgba(6,25,35,.30);
  pointer-events:none;
  transform:translate(-50%,calc(-100% - 14px));
  backdrop-filter:blur(12px);
}
.river-chart-tooltip[hidden]{display:none}
.river-chart-tooltip.below{transform:translate(-50%,14px)}
.river-chart-tooltip:after{
  content:"";
  position:absolute;
  left:calc(50% + var(--pointer-offset));
  bottom:-6px;
  width:12px;
  height:12px;
  background:rgba(6,25,35,.94);
  transform:translateX(-50%) rotate(45deg);
}
.river-chart-tooltip.below:after{top:-6px;bottom:auto}
.river-chart-tooltip small{display:block;color:#afc5ca;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.river-chart-tooltip strong{display:block;margin-top:5px;color:white;font-size:1.28rem}
.river-chart-tooltip span{display:block;margin-top:2px;color:#d2dfe2;font-size:.76rem}
.river-chart-tooltip i{
  position:absolute;
  left:calc(50% + var(--pointer-offset));
  bottom:-19px;
  width:10px;
  height:10px;
  border:2px solid white;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 3px var(--navy-900);
  transform:translateX(-50%);
}
.river-chart-tooltip.below i{top:-19px;bottom:auto}
.chart-foot{margin-top:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:.66rem;font-weight:800}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart-legend i{width:18px;height:3px;border-radius:999px;background:var(--river-700)}
.chart-legend .future i{background:var(--gold)}
.chart-legend .tail i{background:#8fa3a7}
.chart-legend .current i{width:8px;height:8px;border-radius:50%;background:var(--lime-dark)}
.chart-caption{max-width:520px;margin:0;color:var(--muted);font-size:.69rem;line-height:1.55;text-align:right}

/* Projeções */
.lead-statistics{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.lead-stat-card{
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#f6f8f6;
}
.lead-stat-card small{display:block;color:var(--muted);font-size:.64rem;font-weight:850;text-transform:uppercase}
.lead-stat-card b{display:block;margin-top:7px;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;font-weight:400}
.lead-stat-card span{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}
.lead-stat-card.unvalidated{background:#f5f1e7}
.statistics-method,.method-details,.forcing-details,.basin-details,.shadow-details,.model-audit{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#f7f9f7;
  overflow:hidden;
}
.statistics-method summary,.method-details summary,.forcing-details summary,
.basin-details>summary,.shadow-details>summary,.model-audit>summary{
  min-height:52px;
  padding:13px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--navy-900);
  cursor:pointer;
  font-size:.78rem;
  font-weight:850;
}
.statistics-method summary:after,.method-details summary:after,.forcing-details summary:after,
.basin-details>summary:after,.shadow-details>summary:after,.model-audit>summary:after{
  content:"+";
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--navy-900);
  background:#e5ece9;
}
details[open]>summary:after{content:"–"}
.statistics-method p,.method-details p,.forcing-body,.basin-copy,.shadow-intro,
.shadow-grid,.shadow-guardrail,.model-audit-grid,.model-audit-note{
  margin:0;
  padding:0 16px 16px;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.65;
}
.forecast{margin-top:17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.forecast-item{
  position:relative;
  min-width:0;
  padding:20px 16px 17px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:linear-gradient(160deg,#fff,#f3f7f5);
}
.forecast-item:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--river-600)}
.forecast-item.blocked{border-color:#e3b2b3;background:linear-gradient(155deg,#fff7f7,var(--red-soft))}
.forecast-item.blocked:before{background:linear-gradient(90deg,var(--red),var(--clay))}
.forecast-item>small{display:block;color:var(--river-700);font-size:.65rem;font-weight:900;text-transform:uppercase}
.forecast-item>b{display:block;margin-top:9px;color:var(--navy-950);font-family:Georgia,"Times New Roman",serif;font-size:2.1rem;font-weight:400;line-height:1}
.forecast-item>span{display:block;margin-top:7px;color:var(--muted);font-size:.72rem;line-height:1.45}
.forecast-phase{padding-top:9px;border-top:1px solid var(--line)}
.forecast-confidence{margin-top:9px;padding:7px 8px;border-radius:10px;color:#495f64;background:#eaf0ed;font-size:.65rem;font-weight:850}
.forecast-services{margin-top:10px;display:grid;gap:5px}
.forecast-status{padding:5px 7px;border-radius:8px;color:var(--green);background:var(--green-soft);font-size:.64rem;font-style:normal;font-weight:900}
.forecast-status.block{color:var(--red);background:var(--red-soft)}
.plain-summary{
  margin-top:16px;
  padding:15px 17px;
  border-left:4px solid var(--river-600);
  border-radius:0 13px 13px 0;
  color:#38545b;
  background:var(--river-100);
  font-size:.82rem;
  font-weight:750;
  line-height:1.55;
}
.plain-summary.critical{border-left-color:var(--red);color:#7b2629;background:var(--red-soft)}

/* Retomadas e picos */
.reopening-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reopening-card{
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:17px;
  background:linear-gradient(155deg,#fff,#f4f7f4);
}
.reopening-card small{display:block;color:var(--muted);font-size:.64rem;font-weight:850;text-transform:uppercase}
.reopening-card h3{margin:8px 0 0;color:var(--navy-900);font-size:.92rem}
.reopening-card b{display:block;margin-top:14px;color:var(--navy-950);font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;font-weight:400;line-height:1.15}
.reopening-card span{display:block;margin-top:8px;color:var(--muted);font-size:.72rem;line-height:1.5}
.reopening-confidence.high{color:var(--green)}
.reopening-confidence.low,.reopening-confidence.conditional{color:#865f0e}
.reopening-note{margin:14px 0 0;color:var(--muted);font-size:.7rem;line-height:1.6}
.peak-grid{margin-top:22px;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.6fr);gap:15px}
.peak-value{
  min-height:320px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:20px;
  color:white;
  background:
    radial-gradient(circle at 100% 100%,rgba(105,230,91,.20),transparent 18rem),
    linear-gradient(145deg,var(--navy-950),var(--river-700));
}
.peak-value small{color:#b4cbd0;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.peak-value b{margin-top:15px;color:#fffaf0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.8rem,8vw,6.2rem);font-weight:400;line-height:.82;letter-spacing:-.07em}
.peak-value span{margin-top:17px;color:#d2e1e4;font-size:.78rem;line-height:1.5}
.peak-analysis{
  padding:25px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#f8faf8;
}
.peak-analysis>strong{display:block;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:400;line-height:1.25}
.peak-analysis>p{margin:9px 0 0;color:var(--muted);font-size:.78rem;line-height:1.6}
.range-line{color:#7e5a0d!important;font-weight:850}
.forcing-details summary b{padding:5px 8px;border-radius:999px;color:#6e5013;background:#f0dfb6;font-size:.68rem}
.forcing-details summary .strength-badge{min-width:44px;text-align:center;color:white;background:#64777b;font-size:.76rem}
.forcing-details summary .strength-badge.f1{background:#a77a0b}
.forcing-details summary .strength-badge.f2{background:#c56522}
.forcing-details summary .strength-badge.f3{background:#b7373c}
.forcing-details summary .strength-badge.f4{background:#792b57}
.forcing-details summary .strength-badge.f5{background:#11181d}
.wave-strength-panel{
  padding:15px;
  border:1px solid var(--line);
  border-radius:15px;
  color:var(--ink);
  background:white;
}
.wave-strength-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wave-strength-heading small{display:block;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.wave-strength-heading strong{display:block;margin-top:3px;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:400}
.wave-strength-heading>span{padding:6px 9px;border-radius:999px;color:var(--river-700);background:var(--river-100);font-size:.67rem;font-weight:850;white-space:nowrap}
.wave-strength-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:14px}
.wave-strength-track>span{
  min-width:0;
  padding:9px 5px 8px;
  border-radius:10px;
  color:#66777c;
  background:#e8edeb;
  text-align:center;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.wave-strength-track b,.wave-strength-track small{display:block}
.wave-strength-track b{font-size:.85rem}
.wave-strength-track small{margin-top:2px;font-size:.55rem;white-space:nowrap}
.wave-strength-track [data-strength-level="1"].reached{color:#fff;background:#ad810d}
.wave-strength-track [data-strength-level="2"].reached{color:#fff;background:#ca6620}
.wave-strength-track [data-strength-level="3"].reached{color:#fff;background:#bb383e}
.wave-strength-track [data-strength-level="4"].reached{color:#fff;background:#7d2c59}
.wave-strength-track [data-strength-level="5"].reached{color:#fff;background:#11181d}
.wave-strength-track>span.active{transform:translateY(-3px);box-shadow:0 8px 16px rgba(6,25,35,.20)}
.wave-strength-track>span.possible{outline:2px dashed #986f0e;outline-offset:-2px;color:#74530a;background:#fff4d5}
.wave-strength-notice{margin:11px 0 0!important;color:#5d7075!important;font-size:.7rem!important;line-height:1.5!important}
.forcing-science{margin-top:11px;border:1px solid var(--line);border-radius:13px;background:#f7f9f7}
.forcing-science>summary{min-height:44px!important;padding:10px 12px!important;font-size:.7rem!important}
.forcing-science>div{padding:0 12px 12px}
.forcing-science p{margin:0 0 10px;color:var(--muted);font-size:.7rem;line-height:1.55}
.forcing-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.forcing-component{padding:13px;border:1px solid var(--line);border-radius:13px;background:white}
.forcing-component small{display:block;color:var(--muted);font-size:.61rem;font-weight:850;text-transform:uppercase}
.forcing-component b{display:block;margin-top:7px;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;font-weight:400}
.forcing-component span,.forcing-guard{display:block;margin-top:5px;color:var(--muted);font-size:.67rem;line-height:1.45}
.forcing-guard{margin-top:11px}
.river-wisdom{
  margin-top:14px;
  padding:12px;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:13px;
  border:1px solid #e1cc91;
  border-radius:16px;
  background:#fff8e5;
}
.river-wisdom picture,.river-wisdom img{display:block;width:68px;height:68px}
.river-wisdom img{object-fit:cover;border-radius:13px;animation:canoeFloat 5s ease-in-out infinite}
.river-wisdom q{display:block;margin-top:5px;color:#5b491b;font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.4}

/* Corredor e vetores */
.port-peaks{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.port-peak{
  position:relative;
  min-height:310px;
  padding:21px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f7f9f7;
}
.port-peak:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--river-600)}
.port-peak.primary{
  color:white;
  border-color:var(--navy-900);
  background:
    radial-gradient(circle at 100% 100%,rgba(105,230,91,.18),transparent 16rem),
    var(--navy-900);
}
.port-peak.primary:before{background:var(--lime)}
.port-peak small,.port-peak-central-label{display:block;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.port-peak.primary small{color:#abc2c7}
.port-peak h3{margin:9px 0 0;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:400}
.port-peak.primary h3{color:white}
.port-peak-central-label{margin-top:19px;color:#8d650e}
.port-peak.primary .port-peak-central-label{color:var(--lime)}
.port-peak-central{display:block;margin-top:5px;color:var(--navy-950);font-family:Georgia,"Times New Roman",serif;font-size:2.8rem;font-weight:400;line-height:.95;letter-spacing:-.05em}
.port-peak.primary .port-peak-central{color:#fffaf0}
.port-peak-time{display:block;margin-top:12px;color:#36545c;font-size:1.02rem;font-weight:850;line-height:1.25}
.port-peak.primary .port-peak-time{color:#d9e5e8}
.port-peak-range{display:block;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);color:#7d5b13;font-size:.7rem;font-weight:800;line-height:1.5}
.port-peak.primary .port-peak-range{border-color:rgba(255,255,255,.14);color:#ccf5c6}
.port-peak-window,.port-peak-source{display:block;margin-top:8px;color:var(--muted);font-size:.68rem;line-height:1.5}
.port-peak.primary .port-peak-window,.port-peak.primary .port-peak-source{color:#b9ccd1}
.chain-note{
  margin-top:14px;
  padding:13px 15px;
  border-left:4px solid var(--lime-dark);
  border-radius:0 12px 12px 0;
  color:#405c63;
  background:#e9f4ef;
  font-size:.74rem;
  line-height:1.55;
}
.river-sequence{
  margin-top:22px;
  padding:13px 16px;
  display:flex;
  align-items:center;
  gap:18px;
  overflow:auto;
  border:1px solid #cfe0dc;
  border-radius:15px;
  background:linear-gradient(90deg,#eef8f4,#f9fbfa);
}
.river-sequence>strong{flex:0 0 auto;color:var(--river-700);font-size:.65rem;font-weight:900;text-transform:uppercase}
.river-sequence ol{margin:0;padding:0;display:flex;align-items:center;gap:0;list-style:none;white-space:nowrap}
.river-sequence li{display:inline-flex;align-items:center;color:#36565d;font-size:.74rem;font-weight:800}
.river-sequence li:not(:last-child):after{content:"→";margin:0 10px;color:var(--lime-dark)}
.rainfall-legend{
  margin-top:12px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 15px;
  border:1px solid #d4e2e7;
  border-radius:13px;
  color:#536d74;
  background:#f3f8fa;
  font-size:.67rem;
}
.rainfall-legend strong{color:var(--navy-900);font-size:.68rem}
.rainfall-legend span{display:inline-flex;align-items:center;gap:6px}
.rain-dot{width:8px;height:8px;border-radius:50%;background:#78b7cf}
.rain-dot.moderate{background:#e0ad36}
.rain-dot.heavy{background:#dd7937}
.rain-dot.extreme{background:#b73d42}
.telemetry-wrap,.relevance-wrap{
  margin-top:14px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:white;
}
.telemetry,.relevance{width:100%;border-collapse:collapse}
.telemetry{min-width:1060px}
.relevance{min-width:920px}
.telemetry th,.relevance th{
  padding:13px 14px;
  color:#789096;
  background:#eef3f1;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.09em;
  text-align:left;
  text-transform:uppercase;
}
.telemetry td,.relevance td{
  padding:15px 14px;
  border-top:1px solid var(--line);
  color:#355159;
  font-size:.76rem;
  vertical-align:top;
}
.telemetry td strong,.relevance td strong{color:var(--navy-900)}
.telemetry tr.stale td{color:#7a6b45;background:#fffaf0}
.telemetry .sub,.relevance td:first-child span{display:block;margin-top:4px;color:var(--muted);font-size:.67rem;line-height:1.45}
.telemetry .river-order{color:var(--river-700);font-weight:850}
.rain-cell{min-width:130px}
.rain-cell>strong{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  color:#24546a!important;
  background:#e2f1f7;
  font-size:.72rem;
  font-variant-numeric:tabular-nums;
}
.rain-cell>strong.moderate{color:#76520c!important;background:#fff0c9}
.rain-cell>strong.heavy{color:#884115!important;background:#ffe0c9}
.rain-cell>strong.extreme{color:#8b252a!important;background:#fbd9db}
.rain-cell.unavailable>strong{color:#74878b!important;background:#edf1ef}
.mono{font-variant-numeric:tabular-nums}
.movement-cell{min-width:300px}
.movement-cell>span:first-child,.sensor-alert{
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  color:var(--green);
  background:var(--green-soft);
  font-size:.65rem;
}
.sensor-alert{color:var(--red);background:var(--red-soft)}
.uhe-metrics{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.uhe-metric{padding:8px;border:1px solid var(--line);border-radius:10px;background:#f7f9f7}
.uhe-metric small{display:block;color:var(--muted);font-size:.58rem;text-transform:uppercase}
.uhe-metric b{display:block;margin-top:4px;color:var(--navy-900);font-size:.7rem}
.fch-row{margin-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.fch-cell{padding:16px;border:1px solid var(--line);border-radius:14px;background:#f7f9f7}
.fch-cell small{display:block;color:var(--muted);font-size:.63rem;font-weight:850;text-transform:uppercase}
.fch-cell b{display:block;margin-top:7px;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.03rem;font-weight:400}
.basin-details,.shadow-details,.model-audit{margin-top:12px}
.guardrail,.shadow-guardrail,.model-audit-note{
  display:block;
  margin:0 16px 16px;
  padding:12px 13px;
  border-radius:11px;
  color:#455f65;
  background:#eaf1ee;
}
.score,.model-state{
  display:inline-flex;
  padding:4px 7px;
  border-radius:999px;
  color:var(--green);
  background:var(--green-soft);
  font-size:.62rem;
  font-weight:900;
}
.score.info,.model-state.info{color:#315f75;background:#e3f0f4}
.model-state.queue{color:#765919;background:#f3ead3}
.shadow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.shadow-card{
  min-width:0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:white;
}
.shadow-card small{display:block;color:#8b6510;font-size:.58rem;font-weight:900;text-transform:uppercase}
.shadow-card h3{margin:7px 0 0;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;font-weight:400}
.shadow-card b{display:block;margin-top:8px;color:var(--navy-950);font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;font-weight:400}
.shadow-card time,.shadow-card span{display:block;margin-top:6px;color:var(--muted);font-size:.67rem;line-height:1.45}
.shadow-confidence{color:#7c5b12!important;font-weight:850}
.model-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.model-audit-card{padding:13px;border:1px solid var(--line);border-radius:12px;background:white}
.model-audit-card small{display:block;color:var(--muted);font-size:.58rem;text-transform:uppercase}
.model-audit-card b{display:block;margin-top:6px;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:400}
.model-audit-card span{display:block;margin-top:4px;color:var(--muted);font-size:.64rem;line-height:1.4}

/* Atendimento e rodapé */
.commercial{
  padding:28px 30px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(105,230,91,.16),transparent 18rem),
    linear-gradient(135deg,#fff,#edf8f1);
}
.commercial h2{margin:7px 0 0;color:var(--navy-900);font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;font-weight:400}
.commercial p:not(.section-label){margin:8px 0 0;color:var(--muted);font-size:.8rem}
.whatsapp-inline{justify-self:end}
.whatsapp{
  min-height:50px;
  padding:13px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:14px;
  color:white;
  background:linear-gradient(135deg,#177b53,#0e5d40);
  box-shadow:0 13px 30px rgba(16,100,68,.22);
  font-size:.82rem;
  font-weight:900;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.whatsapp:before{
  content:"WA";
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  font-size:.55rem;
}
.whatsapp:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(16,100,68,.28)}
.whatsapp-floating{
  position:fixed;
  z-index:20;
  right:22px;
  bottom:max(20px,env(safe-area-inset-bottom));
  animation:whatsappBreathe 4s ease-in-out infinite;
}
.footer{
  margin-top:24px;
  padding:25px 4px 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:25px;
  align-items:center;
  border-top:1px solid #c6d4cf;
  color:#65797d;
  font-size:.69rem;
  line-height:1.65;
}
.footer strong{color:var(--navy-900)}
.footer img{width:112px;padding:7px;border-radius:12px;background:white}
.footer-link{display:inline-block;margin-top:6px;color:var(--river-700);font-weight:850;text-underline-offset:3px}
.copyright{display:inline-block;margin-top:5px}

/* Memória do rio */
.extreme-history{background:linear-gradient(145deg,var(--paper),#f3f7f5)}
.extreme-history-list{display:grid;gap:9px;margin-top:20px}
.extreme-history-event{
  padding:13px 15px;
  display:grid;
  grid-template-columns:165px 1fr auto;
  align-items:center;
  gap:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:white;
}
.extreme-history-event time{color:var(--muted);font-size:.68rem;font-weight:850}
.extreme-history-event span{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--clay),var(--red))}
.extreme-history-event strong{color:#892f31;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:400}
.extreme-history-note,.extreme-history-empty{margin:12px 0 0;color:var(--muted);font-size:.68rem}

@keyframes canoeFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-3px) rotate(-.45deg)}
}
@keyframes whatsappBreathe{
  0%,100%{box-shadow:0 13px 30px rgba(16,100,68,.22)}
  50%{box-shadow:0 16px 40px rgba(16,100,68,.36)}
}

/* Tablet */
@media(max-width:1050px){
  .site-header,.header-inner{min-height:730px}
  .header-inner{grid-template-columns:minmax(0,1fr) 320px;column-gap:32px}
  .header-actions{flex:0 1 470px}
  .header-status{min-width:220px}
  .desktop-pulse{grid-template-columns:minmax(200px,1.2fr) repeat(4,minmax(105px,.72fr))}
  .kid-wave{grid-template-columns:1fr 1.25fr}
  .kid-peak{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}
  .primary-grid{grid-template-columns:1fr}
  .level-panel{min-height:390px}
  .summary-grid{grid-template-columns:1fr 1fr}
  .summary-card:first-child{grid-column:1/-1}
  .forecast{grid-template-columns:repeat(2,minmax(0,1fr))}
  .port-peaks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .model-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile first refinements */
@media(max-width:760px){
  html{font-size:17px}
  body{font-size:17px;padding-bottom:86px;background:linear-gradient(180deg,#e4ebe8 0,#f7f6f1 42rem,#edf1ee 100%)}
  body:before{display:none}
  .site-header{min-height:660px}
  .header-visual img{object-position:8% center;filter:saturate(.76) contrast(1.08) brightness(.78)}
  .lighthouse-beacon{
    display:block;
    left:25%;
    top:15%;
    opacity:.42;
    animation-duration:18s;
  }
  .lighthouse-beam{width:58vw;height:72px;top:-36px;filter:blur(3px)}
  .lighthouse-beacon:after{width:42vw;height:60px;top:-30px;opacity:.09}
  .lighthouse-glow{left:-13px;top:-13px;width:26px;height:26px}
  .site-header:before{
    background:
      linear-gradient(180deg,rgba(4,21,30,.92) 0%,rgba(4,21,30,.54) 31%,rgba(4,21,30,.88) 64%,rgba(4,21,30,.99) 100%);
  }
  .site-header:after{left:-40%;bottom:-14%;width:150%;opacity:.8}
  .header-inner{
    width:calc(100% - 32px);
    min-height:660px;
    padding:15px 0 38px;
    display:flex;
    flex-direction:column;
    gap:0;
  }
  .masthead-top{align-items:center;gap:10px;flex-wrap:nowrap}
  .identity{min-width:0;flex:1 1 auto;gap:8px}
  .identity-logo{width:70px;height:52px;border-radius:0}
  .identity-copy strong{font-size:.95rem}
  .identity-copy span{display:none}
  .institution{font-size:.66rem}
  .header-actions{width:auto;flex:0 0 auto;justify-content:flex-end;gap:0}
  .language-switcher{flex:0 0 auto}
  .language-switcher button{min-width:42px;min-height:40px;padding:6px 7px}
  .language-code{display:none}
  .header-status{display:none}
  .desktop-pulse{display:none}
  .quick-nav{
    width:100%;
    margin-top:11px;
    padding:5px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:visible;
    border-radius:14px;
  }
  .quick-nav a{padding:8px 4px;text-align:center;font-size:.72rem}
  .official-domain{display:none}
  .mobile-pulse{
    width:100%;
    margin-top:12px;
    padding:14px;
    display:grid;
    gap:12px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:18px;
    color:white;
    background:linear-gradient(135deg,rgba(18,41,51,.94),rgba(51,78,87,.88));
    box-shadow:0 16px 34px rgba(0,0,0,.18);
    backdrop-filter:blur(18px);
  }
  .mobile-pulse.go{background:linear-gradient(135deg,rgba(12,92,63,.96),rgba(19,116,80,.88))}
  .mobile-pulse.wait{background:linear-gradient(135deg,rgba(111,78,9,.96),rgba(153,110,17,.88))}
  .mobile-pulse.stop{background:linear-gradient(135deg,rgba(127,28,35,.97),rgba(174,47,57,.90))}
  .mobile-pulse.flood{background:linear-gradient(135deg,rgba(8,15,20,.98),rgba(28,38,44,.94))}
  .mobile-pulse-head{display:grid}
  .mobile-pulse-head small{
    color:rgba(255,255,255,.72);
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
  }
  .mobile-pulse-head strong{margin-top:3px;font-size:1.45rem;line-height:1.05;letter-spacing:-.025em}
  .mobile-pulse-head>span{margin-top:5px;color:rgba(255,255,255,.84);font-size:.85rem;line-height:1.38}
  .mobile-pulse-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .mobile-pulse-metrics>span{min-width:0;padding:9px 8px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08)}
  .mobile-pulse-metrics>span:nth-child(3){grid-column:1/-1}
  .mobile-pulse-metrics small{display:block;color:rgba(255,255,255,.64);font-size:.61rem;font-weight:850;line-height:1.2;text-transform:uppercase}
  .mobile-pulse-metrics b{display:block;margin-top:4px;font-size:.88rem;line-height:1.2;overflow-wrap:anywhere}
  .mobile-pulse-metrics>span:first-child b{font-size:1.18rem}
  .mobile-pulse-health{width:100%;max-width:100%;padding:7px 9px;border-radius:12px;color:#fff0bd;background:rgba(255,204,94,.16);font-size:.70rem;font-weight:850;line-height:1.4;overflow-wrap:anywhere}
  .mobile-pulse-health.ok{color:#d6ffd0;background:rgba(105,230,91,.16)}
  .mobile-pulse-health.stale{color:#ffe2a1;background:rgba(221,165,61,.18)}
  .masthead-copy{width:100%;max-width:none;margin-top:22px;padding:0 0 12px}
  .masthead-copy small{font-size:.70rem}
  .masthead-copy h1{margin-top:11px;font-size:clamp(3rem,15vw,4.15rem);line-height:.88}
  .masthead-copy p{margin-top:15px;font-size:1.12rem}
  .masthead-copy>span{margin-top:8px;font-size:.88rem;line-height:1.48}
  .masthead-wisdom{
    width:100%;
    margin:8px 0 0;
    grid-template-columns:54px minmax(0,1fr);
    padding:9px;
    border-radius:15px;
  }
  .masthead-wisdom picture,.masthead-wisdom img{width:54px;height:54px}
  .masthead-wisdom small{font-size:.65rem}
  .masthead-wisdom q{font-size:.91rem;line-height:1.34}
  .shell{width:calc(100% - 32px);margin:-18px auto 0}
  .freshness{display:none}
  .conditional-guidance{padding:17px 16px}
  .conditional-guidance-head{flex-wrap:wrap}
  .conditional-guidance-meta{display:grid}
  .shell main{gap:16px}
  .panel{width:100%;border-radius:20px}
  .kid-dashboard{gap:13px}
  .kid-decision{display:none}
  .kid-now-grid{grid-template-columns:1fr;gap:12px}
  .kid-now-card{min-height:125px;gap:16px;padding:19px;border-radius:21px}
  .kid-card-icon{width:66px;min-width:66px;height:66px;border-radius:19px;font-size:2.25rem}
  .kid-now-card strong{font-size:2.7rem}
  .kid-now-card small,.kid-service small,.kid-horizons small,.kid-peak small{font-size:.78rem}
  .kid-now-card span:last-child,.kid-crossing-note{font-size:.92rem}
  .section-label{font-size:.74rem}
  .kid-crossing{padding:21px 18px;border-radius:22px}
  .kid-crossing-context{grid-template-columns:1fr;gap:5px;padding:12px 13px}
  .kid-crossing-context>strong{grid-row:auto;grid-column:auto;text-align:left;font-size:.86rem}
  .kid-crossing-context>span{font-size:.79rem;line-height:1.4}
  .kid-crossing-context>small{font-size:.74rem;line-height:1.4}
  .kid-service-grid{grid-template-columns:1fr;gap:9px}
  .kid-service{min-height:0;padding:15px}
  .kid-service>span{font-size:1.9rem}
  .kid-service-now b{font-size:1.12rem}
  .kid-service-next b{font-size:1.08rem}
  .kid-service-next i{font-size:.75rem}
  .kid-next{grid-template-columns:1fr;gap:18px;padding:22px 18px;border-radius:22px}
  .kid-horizons{gap:7px}
  .kid-horizons article{min-height:105px;padding:13px 10px}
  .kid-horizons small{font-size:.61rem;letter-spacing:.04em}
  .kid-horizons b{font-size:1.45rem}
  .kid-horizons span{right:9px;bottom:7px}
  .kid-wave{grid-template-columns:1fr;gap:15px;padding:20px 18px;border-radius:22px}
  .kid-river-route{min-height:90px}
  .kid-peak{grid-column:auto;min-width:0;padding:16px 0 0;border-top:1px solid var(--line);border-left:0}
  .kid-peak b{font-size:2.7rem}
  .kid-safety-note{align-items:flex-start;padding:15px 16px}
  .technical-portal{border-radius:22px}
  .technical-portal>summary{padding:18px}
  .technical-portal>summary strong{font-size:1.16rem}
  .technical-stack{gap:16px;padding:0 0 14px;border-top:1px solid var(--line);background:var(--canvas)}
  .technical-stack>:first-child{margin-top:14px}
  .primary-grid{gap:14px}
  .level-panel{min-height:395px;padding:25px 21px}
  .level-top{gap:12px}
  .reading{max-width:none;text-align:left;font-size:.78rem}
  .level-main{margin-top:33px;gap:10px}
  .level-number{font-size:clamp(5.25rem,26vw,7rem)}
  .level-unit{margin-bottom:6px;font-size:.86rem}
  .trend{margin-top:34px;padding:12px 13px}
  .trend-mark{width:43px;height:43px;flex-basis:43px}
  .trend b{font-size:1rem}
  .trend span:not(.trend-mark){font-size:.82rem}
  .source-note{font-size:.76rem}
  .operation-panel{padding:24px 20px}
  .operation-heading{align-items:flex-start;flex-wrap:wrap}
  .operation-heading h2{font-size:2rem}
  .port-live{max-width:100%;font-size:.66rem}
  .hours{padding:15px 14px}
  .hours strong{font-size:1.05rem}
  .hours-row{grid-template-columns:1fr;gap:2px;font-size:.8rem}
  .operation-item{align-items:flex-start;flex-wrap:wrap}
  .operation-item small{font-size:.72rem}
  .operation-item b{font-size:.84rem}
  .status{max-width:100%;font-size:.68rem}
  .summary-grid{grid-template-columns:1fr;gap:12px}
  .summary-card:first-child{grid-column:auto}
  .summary-card{min-height:0;padding:21px 19px}
  .summary-card h3{font-size:1.52rem}
  .content-section{padding:26px 19px}
  .section-head,.river-chart-head{display:block}
  .section-head h2,.river-chart-head h2{font-size:2.2rem}
  .section-head>p{margin-top:12px;max-width:none;font-size:.82rem;text-align:left}
  .chart-fisher{max-width:none;margin-top:15px}
  .chart-tools{align-items:stretch;flex-direction:column}
  .chart-range{width:100%}
  .chart-range button{flex:1;padding-inline:8px}
  .upstream-wave-bubble{grid-template-columns:42px minmax(0,1fr);padding:15px}
  .upstream-wave-icon{width:42px;height:42px}
  .wave-crisis-timing{grid-template-columns:1fr}
  .river-chart-shell{min-height:385px;padding:7px;border-radius:16px}
  .river-chart-shell canvas{min-height:370px}
  .chart-foot{display:block}
  .chart-caption{margin-top:12px;max-width:none;text-align:left}
  .chart-legend{font-size:.68rem}
  .lead-statistics,.forecast,.reopening-grid,.peak-grid,.forcing-components,
  .port-peaks,.fch-row,.shadow-grid,.model-audit-grid{grid-template-columns:1fr}
  .lead-stat-card{padding:14px}
  .forecast-item{padding:20px 17px}
  .forecast-item>b{font-size:2.25rem}
  .reopening-card{padding:18px}
  .reopening-card b{font-size:1.45rem}
  .peak-value{min-height:260px;padding:24px}
  .peak-value b{font-size:5rem}
  .peak-analysis{padding:20px 17px}
  .wave-strength-heading{flex-wrap:wrap}
  .wave-strength-heading>span{white-space:normal}
  .wave-strength-track{gap:3px}
  .wave-strength-track>span{padding:8px 2px 7px}
  .wave-strength-track small{font-size:.49rem}
  .river-wisdom{grid-template-columns:58px minmax(0,1fr)}
  .river-wisdom picture,.river-wisdom img{width:58px;height:58px}
  .river-wisdom q{font-size:.94rem}
  .port-peak{min-height:0;padding:20px}
  .port-peak-central{font-size:2.85rem}
  .river-sequence{display:block;padding:13px}
  .river-sequence ol{margin-top:8px;flex-wrap:wrap;white-space:normal}
  .river-sequence li{font-size:.75rem}
  .rainfall-legend{padding:11px 12px;gap:8px 12px}
  .rainfall-legend strong{flex:1 1 100%}
  .telemetry-wrap{overflow:visible;border:0;background:transparent}
  .telemetry{display:block;min-width:0}
  .telemetry thead{display:none}
  .telemetry tbody{display:grid;gap:11px}
  .telemetry tr{display:grid;padding:7px 14px;border:1px solid var(--line);border-radius:16px;background:#fafcfb}
  .telemetry td{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:8px;
    padding:11px 0;
    border-top:1px solid var(--line);
    font-size:.82rem;
    overflow-wrap:anywhere;
  }
  .telemetry td:first-child{border-top:0}
  .telemetry td:before{content:attr(data-label);color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .telemetry .sub{font-size:.72rem}
  .movement-cell{min-width:0}
  .uhe-metrics{grid-template-columns:1fr}
  .uhe-metric b{font-size:.78rem}
  .relevance-wrap{overflow:auto}
  .shadow-card b{font-size:1.9rem}
  .commercial{padding:23px 20px;grid-template-columns:1fr}
  .whatsapp-inline{width:100%;justify-self:stretch}
  .footer{padding:22px 2px 6px;grid-template-columns:1fr;font-size:.75rem}
  .footer img{width:102px}
  .whatsapp-floating{
    left:auto;
    right:6px;
    bottom:max(12px,env(safe-area-inset-bottom));
    width:52px;
    min-height:52px;
    height:52px;
    padding:0;
    border-radius:16px 0 0 16px;
    font-size:0;
    text-align:center;
    opacity:.94;
  }
  .whatsapp-floating:before{width:30px;height:30px;font-size:.59rem}
  .extreme-history-event{grid-template-columns:1fr auto;gap:9px}
  .extreme-history-event span{grid-column:1/-1;grid-row:2}
  .extreme-history-event time{font-size:.72rem}
  .extreme-history-event strong{font-size:1.45rem}
}

@media(max-width:380px){
  .header-inner,.shell{width:calc(100% - 24px)}
  .site-header,.header-inner{min-height:675px}
  .identity-logo{width:62px}
  .language-switcher button{min-width:40px}
  .masthead-copy h1{font-size:3rem}
  .mobile-pulse{padding:12px}
  .mobile-pulse-head strong{font-size:1.3rem}
  .mobile-pulse-metrics small{font-size:.56rem}
  .mobile-pulse-metrics b{font-size:.79rem}
  .mobile-pulse-metrics>span:first-child b{font-size:1.05rem}
  .level-panel,.operation-panel,.content-section,.summary-card{padding-left:17px;padding-right:17px}
  .level-number{font-size:5.25rem}
  .telemetry td{grid-template-columns:1fr;gap:4px}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .lighthouse-beacon{transform:rotate(-8deg)}
  .lighthouse-beam{opacity:.3}
}