/* Seções do site institucional (01 a 07) e rodapé. Cabeçalho e carrossel ficam em style.css.
   Motivo único: a linha d'água do logo, onde a garrafa afunda e vira tartaruga. A mesma onda, em três
   tamanhos, separa as seções (em movimento), recorta as fotos e marca o botão e os itens de lista. */
[hidden]{display:none!important}
:root{
 --abyss:#063b50;--abyss-2:#084a62;--abyss-3:#0b6a8a;--pale:#eaf5f2;--pale-2:#b8e2da;--soft:#eef4f1;
 --ink:#123d4a;--ink-soft:#4d6a70;--on-deep:#eaf5f2;--on-deep-soft:#b5d4cf;--map-empty:#145a72;
 --m:max(20px,5vw,calc((100vw - 1680px)/2));--sp:clamp(64px,7.5vw,108px);
 --t-display:clamp(40px,5.2vw,78px);--t-lead:clamp(20px,2vw,28px);--t-head:20px;--t-body:17px;--t-small:14px;
 --ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);
 --solid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Crect width='1' height='1'/%3E%3C/svg%3E");
 --wave-below:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cpath d='M0 34Q60 10 120 34T240 34V60H0Z'/%3E%3C/svg%3E");
 --wave-above:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0H240V34Q180 58 120 34T0 34Z'/%3E%3C/svg%3E");
 --wave-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cpath d='M0 34Q60 10 120 34T240 34' fill='none' stroke='%23000' stroke-width='5'/%3E%3C/svg%3E");
 --wave-btn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' preserveAspectRatio='none'%3E%3Cpath d='M0 34Q60 10 120 34T240 34' fill='none' stroke='%23000' stroke-width='11'/%3E%3C/svg%3E");
 --wave-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 4 240 60'%3E%3Cpath d='M6 34Q60 10 120 34T234 34' fill='none' stroke='%23000' stroke-width='22' stroke-linecap='round'/%3E%3C/svg%3E")
}
body:not(:has(.workspace)){background:#fff}
main>section:not(.hero){scroll-margin-top:70px;overflow-x:clip}
html,body{overflow-x:clip}
main section:not(.hero) :focus-visible,footer.site-foot :focus-visible{outline:3px solid var(--mint);outline-offset:4px}
.s-projeto :focus-visible,.s-frentes :focus-visible{outline-color:var(--abyss-3)}
main section:not(.hero) p{color:var(--ink);font-size:var(--t-body);line-height:1.55;text-wrap:pretty}
.wrap{padding:0 var(--m)}
main section:not(.hero) h2{font:600 var(--t-display)/.98 Manrope,sans-serif;letter-spacing:-.045em;color:var(--abyss);margin:0;overflow-wrap:break-word;min-width:0;text-wrap:balance}
main section:not(.hero) h3{font:700 var(--t-head)/1.25 Manrope,sans-serif;letter-spacing:-.02em;color:var(--abyss);margin:0 0 12px}
.link{display:inline-block;font-weight:700;font-size:var(--t-small);color:var(--abyss-3);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;transition:color .25s ease,text-underline-offset .35s var(--ease-out)}
.link:hover{color:var(--abyss);text-underline-offset:10px}
.empty{font-size:var(--t-body);color:var(--ink-soft)}
.sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(40px,4.5vw,64px)}
.sec-head>p{margin:0!important;max-width:36ch;justify-self:end}

/* A onda: separador entre seções, sempre igual, com a água correndo */
.wave{position:relative;height:64px;background:var(--from);overflow:hidden;margin:-1px 0;z-index:1}
.wave:before,.wave:after{content:'';position:absolute;left:0;width:calc(100% + 240px);height:60px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:240px 60px;mask-size:240px 60px;will-change:transform}
.wave:before{bottom:0;background:var(--to);-webkit-mask-image:var(--wave-below);mask-image:var(--wave-below);animation:wave-run 16s linear infinite}
.wave:after{bottom:6px;background:var(--mint);-webkit-mask-image:var(--wave-line);mask-image:var(--wave-line);animation:wave-run 11s linear infinite reverse;opacity:.9}
@keyframes wave-run{to{transform:translateX(-240px)}}

/* A mesma onda, menor, recortando fotos e botão */
.wave-img{margin:0;overflow:clip;-webkit-mask-image:var(--solid),var(--wave-above);mask-image:var(--solid),var(--wave-above);-webkit-mask-size:100% calc(100% - 20px),96px 24px;mask-size:100% calc(100% - 20px),96px 24px;-webkit-mask-repeat:no-repeat,repeat-x;mask-repeat:no-repeat,repeat-x;-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%}
.wave-img img,.wave-img video{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out)}
@media (hover:hover) and (pointer:fine){
 .tile:hover .wave-img img,.tile:hover .wave-img video{transform:scale(1.06)}
}

/* Botões: retângulo inteiro. No hover, uma ondinha fina entra pela esquerda e corre até a direita, pela borda de baixo. */
main section:not(.hero) .button,.hero .button.light{position:relative;overflow:hidden;border-radius:0;transition:color .3s ease,background-color .3s ease,transform .3s var(--ease-out)}
main section:not(.hero) .button{display:inline-flex;align-items:center;background:var(--abyss-3);color:#fff;font-size:var(--t-small);font-weight:700;padding:16px 26px 20px;gap:0}
.hero .button.light{padding-bottom:20px!important}
main section:not(.hero) .button:after,.hero .button.light:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:9px;background:currentColor;opacity:.6;pointer-events:none;-webkit-mask:var(--wave-btn) 0 50%/40px 9px repeat-x;mask:var(--wave-btn) 0 50%/40px 9px repeat-x;clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--ease-out)}
main section:not(.hero) .button:hover:after,.hero .button.light:hover:after{clip-path:inset(0 0 0 0);animation:btn-wave 1.4s linear infinite}
main section:not(.hero) .button:hover{background:var(--abyss)}
main section:not(.hero) .button:active,.hero .button.light:active{transform:scale(.98)}
@keyframes btn-wave{to{-webkit-mask-position:40px 50%;mask-position:40px 50%}}

