/* Lagos Sentinelas da Amazônia — Modelo 2 "Descendo o rio" */
:root{
  --graf:#37353E;
  --graf2:#44444E;
  --graf3:#2d2c33;
  --claro:#D3DAD9;
  --verde:#5D635F;
  --vinho:#715A5A;
  --vinho-claro:#b3a0a0; /* vinho a ~55% sobre claro, só para texto pequeno em fundo escuro */
  --branco:#fff;
  --fd:"Arima Madurai",Georgia,serif;
  --ft:"Encode Sans Semi Condensed","Encode Sans",Arial,sans-serif;
  --wrap:1280px;
  --gutter:clamp(16px,4vw,56px);
  --head:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--graf);color:var(--claro);font-family:var(--ft);font-weight:300;font-size:17px;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.1;color:var(--branco)}
h2{font-size:clamp(30px,3.6vw,50px);letter-spacing:-.01em}
h3{font-size:clamp(24px,2.4vw,34px)}
p{max-width:62ch}
strong{font-weight:600}
.wrap{width:min(var(--wrap),100% - 2*var(--gutter));margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--claro);color:var(--graf);padding:8px 14px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--claro);outline-offset:3px}

.btn{display:inline-block;font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--branco);text-decoration:none;padding:13px 24px;border:1px solid rgba(211,218,217,.5);border-radius:999px;transition:background .25s,border-color .25s}
.btn:hover{background:var(--vinho);border-color:var(--vinho)}

/* ondas finas em degradê vinho→cinza */
.waves{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.waves svg{width:140%;height:100%;display:block;margin-left:-20%}
.waves path{fill:none;stroke-width:1.1;vector-effect:non-scaling-stroke}
.hero-waves svg{animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{to{transform:translateX(-4%)}}

/* ---------- topo ---------- */
.topbar{position:fixed;inset:0 0 auto 0;height:var(--head);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);z-index:50;transition:background .3s;background:linear-gradient(rgba(55,53,62,.85),rgba(55,53,62,0))}
.topbar.solid{background:rgba(55,53,62,.96);box-shadow:0 1px 0 rgba(211,218,217,.12)}
.brand img{height:40px;width:auto}
.menu>ul{display:flex;gap:4px}
.menu a{display:block;padding:10px 11px;font-size:14.5px;font-weight:400;text-decoration:none;color:var(--claro);border-bottom:1px solid transparent}
.menu a:hover{color:var(--branco);border-bottom-color:var(--vinho-claro)}
.has-sub{position:relative}
.has-sub .sub{position:absolute;top:100%;left:0;min-width:200px;background:var(--graf2);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub a{padding:9px 18px;border:0}
.burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--claro);top:17px;transition:.25s}
.burger span+span{top:26px}
.burger[aria-expanded="true"] span{top:21px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span+span{transform:rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2}
.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(55,53,62,.45) 0%,rgba(55,53,62,.3) 35%,rgba(55,53,62,.92) 75%,var(--graf) 100%)}
.hero-waves{top:auto;height:42%;opacity:.55}
.hero-body{position:relative;padding:calc(var(--head) + 64px) 0 96px;max-width:min(var(--wrap),100% - 2*var(--gutter))}
.hero h1{font-size:clamp(26px,3.3vw,46px);font-weight:500;max-width:22ch;line-height:1.18;margin-bottom:28px}
.hero p{font-size:clamp(16px,1.25vw,19px);max-width:58ch;margin-bottom:34px;color:var(--claro)}
.hero .hero-credit{position:absolute;right:var(--gutter);bottom:18px;font-size:12px;opacity:.6;max-width:none}

/* ---------- o que é ---------- */
.sentinela{padding:clamp(64px,8vw,120px) 0 clamp(48px,6vw,88px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px) clamp(32px,5vw,80px);align-items:start}
.sentinela h2{max-width:12ch}
.sentinela p+p{margin-top:16px}
.sentinela-note{color:var(--vinho-claro);font-size:15.5px;border-left:2px solid var(--vinho);padding-left:14px}
.sentinela-fig{grid-column:1/-1;margin:0}
.sentinela-fig img{width:100%;border-radius:4px}
.sentinela-fig figcaption{font-size:13px;opacity:.65;margin-top:10px}