/* 01, O projeto */
.s-projeto{padding:var(--sp) 0 calc(var(--sp) * .8);background:#fff}
.projeto-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.statement{font:500 var(--t-lead)/1.32 Manrope,sans-serif!important;letter-spacing:-.02em;color:var(--abyss)!important;max-width:30ch;margin:32px 0 0}
.projeto-texto{margin:20px 0 0!important;max-width:50ch;color:var(--ink-soft)!important}
.projeto-foto{aspect-ratio:5/4}
/* Ensino, Pesquisa e Extensão: um painel só, com o topo em onda que corre */
.tripe{margin:clamp(56px,6vw,88px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,64px);background:var(--soft);padding:76px clamp(24px,3.5vw,56px) 40px;-webkit-mask-image:var(--wave-below),var(--solid);mask-image:var(--wave-below),var(--solid);-webkit-mask-size:240px 48px,100% calc(100% - 44px);mask-size:240px 48px,100% calc(100% - 44px);-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%}
.tripe dt{font:700 var(--t-lead)/1.1 Manrope,sans-serif;color:var(--abyss);letter-spacing:-.03em;margin-bottom:10px}
.tripe dd{margin:0;font-size:16px;line-height:1.5;color:var(--ink);max-width:30ch}
.projeto-voz{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);margin-top:clamp(56px,6vw,88px);align-items:center}
.projeto-voz figure{aspect-ratio:4/5}
.projeto-voz blockquote{margin:0 0 44px}
.projeto-voz blockquote p{font:600 var(--t-lead)/1.25 Manrope,sans-serif!important;letter-spacing:-.025em;color:var(--abyss)!important;margin:0 0 12px}
.projeto-voz cite{font-style:normal;font-size:var(--t-small);color:var(--ink-soft)}
.projeto-voz>.reveal{container-type:inline-size}
.ods-title{font:600 var(--t-body)/1.4 'DM Sans',sans-serif!important;letter-spacing:0!important;color:var(--ink-soft)!important;max-width:44ch;margin:0 0 16px!important}
.ods-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ods-list li{aspect-ratio:1;transition:transform .45s var(--ease-out),opacity .35s ease,filter .35s ease}
.ods-list img{display:block;width:100%;height:100%;object-fit:cover}
@container (min-width:520px){.ods-list{grid-template-columns:repeat(4,1fr)}}
@media (hover:hover) and (pointer:fine){
 .ods-list:hover li:not(:hover){opacity:.5;filter:saturate(.5)}
 .ods-list li:hover{transform:translateY(-10px) scale(1.05) rotate(-1.5deg);z-index:1}
}
.ods-credit{margin:12px 0 0!important;font-size:13px!important;color:var(--ink-soft)!important}