/* ---------- escala geográfica ---------- */
.sq{font-size:.62em;vertical-align:super;line-height:0;margin-left:1px}
.geo{position:relative;background:var(--graf)}
.geo-stage{position:relative;overflow:hidden;min-height:100vh;height:100vh}
.geo-head{position:absolute;left:0;right:0;top:0;padding:calc(var(--head) + 8px) 0 0;z-index:3;pointer-events:none}
.geo-head p{font-size:15px;color:var(--vinho-claro);max-width:52ch}
.geo-frames{position:absolute;inset:0;z-index:1}
.geo-frame{position:absolute;inset:0;opacity:0;will-change:transform,opacity;transform-origin:var(--ox,50%) var(--oy,55%)}
.geo-frame svg{width:100%;height:100%;display:block}
.geo-frame text{font-family:var(--ft);fill:var(--claro);font-size:13px;paint-order:stroke;stroke:rgba(55,53,62,.92);stroke-width:4px;stroke-linejoin:round}
.geo-frame text.big{font-family:var(--fd);font-size:18px;font-weight:500;fill:#fff}
.geo-frame text.dim{fill:rgba(211,218,217,.7);font-size:11.5px}
.geo-frame text.over{fill:#fff;font-family:var(--fd);font-size:17px;font-weight:500}
.geo-caps{position:absolute;z-index:3;left:max(var(--gutter),calc((100vw - var(--wrap))/2));top:50%;transform:translateY(-50%);width:440px;max-width:calc(100vw - 2*var(--gutter));min-height:220px}
.geo-caps li{position:absolute;left:0;top:0;width:100%;opacity:0;background:rgba(55,53,62,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:3px solid var(--vinho);padding:22px 24px 24px;font-family:var(--fd);font-size:clamp(19px,1.5vw,24px);line-height:1.3;color:#fff}
.geo-caps li .n{display:block;font-family:var(--ft);font-size:13px;color:var(--vinho-claro);margin-bottom:8px;font-weight:400}
.geo-caps li .sub{display:block;margin-top:12px;font-family:var(--ft);font-size:14.5px;font-weight:300;line-height:1.5;color:var(--claro)}
.geo-credit{position:absolute;right:var(--gutter);bottom:16px;font-size:11.5px;opacity:.55;z-index:3;max-width:none}
@media (max-width:1180px){
  .geo-caps{top:auto;bottom:48px;transform:none;width:min(480px,100% - 2*var(--gutter))}
}
/* versão estática (celular / reduced motion): quadros empilhados */
.geo.static .geo-stage{min-height:0;height:auto;overflow:visible;padding-bottom:40px}
.geo.static .geo-head{position:static;padding-top:56px;width:min(var(--wrap),100% - 2*var(--gutter));margin-inline:auto}
.geo.static .geo-frames{position:static;display:grid;gap:14px;width:min(var(--wrap),100% - 2*var(--gutter));margin:24px auto 0}
.geo.static .geo-frame{position:relative;opacity:1;background:var(--graf2);border-radius:4px;overflow:hidden;margin:0}
.geo.static .geo-frame svg{aspect-ratio:4/3;height:auto}
.geo.static .geo-frame text{display:none}
.geo.static .geo-frame text.big,.geo.static .geo-frame text.over{display:block;font-size:17px}
.geo.static .geo-frame figcaption{padding:12px 14px 16px;font-family:var(--fd);font-size:17px;line-height:1.3;color:#fff;border-top:2px solid var(--vinho)}
.geo.static .geo-frame figcaption .sub{display:block;margin-top:8px;font-family:var(--ft);font-size:14px;font-weight:300;line-height:1.5;color:var(--claro)}
.geo.static .geo-caps{display:none}
.geo.static .geo-credit{position:static;padding:10px var(--gutter) 0;text-align:right}

/* ---------- descendo o rio ---------- */
.rio{position:relative;background:var(--graf3)}
.rio-pin{position:relative;display:flex;flex-direction:column}
.rio-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:56px 0 0}
.rio-hint{font-size:14px;color:var(--vinho-claro);white-space:nowrap}
.rio-map{position:relative;width:min(1400px,100% - 2*var(--gutter));margin:12px auto 0}
.rio-map svg{width:100%;height:auto;display:block;overflow:visible}
.rio-stops{position:absolute;inset:0}
.rio-stops li{position:absolute;transform:translate(-50%,0);font-family:var(--fd);font-size:clamp(11px,1vw,14px);font-weight:500;color:rgba(211,218,217,.9);white-space:nowrap;transition:color .3s;letter-spacing:.01em}
.rio-approx{position:absolute;right:0;bottom:-2px;font-size:11px;opacity:.45}
.rio-track{display:flex;flex-direction:column;flex:1}
.stop{position:relative;display:grid;grid-template-columns:1fr;gap:22px;padding:40px var(--gutter) 24px;border-top:1px solid rgba(211,218,217,.14);margin-top:24px}
.stop::before{content:"";position:absolute;left:var(--gutter);top:-1px;width:48px;height:3px;background:var(--vinho)}
.stop h3{font-size:clamp(28px,2.9vw,42px);margin:-6px 0 4px}
.stop-sub{font-size:15px;color:var(--claro);opacity:.75;margin-bottom:22px}
.stop dl div{display:grid;grid-template-columns:118px 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(211,218,217,.14);font-size:15px}
.stop dt{color:var(--vinho-claro);font-weight:400}
.stop dd{color:var(--claro)}
.stop-fact{margin-top:18px;font-family:var(--fd);font-weight:400;font-size:17px;line-height:1.4;color:var(--branco)}
.stop-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.stop-photo figcaption,.compare-cap{font-size:12.5px;opacity:.65;margin:10px 0 0;line-height:1.4}
.stop-photo{margin:0}
.compare{align-self:start}
.soon{position:relative;aspect-ratio:3/2;border:1px dashed rgba(211,218,217,.3);border-radius:4px;display:grid;place-items:center;overflow:hidden}
.soon p{font-family:var(--fd);font-weight:300;font-size:22px;color:var(--claro)}
.soon .waves{opacity:.5}
/* versão horizontal fixada (JS liga em telas largas sem reduced motion) */
.rio.horizontal .rio-pin{min-height:100vh;overflow:hidden}
.rio.horizontal .rio-head{flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;padding-top:calc(var(--head) + 8px)}
.rio.horizontal .rio-map{margin-top:4px}
.rio.horizontal .rio-stops li{color:rgba(211,218,217,.5)}
.rio.horizontal .rio-stops li.past{color:var(--vinho-claro)}
.rio.horizontal .rio-stops li.on{color:var(--branco)}
.rio.horizontal .rio-track{flex-direction:row;will-change:transform}
.rio.horizontal .stop{flex:0 0 100vw;width:100vw;grid-template-columns:minmax(280px,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start;padding:24px max(var(--gutter),calc((100vw - var(--wrap))/2)) 40px;border-top:0;margin-top:0}
.rio.horizontal .compare-box{margin-inline:0}
@media (max-height:780px){.rio.horizontal .rio-map{width:min(1000px,100% - 2*var(--gutter))}.rio.horizontal .stop-photo img,.rio.horizontal .soon{height:min(44vh,520px)}.rio.horizontal .compare-box{width:min(100%,calc(44vh * var(--r)))}}
.rio.horizontal .stop::before{display:none}
.rio.horizontal .stop-photo img,.rio.horizontal .soon{aspect-ratio:auto;height:min(48vh,520px)}
.rio.horizontal .compare-box{width:min(100%,calc(48vh * var(--r)));max-height:520px}
@media (max-width:1180px){
  .rio.horizontal .stop{grid-template-columns:minmax(260px,1fr) minmax(0,1fr);grid-template-rows:auto auto}
  .rio.horizontal .stop-ficha{grid-row:1/3}
  .rio.horizontal .stop-photo img,.rio.horizontal .soon{height:min(30vh,300px)}
  .rio.horizontal .compare-box{width:min(100%,calc(34vh * var(--r)))}
}

/* comparador satélite normal × seca */
.compare{justify-self:center;width:100%}
.compare-box{position:relative;overflow:hidden;border-radius:4px;background:#000;aspect-ratio:var(--r);width:100%;margin-inline:auto;touch-action:pan-y;user-select:none;--pos:50%}
[data-lake="tefe"] .compare-box{--r:713/412}
[data-lake="coari"] .compare-box{--r:390/454}
[data-lake="janauaca"] .compare-box{--r:629/463}
[data-lake="serpa"] .compare-box{--r:340/460}
[data-lake="monte-alegre"] .compare-box{--r:629/455}
.compare-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.compare-b{clip-path:inset(0 0 0 var(--pos))}
.compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--branco);transform:translateX(-1px);pointer-events:none}
.compare-handle::after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;background:var(--graf);border:1.5px solid var(--branco);transform:translate(-50%,-50%);background-image:linear-gradient(var(--branco),var(--branco)),linear-gradient(var(--branco),var(--branco));background-size:7px 1.5px;background-repeat:no-repeat;background-position:8px center,calc(100% - 8px) center}
.compare-l{position:absolute;bottom:10px;font-size:12px;font-weight:500;padding:4px 9px;background:rgba(55,53,62,.8);color:var(--branco);border-radius:3px;pointer-events:none}
.compare-l-a{left:10px}
.compare-l-b{right:10px;background:rgba(113,90,90,.9)}
.compare-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;-webkit-appearance:none;appearance:none}
.compare-box input:focus-visible{opacity:1;outline:2px solid var(--branco);outline-offset:-2px;background:transparent}
.compare-box input::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:100%}
.compare-box input::-moz-range-thumb{width:40px;height:100%;border:0;background:transparent}

/* ---------- indicadores ---------- */
.numeros{position:relative;padding:clamp(56px,7vw,96px) 0;overflow:hidden;background:var(--graf2)}
.numeros .waves{opacity:.5}
.numeros ul{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.numeros li{border-left:1px solid rgba(211,218,217,.25);padding-left:18px}
.numeros strong{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(40px,4.6vw,68px);line-height:1;color:var(--branco);font-variant-numeric:tabular-nums}
.numeros span{display:block;margin-top:8px;font-size:15px;color:var(--claro)}

/* ---------- GTs ---------- */
.gts{padding:clamp(72px,9vw,128px) 0}
.gts-intro{max-width:60ch;margin-bottom:clamp(36px,5vw,64px)}
.gts-intro h2{margin-bottom:14px}
.gts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(211,218,217,.18)}
.gt{display:flex;flex-direction:column;gap:16px;padding:36px clamp(16px,2.5vw,40px) 40px;text-decoration:none;border-right:1px solid rgba(211,218,217,.18);position:relative;transition:background .25s}
.gt:last-child{border-right:0}
.gt::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--vinho);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.gt:hover::before{transform:scaleX(1)}
.gt:hover{background:rgba(68,68,78,.5)}
.gt h3{font-size:clamp(22px,2vw,28px)}
.gt-quote{font-family:var(--fd);font-weight:300;font-size:17.5px;line-height:1.45;color:var(--branco)}
.gt p{font-size:15.5px}
.gt-link{margin-top:auto;font-size:14px;font-weight:500;color:var(--vinho-claro);border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:2px}

/* ---------- ciência e comunidades ---------- */
.juntos{position:relative;overflow:hidden;isolation:isolate;padding:clamp(72px,9vw,128px) 0 0}
.juntos-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.juntos-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(55,53,62,.96) 0%,rgba(55,53,62,.9) 45%,rgba(55,53,62,.55) 100%)}
.juntos-body{max-width:min(var(--wrap),100% - 2*var(--gutter))}
.juntos blockquote{font-family:var(--fd);font-weight:800;font-size:clamp(34px,5vw,72px);line-height:1.02;color:var(--branco);max-width:14ch;margin-bottom:28px;position:relative}
.juntos blockquote::before{content:"";position:absolute;left:-6px;right:45%;bottom:4px;height:.42em;background:var(--vinho);z-index:-1;opacity:.85}
.juntos h2{font-size:clamp(22px,2.2vw,30px);font-weight:400;margin-bottom:18px;color:var(--claro)}
.juntos p{max-width:56ch}
.juntos p+p{margin-top:14px}
.juntos .btn{margin-top:30px}
.juntos-credit{font-size:12px;opacity:.6;margin-top:48px}
.juntos-objetivos{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:72px;border-top:1px solid rgba(211,218,217,.25);background:rgba(55,53,62,.92)}
.juntos-objetivos li{padding:26px clamp(14px,1.8vw,28px) 30px;font-size:15px;border-right:1px solid rgba(211,218,217,.18);line-height:1.5}
.juntos-objetivos li:last-child{border-right:0}
.juntos-objetivos li::before{content:"";display:block;width:28px;height:2px;background:var(--vinho-claro);margin-bottom:14px}