/* 02, Iniciativas */
.s-frentes{background:var(--soft);padding:calc(var(--sp) * .7) 0 var(--sp)}
.s-frentes .sec-head{display:block;margin-bottom:clamp(28px,3vw,44px)}
[id^="f-"]{scroll-margin-top:100px}
/* Mares na Estrada: o vídeo à esquerda (começa sozinho ao chegar na seção) e o texto à direita, sem caixas */
.estrada{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:center}
.estrada-vid{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:#0b2f3d;cursor:default}
.estrada-vid video{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.estrada-vid figcaption{position:absolute;left:0;bottom:0;max-width:calc(100% - 24px);padding:12px 18px;background:var(--abyss);color:#fff;font:600 var(--t-small)/1.35 'DM Sans',sans-serif;transform:translateY(0);transition:transform .6s var(--ease-out),background-color .3s ease}
@media (hover:hover) and (pointer:fine){
 .estrada-vid:hover video{transform:scale(1.06)}
 .estrada-vid:hover figcaption{background:var(--abyss-3);transform:translateY(-6px)}
}
.estrada-body{display:grid;gap:28px;align-content:center}
.estrada-head{display:grid;gap:6px;justify-items:start}
.estrada-head span{font:600 var(--t-small)/1.2 'DM Sans',sans-serif;color:var(--abyss-3);order:-1;padding-left:30px;position:relative}
.estrada-head span:before{content:'';position:absolute;left:0;top:50%;width:22px;height:7px;margin-top:-3px;background:var(--abyss-3);-webkit-mask:var(--wave-glyph) center/contain no-repeat;mask:var(--wave-glyph) center/contain no-repeat}
.estrada-head h3{font:600 var(--t-display)/.98 Manrope,sans-serif!important;letter-spacing:-.045em;color:var(--abyss);margin:0!important}
.estrada-lead{margin:0;max-width:46ch;font-size:var(--t-lead)!important;line-height:1.35!important;font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.02em;color:var(--abyss)!important}
.estrada-cidades-box{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"count map" "list map";gap:20px clamp(24px,3.5vw,64px);align-items:start;margin-top:6px}
.estrada-count{grid-area:count;display:flex;align-items:flex-end;gap:16px;margin:0!important;font-size:var(--t-small)!important;line-height:1.35!important;color:var(--ink-soft)!important}
.estrada-cidades{grid-area:list}
.estrada-map{grid-area:map;align-self:center}
.estrada-map svg{display:block;width:100%;height:auto;overflow:visible}
.estrada-map .em{fill:#cbd9d4;stroke:var(--soft);stroke-width:.7;transition:fill .3s ease}
.estrada-map .em.on{fill:var(--abyss-3);cursor:pointer}
.estrada-map .em.on.hl{fill:var(--abyss);stroke:var(--mint);stroke-width:1.6}
.estrada-cidades li.hl{color:var(--abyss-3);transform:translateX(4px);font-weight:700}
.estrada-count strong{font:700 clamp(64px,7vw,112px)/.85 Manrope,sans-serif;color:var(--abyss-3);letter-spacing:-.06em}
.estrada-count{max-width:none}
.estrada-cidades{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.estrada-cidades li{font-size:var(--t-small);line-height:1.8;color:var(--ink);display:flex;align-items:center;gap:8px;break-inside:avoid;transition:transform .3s var(--ease-out)}
.estrada-cidades li:hover{transform:translateX(4px)}
.estrada-cidades li:before,.menu-items>*:before,.pesquisa li:before{content:'';flex:0 0 auto;width:20px;height:7px;background:currentColor;-webkit-mask:var(--wave-glyph) center/contain no-repeat;mask:var(--wave-glyph) center/contain no-repeat;color:var(--abyss-3)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(48px,5vw,72px) clamp(20px,3vw,48px);align-items:start;margin-top:clamp(48px,5vw,72px)}
.tile{min-width:0;display:flex;flex-direction:column}
.tile:nth-child(3n+2){margin-top:clamp(32px,4vw,64px)}
.tile figure{position:relative;aspect-ratio:5/4;margin:0 0 20px}
.tile figure img{position:absolute;inset:0;object-position:50% 35%}
.tile h3{font:700 var(--t-lead)/1.15 Manrope,sans-serif!important;letter-spacing:-.03em;color:var(--abyss);margin:0 0 2px!important;transition:color .25s ease}
.tile .tile-tag{margin:0 0 12px!important;font-size:var(--t-small)!important;color:var(--ink-soft)!important}
.tile>p:not(.tile-tag):not(.tile-stat){margin:0 0 14px;font-size:16px!important;line-height:1.5!important;color:var(--ink)!important;max-width:44ch}
.tile-stat{display:flex;align-items:baseline;gap:10px;margin:0!important;font-family:Manrope,sans-serif!important;font-weight:600;color:var(--ink)!important}
.tile-stat strong{font:700 var(--t-lead)/1 Manrope,sans-serif;color:var(--abyss-3);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tile .link{align-self:flex-start;margin-top:auto}
@media (hover:hover) and (pointer:fine){.tile:hover h3{color:var(--abyss-3)}}

/* 03, Impacto */
.s-indicadores{background:var(--abyss);padding:calc(var(--sp) * .7) 0 var(--sp)}
.s-indicadores h2,.s-pub h2,.s-insta h2,.s-indicadores h3,.s-pub h3,.vozes h3,.parceiros h3{color:var(--on-deep)!important}
.s-indicadores p,.s-pub p{color:var(--on-deep)!important}
.ind-nums{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;margin-bottom:56px}
.ind-nums>div{display:flex;flex-direction:column;justify-content:space-between;padding:22px 24px;min-width:0;transform-origin:bottom}
.ind-nums strong{font:700 clamp(28px,3.4vw,52px)/1 Manrope,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.ind-nums span{font-size:16px;line-height:1.35;max-width:22ch}
.ind-nums .n1{grid-column:1/5;height:300px;background:var(--mint);color:var(--abyss)}
.ind-nums .n1 strong{font-size:var(--t-display)}
.ind-nums .n2{grid-column:5/8;height:250px;background:var(--pale);color:var(--abyss)}
.ind-nums .n3{grid-column:8/11;height:210px;background:var(--abyss-3);color:#fff}
.ind-nums .n4{grid-column:11/13;height:175px;background:var(--abyss-2);color:var(--mint)}
.ind-nums .n4 span{color:var(--on-deep)}
.ind-nums>div{transition:transform .4s var(--ease-out),background-color .3s ease}
.ind-nums>div:hover{transform:translateY(-6px)}
.ind-years{display:flex;gap:4px;align-items:flex-end;margin-bottom:28px;overflow-x:auto;scrollbar-width:none}
.ind-years button{flex:1 0 64px;border:0;background:transparent;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--on-deep-soft);transition:color .2s ease,background-color .2s ease}
.ind-years button:hover{background:#ffffff12;color:var(--on-deep)}
.ind-years .bar{width:24px;height:56px;display:flex;align-items:flex-end}
.ind-years .bar:before{content:'';width:100%;height:calc(var(--h)*100%);min-height:3px;background:#2f7f92;transition:background-color .2s ease,transform .3s var(--ease-out);transform-origin:bottom}
.ind-years button:hover .bar:before{transform:scaleY(1.08)}
.ind-years button[data-y="todos"] .bar:before{height:100%;background:#ffffff1f}
.ind-years b{font-size:16px;color:var(--on-deep)}.ind-years small{font-size:var(--t-small)}
.ind-years button[aria-pressed="true"]{background:var(--abyss-2);color:var(--mint)}
.ind-years button[aria-pressed="true"] .bar:before{background:var(--mint)}
.ind-body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:40px}
.ind-chart{background:var(--abyss-2);padding:24px 28px 20px;min-width:0}
.chart-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.chart-head h3{margin:0!important}
.chart-switch{display:flex;gap:4px}
.chart-switch button{border:0;background:transparent;color:var(--on-deep-soft);font:600 var(--t-small)/1 'DM Sans',sans-serif;padding:9px 14px;transition:background-color .2s ease,color .2s ease}
.chart-switch button:hover{background:#ffffff14;color:var(--on-deep)}
.chart-switch button[aria-pressed="true"]{background:var(--mint);color:var(--abyss)}
.chart-stage{position:relative}
.chart-svg{display:block;width:100%;height:auto;overflow:visible;animation:chart-in .7s ease both}
@keyframes chart-in{from{opacity:0}}
.c-tide{fill:rgba(155,214,204,.1)}
.c-area{fill:rgba(155,214,204,.24)}
.c-line{fill:none;stroke:var(--mint);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.c-pt{fill:var(--abyss-2);stroke:var(--mint);stroke-width:3;transition:r .25s var(--ease-out),fill .25s ease}
.c-val{fill:var(--on-deep);font:700 22px/1 Manrope,sans-serif;text-anchor:middle;transition:fill .25s ease}
.c-yr{fill:var(--on-deep-soft);font:600 18px/1 'DM Sans',sans-serif;text-anchor:middle;transition:fill .25s ease}
.c-hit{fill:transparent;cursor:pointer;outline:none}
.c-year.hv .c-pt,.c-year.sel .c-pt{fill:var(--mint);r:10}
.c-year.sel .c-yr,.c-year.sel .c-val{fill:var(--mint)}
.c-hit:focus-visible{stroke:var(--mint);stroke-width:2}
.chart-tip{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 20px));background:#fff;color:var(--abyss);padding:10px 14px;font-size:var(--t-small);line-height:1.4;white-space:nowrap;pointer-events:none}
.chart-tip b{display:block;font-size:16px}
.chart-note{margin:6px 0 0!important;font-size:var(--t-small)!important;line-height:1.4!important;color:var(--on-deep-soft)!important}
.ind-sub{margin:-8px 0 16px!important;font-size:var(--t-small)!important;color:var(--on-deep-soft)!important}
.map-out{margin:14px 0 36px!important;font-size:var(--t-small)!important;line-height:1.5!important;color:var(--on-deep-soft)!important}
.map-out b{color:var(--on-deep);font-weight:600}
@media (prefers-reduced-motion:no-preference){
 .c-tide{animation:tide 7s ease-in-out infinite alternate}
 .fx .chart-svg{clip-path:inset(0 100% 0 0);animation:none}
 .fx .chart-stage.is-in .chart-svg{clip-path:inset(0);transition:clip-path 1.7s var(--ease-io)}
}
@keyframes tide{from{transform:translateY(-4px)}to{transform:translateY(10px)}}
.ind-side h3{margin:2px 0 16px}
.ind-side h3+ol,.ind-side h3+ul{margin-bottom:36px}
.ind-rank,.ind-types{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ind-rank li,.ind-types li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px;align-items:center;gap:12px;font-size:16px;color:var(--on-deep)}
.ind-rank small{font-size:var(--t-small);color:var(--on-deep-soft);margin-left:6px}
.ind-rank i,.ind-types i{height:8px;background:#ffffff14;position:relative}
.ind-rank i:before,.ind-types i:before{content:'';position:absolute;inset:0 auto 0 0;width:calc(var(--w)*100%);background:var(--mint);transition:width .8s var(--ease-out)}
.ind-types i:before{background:#5fa9b5}
.ind-rank b,.ind-types b{text-align:right;font-variant-numeric:tabular-nums}
.ind-rank li.more{display:block;font-size:var(--t-small);color:var(--on-deep-soft)}
.s-indicadores .source{font-size:var(--t-small)!important;line-height:1.55!important;color:var(--on-deep-soft)!important;margin:28px 0 0;max-width:62ch}

/* 04, Publicações */
.s-pub{background:var(--abyss-2);padding:calc(var(--sp) * .7) 0 var(--sp)}
.pesquisa{list-style:none;margin:0;padding:0;display:grid;gap:14px;justify-self:end}
.pesquisa li{display:flex;align-items:baseline;gap:12px;font-size:16px;color:var(--on-deep-soft)}
.pesquisa li:before{color:var(--mint);align-self:center}
.pesquisa b{font:700 var(--t-body)/1.3 Manrope,sans-serif;color:var(--on-deep)}
.pub-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,5vw,80px)}
.pub-grid h3{font-size:var(--t-lead)!important;margin:0 0 24px!important}
.pub-grid .h-artigos{margin-top:44px!important}
.menu-items{display:grid;gap:4px}
.menu-items>*{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:2px 16px;align-content:start;padding:12px 14px 12px 0;transition:background-color .25s ease,transform .35s var(--ease-out)}
.menu-items>*:before{grid-row:1;grid-column:1;align-self:center;width:22px;height:8px;color:var(--mint);transition:transform .35s var(--ease-out)}
.menu-items>a:hover,.news-card:hover{background:#ffffff0d;transform:translateX(6px)}
.menu-items>a:hover:before,.news-card:hover:before{transform:translateX(4px)}
.menu-items b,.news-card h4{grid-column:2;font:700 var(--t-body)/1.35 Manrope,sans-serif;color:var(--on-deep);margin:0}
.news-card p,.news-card:nth-child(n+5){display:none}
.news-card time{grid-column:3;grid-row:1;font-size:var(--t-small);color:var(--on-deep-soft);white-space:nowrap}
.news-card small{grid-column:2/4;font-size:var(--t-small);color:var(--mint)}
.news-card h4 a:hover{color:var(--mint)}
.materials a span,.article span{grid-column:3;grid-row:1;font-size:var(--t-small);color:var(--on-deep-soft);text-align:right}
.materials a:hover b,.article:hover b{color:var(--mint)}
.article small{grid-column:2/4;font-size:var(--t-small);color:var(--on-deep-soft)}
.articles>.empty{display:block;color:var(--on-deep-soft)!important;margin:0;max-width:40ch;font-size:16px!important;padding:0}
.articles>.empty:before{display:none}

/* 05, Equipe */
.s-equipe{background:var(--abyss);padding:calc(var(--sp) * .7) 0 var(--sp)}
.panel{background:var(--pale);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);overflow:hidden}
.panel-text{padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:32px;align-items:flex-start}
.panel-blocks{display:grid;gap:22px}
.panel-blocks p{margin:0;font-size:16px!important}
.panel-blocks b{font-weight:700;color:var(--abyss)}
.shaped{margin:0;min-height:100%;overflow:clip}
.shaped img{width:100%;height:100%;object-fit:cover;display:block}
.team-groups{display:grid;gap:22px;margin:48px 0 0}
.team-panel h3{color:var(--on-deep)!important}
.team-head span{color:var(--mint)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.team-card{padding:18px 12px;background:var(--abyss-2);text-align:center;transition:transform .35s var(--ease-out)}
.team-card:hover{transform:translateY(-4px)}
.team-face{width:80px;height:80px;margin:0 auto 12px;border-radius:50%;overflow:hidden;background:var(--abyss-3);display:grid;place-items:center}
.team-face img{width:100%;height:100%;object-fit:cover}
.team-face[data-initials]:before{content:attr(data-initials);font:700 22px/1 Manrope,sans-serif;color:var(--pale)}
.team-card h4{font:700 16px/1.35 Manrope,sans-serif;color:var(--on-deep);margin:0 0 4px}
.team-card p{font-size:var(--t-small)!important;color:var(--on-deep-soft)!important;margin:0}
.team-links{display:flex;justify-content:center;gap:10px;margin-top:8px;font-size:var(--t-small);font-weight:700;color:var(--mint)}
.vozes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 64px;margin-top:clamp(56px,6vw,88px);align-items:start}
.vozes>h3{grid-column:1;grid-row:1;margin:0!important;font-size:var(--t-lead)!important}
.vozes-nav{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.vozes-nav button{background:none;border:0;padding:6px 0;color:var(--on-deep-soft);font:600 16px/1.3 Manrope,sans-serif;display:flex;align-items:center;gap:10px;transition:color .25s ease}
.vozes-nav button:before{content:'';width:18px;height:3px;background:currentColor;transition:width .45s var(--ease-out)}
.vozes-nav button[aria-selected="true"]{color:var(--mint)}
.vozes-nav button[aria-selected="true"]:before{width:44px}
.vozes-nav button:hover{color:var(--on-deep)}
.vozes-stage{grid-column:2;grid-row:1/span 2;display:grid}
.vozes-stage figure{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .7s ease,transform .9s var(--ease-out),visibility 0s linear .7s}
.vozes-stage figure.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.vozes blockquote{margin:0 0 18px;font:500 var(--t-lead)/1.38 Manrope,sans-serif;letter-spacing:-.018em;color:var(--on-deep)}
.vozes blockquote:before{content:'“';color:var(--mint)}.vozes blockquote:after{content:'”';color:var(--mint)}
.vozes figcaption{font-size:var(--t-small);color:var(--on-deep-soft)}
.vozes figcaption b{color:var(--mint)}
.parceiros{margin-top:clamp(56px,6vw,88px)}
.parceiros h3{margin:0 0 24px!important;font-size:var(--t-lead)!important}
.marquee{overflow:hidden}
.marquee ul{list-style:none;margin:0;padding:0;display:flex;width:max-content;font:600 clamp(22px,2.4vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-.02em;color:var(--on-deep);animation:marquee 60s linear infinite}
.marquee:hover ul{animation-play-state:paused}
.marquee li{display:flex;align-items:center;white-space:nowrap;padding-right:28px;transition:color .25s ease}
.marquee li:hover{color:var(--mint)}
.marquee li:after{content:'';width:30px;height:10px;margin-left:28px;background:var(--mint);-webkit-mask:var(--wave-glyph) center/contain no-repeat;mask:var(--wave-glyph) center/contain no-repeat}
@keyframes marquee{to{transform:translateX(-50%)}}

/* 06, Acompanhe */
.s-insta{background:var(--abyss-2);padding:8px 0}
.wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 8px}
.wall>.insta-grid{display:contents}
.cell,.wall .highlight-card{aspect-ratio:1;min-width:0;position:relative;overflow:hidden}
.c-head{order:1;background:var(--pale);padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.c-head h2{font-size:var(--t-lead)!important;color:var(--abyss)!important;hyphens:manual}
.c-head p{margin:0;font-size:var(--t-small)!important;color:var(--ink)!important}
.c-word{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;transition:background-color .3s ease}
.c-word b{font:700 clamp(28px,3.4vw,52px)/1 Manrope,sans-serif;letter-spacing:-.045em;transition:transform .5s var(--ease-out)}
.c-word:hover b{transform:translateY(-8px) scale(1.04)}
.c-word span{position:absolute;left:12px;right:12px;bottom:14px;font-size:13px;line-height:1.3}
.w1{order:3;background:var(--mint);color:var(--abyss)}
.w2{order:5;background:var(--abyss-3);color:#fff}
.w3{order:6;background:var(--abyss);color:var(--mint)}.w3 span{color:var(--on-deep)}
.w4{order:8;background:var(--pale);color:var(--abyss)}
.w5{order:10;background:var(--mint);color:var(--abyss)}
.c-link{order:12;background:var(--abyss-3);color:#fff}
.c-link:hover{background:var(--abyss)}
.wall .highlight-card:nth-child(1){order:2}.wall .highlight-card:nth-child(2){order:4}.wall .highlight-card:nth-child(3){order:7}.wall .highlight-card:nth-child(4){order:9}.wall .highlight-card:nth-child(5){order:11}
.wall .highlight-card>a{display:block;position:absolute;inset:0}
.wall .insta-media{position:absolute;inset:0;display:block}
.wall .insta-media img{width:100%;height:100%!important;object-fit:cover;border-radius:0;transition:transform .9s var(--ease-out)}
.wall .highlight-card a:hover img{transform:scale(1.08)}
.wall .highlight-copy{position:absolute;left:0;right:0;bottom:0;background:#063b50e6;padding:10px 12px;transform:translateY(100%);visibility:hidden;transition:transform .45s var(--ease-out),visibility 0s linear .45s}
.wall .highlight-card a:hover .highlight-copy,.wall .highlight-card a:focus-visible .highlight-copy{transform:none;visibility:visible;transition-delay:0s}
@media (hover:none){.wall .highlight-copy{transform:none;visibility:visible}}
.wall .highlight-copy small,.wall .highlight-copy span{display:none}
.wall .highlight-copy .hc-title{font:600 13px/1.35 'DM Sans',sans-serif!important;color:#fff!important;margin:0!important}
.insta-media.is-video:after{content:'vídeo';position:absolute;right:8px;top:8px;font-size:13px;color:#fff;background:#063b50cc;padding:2px 8px}

/* 07, Contato */
.s-contato{background:var(--abyss);padding:calc(var(--sp) * .8) var(--m) var(--sp)}
.coupon{position:relative;display:grid;grid-template-columns:minmax(0,46fr) 12px minmax(0,54fr);background:var(--mint);color:var(--abyss)}
.coupon-left{padding:44px 44px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.coupon-left p{margin:0;max-width:34ch}
.coupon-left address{font-style:normal;font-size:var(--t-small);line-height:1.5;color:var(--abyss)}
.perf{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:24px 0}
.perf:before,.perf:after{content:'';position:absolute;left:50%;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:var(--abyss)}
.perf:before{top:-14px}.perf:after{bottom:-14px}
.perf i{width:6px;height:6px;border-radius:50%;background:var(--abyss);opacity:.55}
.coupon-right{padding:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:center}
.caminho{background:var(--pale-2);padding:16px 18px;transition:background-color .3s ease,transform .4s var(--ease-out)}
.caminho:hover{background:var(--pale);transform:translateY(-4px)}
.caminho h3{font:700 var(--t-body)/1.25 Manrope,sans-serif!important;margin:0 0 4px!important}
.caminho p{margin:0;font-size:16px!important;line-height:1.4!important}
.coupon-send{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:56px;background:var(--abyss);color:#fff;font-weight:700;font-size:16px;margin-top:6px;transition:background-color .25s ease,letter-spacing .4s var(--ease-out)}
.coupon-send:hover{background:#04293a;letter-spacing:.02em}
.coupon-send.alt{background:transparent;color:var(--abyss);text-decoration:underline;text-underline-offset:5px;min-height:40px}

/* Rodapé */
body>footer.site-foot{background:#042a3a;color:var(--on-deep);padding:40px var(--m) 28px;border-radius:0;margin:0}
.mark{display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:4px;height:26svh;min-height:180px}
.mark span{flex:1;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:2%;transform-origin:bottom;transition:transform .5s var(--ease-out)}
.mark span:hover{transform:scaleY(1.06)}
.mark span:before{content:attr(data-l);font:800 min(20svh,15vw)/.78 Manrope,sans-serif;letter-spacing:-.04em;color:#042a3a}
.mark span:nth-child(1){height:100%;background:var(--mint)}
.mark span:nth-child(2){height:78%;background:var(--abyss-3)}
.mark span:nth-child(3){height:92%;background:var(--pale)}
.mark span:nth-child(4){height:70%;background:#2f7f92}
.mark span:nth-child(5){height:86%;background:var(--mint)}
.foot-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:28px 48px;margin-top:44px}
.foot-cols nav,.foot-links{display:flex;flex-direction:column;gap:8px;font-size:var(--t-small)}
.foot-cols nav{position:static;background:none;padding:0;color:inherit;font-weight:600}
.foot-cols a{color:var(--on-deep);transition:color .2s ease,transform .3s var(--ease-out);width:fit-content}
.foot-cols a:hover{color:var(--mint);transform:translateX(4px)}
.foot-cols p{margin:0;font-size:var(--t-small);line-height:1.6;color:var(--on-deep-soft)}
.foot-end{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;font-size:var(--t-small);color:var(--on-deep-soft)}
.foot-end .button.small{padding:12px 18px;border-radius:0;background:var(--mint);color:var(--abyss);font-size:var(--t-small);font-weight:700;transition:background-color .2s ease,transform .3s var(--ease-out)}
.foot-end .button.small:hover{background:#fff;transform:translateY(-3px)}

/* Entradas: cada tipo de conteúdo chega do seu jeito (só com script e sem pedido de menos movimento) */
.motion .reveal{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:no-preference){
 .motion .reveal>*{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s var(--ease-out)}
 .motion .reveal.visible>*{opacity:1;transform:none}
 .motion .reveal>*:nth-child(2){transition-delay:.08s}.motion .reveal>*:nth-child(3){transition-delay:.16s}.motion .reveal>*:nth-child(4){transition-delay:.24s}.motion .reveal>*:nth-child(n+5){transition-delay:.3s}
 .motion .tiles>.reveal:nth-child(3n+2)>*{transition-delay:.12s}.motion .tiles>.reveal:nth-child(3n)>*{transition-delay:.22s}
 .fx h2.lines .line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
 .fx h2.lines .line>span{display:block;transform:translateY(108%);transition:transform 1s var(--ease-out);transition-delay:calc(var(--i) * 110ms)}
 .fx h2.lines.is-in .line>span{transform:none}
 .fx .estrada-vid{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s var(--ease-io)}
 .fx .estrada-vid video{transform:scale(1.18)}
 .fx .estrada-vid.is-in{clip-path:inset(0)}
 .fx .estrada-vid.is-in video{transform:scale(1)}
 .fx .estrada-vid figcaption{transform:translateY(110%)}
 .fx .estrada-vid.is-in figcaption{transform:translateY(0);transition-delay:.9s}
 .fx .shutter{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s var(--ease-io)}
 .fx .shutter img{transform:scale(1.12);transition:transform 1.6s var(--ease-out)}
 .fx .shutter.is-in{clip-path:inset(0)}
 .fx .shutter.is-in img{transform:none}
 .fx .ind-nums>div{transform:scaleY(.2);opacity:0;transition:transform 1s var(--ease-out),opacity .5s ease}
 .fx .ind-nums.is-in>div{transform:none;opacity:1}
 .fx .ind-nums.is-in>.n2{transition-delay:.1s}.fx .ind-nums.is-in>.n3{transition-delay:.2s}.fx .ind-nums.is-in>.n4{transition-delay:.3s}
 .fx .reveal-btn{opacity:0;transform:translateY(16px);transition:opacity .6s ease .3s,transform .8s var(--ease-out) .3s}
 .fx .reveal-btn.is-in{opacity:1;transform:none}
 .fx .mark span{transform:scaleY(0);transition:transform 1s var(--ease-out)}
 .fx .mark.is-in span{transform:none}
 .fx .mark.is-in span:nth-child(2){transition-delay:.08s}.fx .mark.is-in span:nth-child(3){transition-delay:.16s}.fx .mark.is-in span:nth-child(4){transition-delay:.24s}.fx .mark.is-in span:nth-child(5){transition-delay:.32s}
 @supports (animation-timeline:view()){
  .tile .wave-img img,.projeto-voz figure img,.shaped img{animation:drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes drift{from{translate:0 -4%;scale:1.1}to{translate:0 4%;scale:1.1}}
 }
}
@media (prefers-reduced-motion:reduce){
 .wave:before,.wave:after,.marquee ul,main section:not(.hero) .button:hover:after,.hero .button.light:hover:after{animation:none}
 .marquee ul{flex-wrap:wrap;width:auto}
 .marquee li[aria-hidden]{display:none}
}

/* Maré: a borda de onda das fotos se move devagar, sobe e desce um pouco, sem parar */
@media (prefers-reduced-motion:no-preference){
 .wave-img{animation:mare 9s linear infinite}
 .tripe{animation:tripe-flow 14s linear infinite}
 .tile:nth-child(even) .wave-img,.projeto-voz .wave-img{animation-duration:11s;animation-direction:reverse}
}
@keyframes mare{from{-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%}to{-webkit-mask-position:0 0,96px 100%;mask-position:0 0,96px 100%}}
@keyframes tripe-flow{from{-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%}to{-webkit-mask-position:240px 0,0 100%;mask-position:240px 0,0 100%}}

/* Composição assimétrica: fotos que vão até a borda da tela em lados alternados, blocos que entram pelos
   lados e fileiras que deslizam de leve com a rolagem */
.pub-grid>div:nth-child(2){margin-top:48px}
.vozes-stage{padding-left:clamp(0px,4vw,72px)}
@media (prefers-reduced-motion:no-preference){
 .motion .tiles>.reveal:nth-child(3n+1)>*{transform:translateX(-44px)}
 .motion .tiles>.reveal:nth-child(3n)>*{transform:translateX(44px)}
 .motion .pub-grid>.reveal:nth-child(1)>*,.motion .panel-blocks.reveal>*{transform:translateX(-44px)}
 .motion .pub-grid>.reveal:nth-child(2)>*,.motion .vozes.reveal>*,.motion .coupon.reveal>*,.motion .sec-head>.reveal{transform:translateX(44px)}
 .motion .sec-head>.reveal{opacity:0;transition:opacity .8s ease .2s,transform 1s var(--ease-out) .2s}
 .motion .sec-head>.reveal.visible{opacity:1;transform:none}
 .motion .reveal.visible>*,.motion .tiles>.reveal.visible:nth-child(n)>*,.motion .pub-grid>.reveal.visible:nth-child(n)>*,.motion .panel-blocks.reveal.visible>*,.motion .estrada.reveal.visible>*,.motion .vozes.reveal.visible>*,.motion .coupon.reveal.visible>*,.motion .sec-head>.reveal.visible{transform:none}
 .fx .projeto-foto.shutter,.fx .shaped.shutter{clip-path:inset(0 0 0 100%)}
 .fx .projeto-voz .shutter{clip-path:inset(0 100% 0 0)}
 .fx .shutter.is-in{clip-path:inset(0)!important}
 @supports (animation-timeline:view()){
  .ind-nums,.vozes-stage{animation:slide-l linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  .marquee{animation:slide-r linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes slide-l{from{translate:14px 0}to{translate:-14px 0}}
  @keyframes slide-r{from{translate:-14px 0}to{translate:14px 0}}
 }
}
@media(max-width:900px){
 .pub-grid>div:nth-child(2){margin-top:0}
 .vozes-stage{padding-left:0}
}

/* Telas médias */
@media(max-width:1100px){
 .estrada{grid-template-columns:1fr}
 .estrada-vid{max-width:560px}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tile:nth-child(3n+2){margin-top:0}
 .tile:nth-child(even){margin-top:clamp(32px,5vw,56px)}
 .estrada-cidades{columns:2}
 .ind-nums .n1{grid-column:1/7}.ind-nums .n2{grid-column:7/13}
 .ind-nums .n3{grid-column:1/7;height:190px}.ind-nums .n4{grid-column:7/13;height:160px}
 .ind-body{grid-template-columns:1fr}
 .ind-side{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.ind-side h3{grid-row:1}.ind-side ol,.ind-side ul{grid-row:2}
 .wall{grid-template-columns:repeat(4,minmax(0,1fr))}
 .coupon-right{grid-template-columns:1fr}
}
@media(max-width:900px){
 .sec-head,.projeto-top,.projeto-voz,.pub-grid,.panel,.vozes{grid-template-columns:1fr}
 .sec-head>p,.pesquisa{justify-self:start}
 .tripe{grid-template-columns:1fr;padding-top:64px}
 .panel .shaped{aspect-ratio:3/2;order:-1}
 .vozes>h3,.vozes-nav,.vozes-stage{grid-column:1;grid-row:auto}
 .vozes-nav{flex-direction:row;flex-wrap:wrap;gap:4px 18px}
 .coupon{grid-template-columns:1fr;grid-template-rows:auto 12px auto}
 .perf{flex-direction:row;padding:0 24px}
 .perf:before,.perf:after{top:50%;bottom:auto;margin:-14px 0 0}
 .perf:before{left:-14px}.perf:after{left:auto;right:-14px}
 .foot-cols{grid-template-columns:1fr 1fr}.foot-cols p{grid-column:1/-1}
}
/* Celular */
@media(max-width:650px){
 :root{--sp:64px}
 .wave{height:44px}.wave:before,.wave:after{height:40px;width:calc(100% + 160px);-webkit-mask-size:160px 40px;mask-size:160px 40px;animation-name:wave-run-sm}
 .wave:after{bottom:4px}
 .statement{margin-top:24px}
 .tiles{grid-template-columns:1fr;gap:40px}
 .tile:nth-child(n){margin-top:0}
 .tile figure{aspect-ratio:4/3}
 .estrada-cidades-box{grid-template-columns:1fr;grid-template-areas:"count" "list" "map"}
 .estrada-map{max-width:420px}
 .estrada-vid{max-width:none}
 .estrada-cidades{columns:1}
 .ind-nums{grid-template-columns:1fr 1fr;gap:6px;align-items:stretch;margin-bottom:40px}
 .ind-nums>div{padding:16px}
 .ind-nums .n1{grid-column:1/-1;height:150px}
 .ind-nums .n2,.ind-nums .n3{grid-column:auto;height:130px}
 .ind-nums .n4{grid-column:1/-1;height:96px}
 .ind-nums strong{font-size:9vw}.ind-nums .n1 strong{font-size:13vw}
 .ind-nums span{font-size:var(--t-small)}
 .ind-years{flex-wrap:wrap}.ind-years button{flex:1 0 18%}
    .ind-side{grid-template-columns:1fr}.ind-side h3,.ind-side ol,.ind-side ul{grid-row:auto}
 .menu-items>*{padding-right:0}
 .wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 4px}
 .c-head{padding:10px}.c-head h2{font-size:19px!important}.c-head p{display:none}
 .c-word{padding:8px}.c-word b{font-size:7vw}
 .c-word span{font-size:13px;line-height:1.15;left:6px;right:6px;bottom:8px}
 .wall .highlight-copy{display:none}
 .s-contato{padding:var(--sp) 12px}
 .coupon-left{padding:28px 22px}
 .coupon-right{padding:20px}
 .mark{height:18svh;min-height:120px}
 .mark span:before{font-size:min(14svh,15vw)}
 .foot-cols{grid-template-columns:1fr 1fr;gap:24px}
 .foot-end{flex-wrap:wrap}
}
@keyframes wave-run-sm{to{transform:translateX(-160px)}}

/* Linha do tempo (substitui o gráfico): um ano por linha, número grande e o resumo do ano */
.lt-title{margin:0 0 12px!important}
.ind-years{list-style:none;margin:0 0 20px;padding:0;display:block;overflow:visible;border-left:2px solid #ffffff30}
.ind-years li{margin:0;position:relative}
.ind-years li:before{content:'';position:absolute;left:-7px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--abyss);border:2px solid var(--mint);z-index:1}
.ind-years button{width:100%;flex:none;display:grid;grid-template-columns:96px 150px minmax(0,1fr);align-items:baseline;gap:8px 24px;text-align:left;padding:18px 20px 18px 32px;border-bottom:1px solid #ffffff1a;font:inherit}
.ind-years .lt-ano{font:700 26px/1 Manrope,sans-serif;color:var(--on-deep)}
.ind-years .lt-n{color:var(--on-deep-soft);font-size:var(--t-small)}.ind-years .lt-n b{font:800 clamp(32px,4vw,48px)/1 Manrope,sans-serif;color:var(--mint);margin-right:4px}
.ind-years .lt-txt{color:var(--on-deep-soft);font-size:var(--t-small);line-height:1.5}
.ind-years button[aria-pressed="true"]{background:var(--abyss-2)}
.ind-years button[aria-pressed="true"] .lt-ano{color:var(--mint)}
.ind-years li:has(button[aria-pressed="true"]):before{background:var(--mint)}
.ind-years button:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}
.chart-note{margin:0 0 36px!important}
@media(max-width:760px){
 .ind-years button{grid-template-columns:auto 1fr;padding:16px 12px 16px 24px;gap:6px 14px}
 .ind-years .lt-txt{grid-column:1/-1}
 .ind-years .lt-ano{font-size:22px}
 .ind-years li:before{top:22px}
}

/* Resumo curto + detalhes recolhidos */
.ind-hi{margin:8px 0 28px;padding-left:18px;border-left:3px solid var(--mint);font:700 clamp(20px,2.4vw,28px)/1.25 Manrope,sans-serif;color:var(--on-deep);max-width:34ch}
.ind-hi span{display:block;margin-top:6px;font:400 var(--t-small)/1.5 'DM Sans',sans-serif;color:var(--on-deep-soft)}
.ind-top{max-width:520px;margin-bottom:28px}
.ind-top h3{margin:0 0 6px!important}
.ind-top3{list-style:none;margin:0;padding:0}
.ind-top3 li{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid #ffffff1f;color:var(--on-deep)}
.ind-top3 small{margin-left:8px;color:var(--on-deep-soft)}
.ind-top3 b{font:800 22px/1 Manrope,sans-serif;color:var(--mint)}
.ind-tipos{margin:12px 0 0!important;color:var(--on-deep-soft);font-size:var(--t-small)!important;line-height:1.5!important}
.ind-more{margin-bottom:28px}
.ind-more>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--mint);color:var(--abyss);font:600 16px/1.2 'DM Sans',sans-serif;padding:16px 20px;min-height:52px}
.ind-more>summary::-webkit-details-marker{display:none}
.ind-more>summary:after{content:'';width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ease-out)}
.ind-more[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}
.ind-more>summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ind-more .s-fechar,.ind-more[open] .s-abrir{display:none}.ind-more[open] .s-fechar{display:inline}
.ind-more[open]>summary{margin-bottom:28px}
@media(min-width:900px){.ind-more>summary{max-width:420px}}

/* Painel por ano: fileira de anos e um painel só com os números do ano escolhido */
.ind-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -4px 8px;padding:4px}
.ind-chips::-webkit-scrollbar{display:none}
.ind-chips button{flex:0 0 auto;min-width:72px;min-height:48px;padding:0 18px;border:0;background:var(--abyss-2);color:var(--on-deep-soft);font:700 18px/1 Manrope,sans-serif;transition:background-color .2s ease,color .2s ease}
.ind-chips button:hover{background:#0d6580;color:var(--on-deep)}
.ind-chips button[aria-pressed="true"]{background:var(--mint);color:var(--abyss)}
.ind-chips button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ind>.chart-note{margin:0 0 20px!important}
@media(max-width:760px){.ind-chips{margin:0 -20px 8px;padding:4px 20px}.ind-chips button{min-width:64px;font-size:17px}}

/* Disposição da seção Impacto: respiro entre blocos e a parte de baixo em duas colunas */
.s-indicadores .sec-head{margin-bottom:40px}
.ind-chips{margin-bottom:32px}
.ind-nums{margin-bottom:64px}
.ind-low{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(40px,7vw,112px);align-items:start}
.ind-top{max-width:none;margin:0}
.ind-kinds h3{margin:0 0 6px!important}
.ind-kinds-list{list-style:none;margin:0;padding:0}
.ind-kinds-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid #ffffff1f;color:var(--on-deep)}
.ind-kinds-list b{font:800 22px/1 Manrope,sans-serif;color:var(--mint)}
.ind>.chart-note{margin:28px 0 0!important}
.s-indicadores .source{margin-top:12px}
@media(max-width:899px){.ind-low{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){.s-indicadores .sec-head{margin-bottom:24px}.ind-chips{margin-bottom:20px}.ind-nums{margin-bottom:44px}}
.estrada-map .em-area{fill:none;stroke:var(--abyss-3);stroke-width:2.5;stroke-dasharray:8 6;pointer-events:none}
.estrada-map .em-nome{font:700 44px/1 Manrope,sans-serif;fill:var(--abyss-3);letter-spacing:-.02em}
.estrada-map .em.on{stroke:#eef4f2;stroke-width:1}