/* ---------- galeria: mosaico filtrável ---------- */
.galeria{padding:clamp(72px,9vw,128px) 0 0}
.galeria-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.galeria-head p{font-size:15.5px;max-width:40ch;text-align:right}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{font:inherit;font-weight:500;font-size:14px;color:var(--claro);background:none;border:1px solid rgba(211,218,217,.35);border-radius:999px;padding:10px 16px;min-height:40px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.chip:hover{border-color:var(--claro)}
.chip.on{background:var(--vinho);border-color:var(--vinho);color:#fff}
.chip:disabled{cursor:default;opacity:.45;border-style:dashed}
.chip small{font-size:11px;font-weight:300;margin-left:6px}
.mosaico{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;grid-auto-flow:dense;gap:10px}
.mosaico li{position:relative;min-width:0}
.mosaico li.hide{display:none}
.mosaico li.big{grid-column:span 2;grid-row:span 2}
.mosaico li.wide{grid-column:span 2}
.mosaico button{display:block;width:100%;height:100%;padding:0;border:0;background:var(--graf2);cursor:zoom-in;border-radius:4px;overflow:hidden;text-align:left;color:inherit;font:inherit}
.mosaico img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mosaico button:hover img{transform:scale(1.04)}
.mosaico-cap{position:absolute;inset:auto 0 0 0;padding:28px 12px 10px;font-size:12.5px;line-height:1.35;color:#fff;background:linear-gradient(transparent,rgba(45,44,51,.9));opacity:0;transition:opacity .25s}
.mosaico-cap em{font-style:normal;opacity:.7;display:block}
.mosaico button:hover .mosaico-cap,.mosaico button:focus-visible .mosaico-cap{opacity:1}
.mosaico button:focus-visible{outline:2px solid var(--claro);outline-offset:2px}
.lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:var(--claro)}
.lightbox::backdrop{background:rgba(45,44,51,.94)}
.lightbox figure{display:grid;grid-template-rows:1fr auto;height:100vh;padding:56px clamp(56px,8vw,120px) 32px;gap:14px;margin:0}
.lightbox img{width:100%;height:100%;object-fit:contain;min-height:0}
.lightbox figcaption{text-align:center;font-size:15px;line-height:1.45;max-width:70ch;margin:0 auto}
.lightbox figcaption em{font-style:normal;opacity:.7}
.lightbox figcaption small{display:block;font-size:12.5px;opacity:.55;margin-top:4px}
.lb-close,.lb-nav{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid rgba(211,218,217,.45);background:rgba(55,53,62,.8);color:var(--claro);font-size:22px;cursor:pointer;display:grid;place-items:center;transition:.2s}
.lb-close:hover,.lb-nav:hover{background:var(--vinho);border-color:var(--vinho);color:#fff}
.lb-close{top:16px;right:16px}
.lb-nav{top:50%;transform:translateY(-50%)}
.lb-prev{left:12px}.lb-next{right:12px}
.lb-close:focus-visible,.lb-nav:focus-visible{outline:2px solid #fff}

/* ---------- notícias ---------- */
.noticias{padding:clamp(72px,9vw,128px) 0;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);align-items:start}
.noticias-head{position:sticky;top:calc(var(--head) + 24px)}
.noticias-head h2{margin-bottom:14px}
.noticias-list li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;border-top:1px solid rgba(211,218,217,.16);align-items:baseline}
.noticias-list li:last-child{border-bottom:1px solid rgba(211,218,217,.16)}
.noticias-list time{font-family:var(--fd);font-weight:500;font-size:15px;color:var(--vinho-claro);white-space:nowrap}
.noticias-list p{font-size:16.5px;color:var(--branco);max-width:none}

/* ---------- em breve ---------- */
.embreve{position:relative;padding:clamp(56px,7vw,96px) 0 clamp(72px,9vw,128px);border-top:1px solid rgba(211,218,217,.16);overflow:hidden}
.embreve .waves{opacity:.35;inset:0}
.embreve h2{position:relative;margin-bottom:32px}
.embreve ul{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,44px)}
.embreve h3{font-size:22px;margin-bottom:8px}
.embreve p{font-size:15px}

/* ---------- rodapé ---------- */
.rodape{background:var(--graf3);padding-bottom:32px}
.regua{padding:40px var(--gutter) 24px;border-bottom:1px solid rgba(211,218,217,.14)}
.regua img{width:min(1400px,100%);margin-inline:auto}
.rodape-grid{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1fr;gap:clamp(24px,4vw,64px);padding:48px 0 32px;font-size:14.5px}
.rodape-brand img{width:170px}
.rodape h4{font-size:17px;font-weight:500;margin-bottom:12px}
.rodape p+p{margin-top:10px}
.redes{display:flex;gap:12px;margin-top:14px}
.redes a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(211,218,217,.3);border-radius:50%;color:var(--claro)}
.rodape-links li{padding:0}
.rodape-links a{text-decoration:none;opacity:.85;display:inline-block;padding:8px 0;min-height:40px}
.rodape-links a:hover{opacity:1;text-decoration:underline}
.rodape-fim{font-size:12.5px;opacity:.55;border-top:1px solid rgba(211,218,217,.14);padding-top:20px;max-width:none}

/* ---------- responsivo ---------- */
@media (max-width:1180px){
  .menu a{padding:10px 8px;font-size:13.5px}
}
@media (max-width:980px){
  .burger{display:flex}
  .menu{position:fixed;inset:var(--head) 0 0 0;background:var(--graf2);padding:24px var(--gutter);overflow:auto;transform:translateX(100%);transition:transform .3s,visibility .3s;visibility:hidden;z-index:49}
  .menu.open{visibility:visible}
  .menu.open{transform:none}
  .menu>ul{flex-direction:column;gap:0}
  .menu a{font-size:19px;padding:12px 0;border-bottom:1px solid rgba(211,218,217,.12)}
  .has-sub .sub{position:static;opacity:1;visibility:visible;transform:none;background:none;padding:0 0 8px 18px;min-width:0}
  .sub a{font-size:16px;padding:8px 0;border:0;opacity:.85}
  .sentinela{grid-template-columns:1fr}
  .numeros ul{grid-template-columns:repeat(3,1fr);gap:28px 18px}
  .gts-grid{grid-template-columns:1fr;border-top:0}
  .gt{border-right:0;border-top:1px solid rgba(211,218,217,.18);padding-inline:0}
  .juntos-objetivos{grid-template-columns:1fr 1fr}
  .juntos-objetivos li:nth-child(2n){border-right:0}
  .noticias{grid-template-columns:1fr}
  .mosaico{grid-template-columns:repeat(3,1fr);grid-auto-rows:170px}
  .noticias-head{position:static}
  .embreve ul{grid-template-columns:1fr 1fr}
  .rodape-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  body{font-size:16px}
  .brand img{height:32px}
  .hero-body{padding-bottom:72px}
  .hero .hero-credit{position:static;padding:0 var(--gutter) 14px;text-align:right}
  .numeros ul{grid-template-columns:1fr 1fr}
  .stop dl div{grid-template-columns:100px 1fr}
  .juntos-objetivos{grid-template-columns:1fr}
  .juntos-objetivos li{border-right:0;border-top:1px solid rgba(211,218,217,.18)}
  .noticias-list li{grid-template-columns:1fr;gap:4px}
  .embreve ul,.rodape-grid{grid-template-columns:1fr}
  .mosaico{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:6px}
  .mosaico li.big{grid-column:span 2;grid-row:span 1}
  .mosaico li.wide{grid-column:span 2}
  .galeria-head{flex-direction:column;align-items:flex-start}
  .galeria-head p{text-align:left}
  .lightbox figure{padding:64px 12px 24px}
  .lb-nav{top:auto;bottom:0;transform:none}
  .rio-stops,.rio-approx{display:none}
  .geo.static .geo-frame text,.geo.static .geo-frame text.big,.geo.static .geo-frame text.over{display:none}
  .sentinela-fig img{aspect-ratio:16/9;object-fit:cover;object-position:center}
  .rio-map{margin-top:18px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}

/* régua de parceiros ampliada */
*:has(> .regua-blocos){max-width:none!important}
.regua-blocos{width:100%;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(6px,1.2vw,16px)}
.regua-blocos--colorido{background:#fff;padding:clamp(14px,2.2vw,32px) clamp(14px,2.2vw,36px);border-radius:4px}
.regua-blocos img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}
.regua-blocos img.rb-mob{display:none!important}
@media (max-width:640px){.regua-blocos img{display:none!important}.regua-blocos img.rb-mob{display:block!important}.regua-blocos--colorido{padding:0;background:transparent}}

