/* Mina da Borralha — sistema visual
   Layout: fotografia de território a toda a largura, títulos pesados e curtos, faixas alternadas creme / verde-floresta. */
:root{
  --floresta:#0f3b2e; --floresta-2:#0a2a21; --creme:#f5f2e8; --papel:#fbfaf5;
  --titulo:#005500; --folha:#57b038; --tinta:#18302a; --texto:#4f635a; --texto-claro:#cad8d1;
  --agua:#3e8bcf; --terra:#8b4513; --linha:#dcd8ca; --linha-escura:#2a5546;
  --display:"Inter Tight","Inter","Helvetica Neue",Arial,sans-serif;
  --corpo:"Inter","Helvetica Neue",Arial,sans-serif;
  --serif:"EB Garamond",Georgia,serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --gut:clamp(20px,5vw,64px); --max:1240px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--creme);color:var(--texto);font:400 17px/1.65 var(--corpo);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 1.1em} p:last-child{margin-bottom:0}
strong{color:var(--tinta);font-weight:600}
h1,h2,h3,h4{font-family:var(--display);font-weight:900;letter-spacing:-.035em;line-height:1;margin:0;text-wrap:balance}
h2{font-size:clamp(34px,5.2vw,64px);color:var(--titulo)}
h3{font-size:clamp(24px,3vw,34px);color:var(--titulo);letter-spacing:-.03em;line-height:1.05}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.eyebrow{font:600 12px/1.3 var(--corpo);letter-spacing:.26em;text-transform:uppercase;color:var(--folha);margin:0 0 18px;display:block}
.lead{font-size:clamp(19px,2vw,23px);line-height:1.5;color:var(--tinta)}
.skip{position:absolute;left:-999px;top:0;background:var(--folha);color:#fff;padding:10px 16px;z-index:200}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--folha);outline-offset:3px}

/* cabeçalho */
.top{position:fixed;inset:0 0 auto 0;z-index:100}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px;transition:height .35s}
.top .logo img{height:44px;width:auto;transition:height .35s}
.top .logo .cor{display:none}
.top nav{display:flex;align-items:center;gap:clamp(12px,1.4vw,24px)}
.top nav a{font:600 14px/1 var(--corpo);color:#fff;text-decoration:none;padding:8px 0;position:relative;white-space:nowrap}
.top nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--folha);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.top nav a:hover::after,.top nav a[aria-current]::after{transform:scaleX(1)}
.top .lang{display:flex;gap:2px;border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:3px;margin-left:8px}
.top .lang a{padding:6px 10px;border-radius:99px;font-size:12px;letter-spacing:.06em}
.top .lang a::after{display:none}
.top .lang a[aria-current]{background:#fff;color:var(--floresta)}
.top::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(245,242,232,.985);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--linha);opacity:0;transition:opacity .35s;pointer-events:none}
.top.solid::before{opacity:1}
.top.solid .wrap{height:66px}
.top.solid .logo img{height:36px}
.top.solid .logo .cor{display:block}.top.solid .logo .bco{display:none}
.top.solid nav a{color:var(--tinta)}
.top.solid .lang{border-color:var(--linha)}
.top.solid .lang a[aria-current]{background:var(--floresta);color:#fff}
.burger{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}
.burger span{display:block;height:2px;background:#fff;margin:6px 0;transition:transform .3s,opacity .3s}
.top.solid .burger span,.top.aberto .burger span{background:var(--tinta)}
@media(max-width:1300px){
  .burger{display:block}
  .top nav{position:fixed;inset:0;height:100dvh;overflow-y:auto;background:var(--creme);flex-direction:column;justify-content:center;gap:22px;transform:translateY(-100%);transition:transform .45s var(--ease);padding:var(--gut)}
  .top nav a{color:var(--tinta);font:900 30px/1 var(--display);letter-spacing:-.03em}
  .top .lang{border-color:var(--linha);margin:14px 0 0}
  .top .lang a{font:600 13px/1 var(--corpo);letter-spacing:.06em}
  .top .lang a[aria-current]{background:var(--floresta);color:#fff}
  .top.aberto nav{transform:none}
  .top.aberto .logo,.top.aberto .burger{position:relative;z-index:2}
  .top.aberto .logo .cor{display:block}.top.aberto .logo .bco{display:none}
  .top.aberto .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .top.aberto .burger span:nth-child(2){opacity:0}
  .top.aberto .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* hero */
.hero{position:relative;min-height:min(70svh,640px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--floresta-2)}
.hero.alto{min-height:min(94svh,900px)}
.hero .bg{position:absolute;inset:-6% 0;z-index:0}
.hero .bg img{width:100%;height:100%;object-fit:cover;animation:zoom 18s var(--ease) both}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,42,33,.55) 0%,rgba(10,42,33,.05) 34%,rgba(10,42,33,.25) 55%,rgba(10,42,33,.92) 100%);z-index:1}
.hero .wrap{position:relative;z-index:2;width:100%;padding-block:150px clamp(44px,7vw,84px)}
.hero h1{font-size:clamp(46px,9.4vw,136px);letter-spacing:-.05em;line-height:.9;max-width:13ch}
.hero.alto h1{max-width:11ch}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .1em .08em;margin:0 -.1em -.08em}
.hero h1 .w i{display:inline-block;font-style:normal;animation:sobe .95s var(--ease) both;animation-delay:calc(var(--i)*90ms + 150ms)}
.hero .eyebrow{color:#fff;opacity:.9;animation:aparece 1s both .1s}
.hero .sub{max-width:54ch;font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin-top:26px;color:#eef3ee;animation:aparece 1s both .9s}
.hero .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;animation:aparece 1s both 1.1s}
.desce{position:absolute;right:var(--gut);bottom:clamp(44px,7vw,84px);z-index:2;width:1px;height:84px;background:rgba(255,255,255,.35);overflow:hidden}
.desce::after{content:"";position:absolute;left:0;top:0;width:1px;height:40%;background:#fff;animation:desce 2.2s var(--ease) infinite}
@keyframes zoom{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes sobe{from{transform:translateY(105%)}to{transform:none}}
@keyframes aparece{from{opacity:0;transform:translateY(14px)}to{opacity:.95;transform:none}}
@keyframes desce{from{transform:translateY(-100%)}to{transform:translateY(260%)}}
@media(max-width:700px){.desce{display:none}}

/* botões */
.btn{display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--corpo);letter-spacing:.02em;text-decoration:none;padding:16px 24px;border-radius:99px;border:1.5px solid transparent;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s}
.btn::after{content:"→";transition:transform .3s var(--ease)}
.btn:hover::after{transform:translateX(5px)}
.btn.cheio{background:var(--folha);color:#06230f}
.btn.cheio:hover{background:#fff}
.btn.linha{border-color:rgba(255,255,255,.6);color:#fff}
.btn.linha:hover{background:#fff;color:var(--floresta)}
.btn.escuro{background:var(--floresta);color:#fff}
.btn.escuro:hover{background:var(--titulo)}
.btn.baixa::after{content:"↓"}
.btn.baixa:hover::after{transform:translateY(3px)}
.liga{font-weight:600;color:var(--titulo);text-decoration:none;border-bottom:2px solid var(--folha);padding-bottom:2px}
.liga:hover{color:var(--folha)}

/* secções */
.sec{padding-block:clamp(72px,10vw,150px);position:relative}
.sec.curta{padding-block:clamp(56px,7vw,96px)}
.escuro{background:var(--floresta);color:var(--texto-claro)}
.escuro h2,.escuro h3{color:var(--creme)}
.escuro strong{color:#fff}
.escuro .lead{color:#eef3ee}
.papel{background:var(--papel)}
.cab{max-width:900px;margin-bottom:clamp(36px,5vw,64px)}
.cab h2+p,.cab h2+.lead{margin-top:26px;max-width:62ch}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px)}
.texto{max-width:64ch}
.split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}
.split.inv>.fig{order:-1}
.split h2{margin-bottom:28px}
.split h3{margin-bottom:18px}
.fig{position:relative;overflow:hidden;border-radius:4px;background:var(--floresta-2)}
.fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.fig:hover img{transform:scale(1.04)}
.fig.alta{aspect-ratio:4/5}.fig.larga{aspect-ratio:3/2}.fig.quad{aspect-ratio:1}
@media(max-width:860px){.split,.cols{grid-template-columns:1fr}.split.inv>.fig{order:0}}

/* movimento */
.js [data-a]:not(.in){opacity:0;transform:translateY(28px)}
.js [data-a="img"]:not(.in){opacity:1;transform:none;background:transparent}
.js [data-a="img"]:not(.in) img{clip-path:inset(0 0 100% 0);transform:scale(1.12)}
.js [data-a="img"]:not(.in) .play{opacity:0}
.js [data-a="linha"]:not(.in){opacity:1;transform:scaleX(0)}
[data-a]{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*110ms)}
[data-a="img"]{transition:background .6s}
[data-a="img"] img{clip-path:inset(0);transition:clip-path 1.3s var(--ease),transform 1.6s var(--ease),opacity .4s;transition-delay:calc(var(--i,0)*110ms)}
[data-a="img"] .play{transition:opacity .6s .6s,transform .4s var(--ease)}
[data-a="linha"]{transform-origin:left;transition:transform 1.2s var(--ease);transition-delay:calc(var(--i,0)*110ms)}

/* números */
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,56px);border-top:1px solid var(--linha-escura);padding-top:28px;margin-top:clamp(40px,6vw,72px)}
.nums.claro{border-color:var(--linha)}
.num .v{font:900 clamp(54px,9vw,128px)/.9 var(--display);letter-spacing:-.055em;color:var(--creme);font-variant-numeric:tabular-nums}
.nums.claro .v{color:var(--titulo)}
.num .v small{font-size:.34em;letter-spacing:-.02em;margin-left:.12em;color:var(--folha)}
.num .r{font:600 12px/1.4 var(--corpo);letter-spacing:.16em;text-transform:uppercase;margin-top:14px}
@media(max-width:640px){.nums{grid-template-columns:1fr}}

/* faixa fotográfica com citação */
.faixa{position:relative;color:#fff;overflow:hidden;background:var(--floresta-2)}
.faixa .bg{position:absolute;inset:-12% 0}
.faixa .bg img{width:100%;height:100%;object-fit:cover}
.faixa::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,42,33,.9),rgba(10,42,33,.45) 60%,rgba(10,42,33,.2))}
.faixa .wrap{position:relative;z-index:2;padding-block:clamp(90px,13vw,190px)}
.faixa h2{color:#fff;font-size:clamp(15px,1.3vw,17px);font-family:var(--corpo);font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1.4;color:var(--folha);margin-bottom:26px}
.faixa blockquote{margin:0;font:900 clamp(32px,5.4vw,76px)/1 var(--display);letter-spacing:-.04em;max-width:17ch;text-wrap:balance}
.faixa p{max-width:56ch;margin-top:32px;color:#e7ece7}

/* fita de fotografias */
.fita{overflow:hidden;padding-block:clamp(10px,2vw,20px);background:var(--creme)}
.fita .trilho{display:flex;gap:16px;width:max-content;animation:fita 60s linear infinite}
.fita:hover .trilho{animation-play-state:paused}
.fita img{height:clamp(190px,26vw,340px);width:auto;border-radius:4px}
@keyframes fita{to{transform:translateX(-50%)}}

/* cartões de entrada */
.entradas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.entrada{position:relative;aspect-ratio:3/4.3;border-radius:4px;overflow:hidden;color:#fff;text-decoration:none;display:flex;align-items:flex-end;background:var(--floresta-2)}
.entrada img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.entrada::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,42,33,0) 30%,rgba(10,42,33,.92));transition:background .5s}
.entrada:hover img{transform:scale(1.08)}
.entrada div{position:relative;z-index:2;padding:24px}
.entrada span{font:600 11px/1 var(--corpo);letter-spacing:.22em;text-transform:uppercase;color:var(--folha)}
.entrada b{display:block;hyphens:auto;overflow-wrap:anywhere;font:900 clamp(20px,1.75vw,27px)/1.04 var(--display);letter-spacing:-.03em;margin-top:10px}
.entrada em{display:inline-block;font-style:normal;margin-top:16px;transform:translateX(-6px);opacity:0;transition:.4s var(--ease)}
.entrada:hover em{transform:none;opacity:1}
@media(max-width:980px){.entradas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.entradas{grid-template-columns:1fr}.entrada{aspect-ratio:4/3}}

/* vídeo */
.video{position:relative;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:var(--floresta-2);border:0;padding:0;width:100%;cursor:pointer;display:block}
.video img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .4s;opacity:.85}
.video:hover img{transform:scale(1.04);opacity:1}
.video .play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px;border-radius:50%;background:var(--folha);display:grid;place-items:center;transition:transform .4s var(--ease)}
.video .play::before{content:"";border-left:22px solid #06230f;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
.video:hover .play{transform:scale(1.1)}
.video .play::after{content:"";position:absolute;inset:-14px;border:1px solid rgba(255,255,255,.6);border-radius:50%;animation:pulso 2.4s ease-out infinite}
@keyframes pulso{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* parceiros */
.parceiros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:clamp(36px,5vw,64px)}
.parceiro{background:#fff;border-radius:4px;padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;align-items:center}
.parceiro img{width:110px;height:110px;object-fit:contain}
.parceiro p{font-size:15.5px}
@media(max-width:860px){.parceiros{grid-template-columns:1fr}}
@media(max-width:480px){.parceiro{grid-template-columns:1fr}}

/* fases */
.fases{position:relative;max-width:900px;margin-top:clamp(40px,6vw,72px)}
.fases .eixo{position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:var(--linha-escura)}
.fases .eixo i{position:absolute;inset:0;background:var(--folha);transform-origin:top;transform:scaleY(var(--p,0))}
.fase{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:clamp(20px,3vw,40px);padding-bottom:clamp(36px,5vw,60px)}
.fase:last-child{padding-bottom:0}
.fase .n{width:56px;height:56px;border-radius:50%;background:var(--floresta);border:2px solid var(--linha-escura);display:grid;place-items:center;font:900 17px/1 var(--display);color:var(--texto-claro);position:relative;z-index:1;transition:background .5s,border-color .5s,color .5s,transform .5s var(--ease)}
.fase.on .n{background:var(--folha);border-color:var(--folha);color:#06230f;transform:scale(1.08)}
.fase h3{font-size:clamp(22px,2.6vw,32px);padding-top:10px;margin-bottom:12px;color:var(--creme)}
.fase p{max-width:60ch}

/* cronologia */
.crono{position:relative;margin-top:clamp(36px,5vw,60px)}
.crono .rolo{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;padding:0 var(--gut) 26px;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--folha) transparent}
.crono .rolo.arrasta{cursor:grabbing;scroll-snap-type:none}
.marco{flex:0 0 clamp(250px,26vw,330px);scroll-snap-align:start;position:relative;padding:0 30px 0 0}
.marco .ano{font:900 clamp(48px,6vw,84px)/1 var(--display);letter-spacing:-.05em;color:var(--creme)}
.marco .ano small{font-size:.5em;color:var(--folha);letter-spacing:-.03em}
.marco .pt{height:1px;background:var(--linha-escura);margin:22px 0 20px;position:relative}
.marco .pt::before{content:"";position:absolute;left:0;top:-6px;width:13px;height:13px;border-radius:50%;background:var(--folha)}
.marco p{font-size:15.5px;line-height:1.5;color:var(--texto-claro)}
.crono .dica{font:600 11px/1 var(--corpo);letter-spacing:.2em;text-transform:uppercase;color:var(--folha);margin-top:8px}

/* destaque numérico dentro de texto */
.destaques{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.destaque{background:#fff;border-radius:4px;padding:28px}
.destaque .v{white-space:nowrap;font:900 clamp(32px,3.6vw,54px)/1 var(--display);letter-spacing:-.05em;color:var(--titulo);font-variant-numeric:tabular-nums}
.destaque .r{font:600 11.5px/1.4 var(--corpo);letter-spacing:.14em;text-transform:uppercase;margin-top:10px}
.escuro .destaque{background:var(--floresta-2)}.escuro .destaque .v{color:var(--creme)}
@media(max-width:520px){.destaques{grid-template-columns:1fr}}

/* mosaico */
.mosaico{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.mosaico .fig:nth-child(1){grid-column:span 7;aspect-ratio:16/10}
.mosaico .fig:nth-child(2){grid-column:span 5;aspect-ratio:auto}
.mosaico .fig:nth-child(3){grid-column:span 4;aspect-ratio:1}
.mosaico .fig:nth-child(4){grid-column:span 4;aspect-ratio:1}
.mosaico .fig:nth-child(5){grid-column:span 4;aspect-ratio:1}
@media(max-width:700px){.mosaico .fig{grid-column:span 12!important;aspect-ratio:3/2!important}}

/* galeria horizontal */
.galeria{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 20px;scrollbar-width:thin;scrollbar-color:var(--folha) transparent}
.galeria .fig{flex:0 0 min(78vw,760px);aspect-ratio:3/2;scroll-snap-align:center}

/* pilares */
.pilares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--linha)}
.pilar{padding:36px clamp(20px,3vw,40px) 8px;border-left:1px solid var(--linha);min-width:0}
.pilar:first-child{border-left:0;padding-left:0}
.pilar .n{font:900 clamp(44px,5vw,72px)/1 var(--display);letter-spacing:-.05em;color:var(--folha)}
.pilar h3{margin:18px 0 12px;font-size:26px}
.pilar p{font-size:15.5px}
.pilar a{display:inline-block;margin-top:16px}
@media(max-width:780px){.pilares{grid-template-columns:1fr}.pilar{border-left:0;border-top:1px solid var(--linha);padding-inline:0}.pilar:first-child{border-top:0}}

/* cabeçalho de pilar */
.pcab{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.pcab .n{font:900 clamp(90px,16vw,230px)/.8 var(--display);letter-spacing:-.06em;color:var(--folha)}
.pcab h2{margin-top:6px}
@media(max-width:620px){.pcab{grid-template-columns:1fr}}
.sub3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,64px)}
.sub3.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
.cx{background:#fff;border-radius:4px;padding:clamp(24px,3vw,36px);min-width:0}
.cx h3{font-size:22px;margin-bottom:14px}
.cx p{font-size:15.5px}
.cx .gr{font:900 clamp(48px,6vw,80px)/.95 var(--display);letter-spacing:-.05em;color:var(--folha);margin-bottom:18px;font-variant-numeric:tabular-nums}
.cx .gr small{font-size:.36em;color:var(--titulo);margin-left:.1em}
.escuro .cx{background:var(--floresta-2)}.escuro .cx h3{color:var(--creme)}
.zero{display:inline-block}
.js .zero:not(.in){clip-path:inset(0 100% 0 0)}
.zero{clip-path:inset(0);transition:clip-path 1.5s var(--ease) .2s}
@media(max-width:900px){.sub3,.sub3.dois{grid-template-columns:1fr}}
.lema{font:900 clamp(34px,5.6vw,80px)/1 var(--display);letter-spacing:-.045em;color:var(--creme);max-width:16ch;text-wrap:balance}

/* perguntas */
.pergs{list-style:none;padding:0;margin:clamp(30px,4vw,48px) 0 0;max-width:900px}
.pergs li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding-block:22px;font-size:clamp(17px,1.7vw,21px);line-height:1.4;color:var(--tinta)}
.pergs .fio{position:absolute;left:0;right:0;top:0;height:1px;background:var(--linha)}
.pergs .k{font:900 1em/1.4 var(--display);color:var(--folha)}

/* metas */
.metas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,56px);margin-block:clamp(36px,5vw,60px)}
.meta{text-align:left}
.anel{position:relative;width:min(100%,200px);aspect-ratio:1}
.anel svg{width:100%;height:100%;transform:rotate(-90deg)}
.anel circle{fill:none;stroke-width:9}
.anel .f{stroke:var(--linha-escura)}
.anel .p{stroke:var(--folha);stroke-linecap:round;stroke-dasharray:var(--c);stroke-dashoffset:var(--c);transition:stroke-dashoffset 1.8s var(--ease) .2s}
.meta.in .anel .p{stroke-dashoffset:calc(var(--c)*(1 - var(--v)))}
.anel b{position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(34px,4.4vw,54px)/1 var(--display);letter-spacing:-.04em;color:var(--creme)}
.meta p{margin-top:18px;max-width:26ch;font-size:15.5px}
@media(max-width:620px){.metas{grid-template-columns:1fr}.anel{width:150px}}

/* usos */
.usos{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.usos span{font:600 14px/1 var(--corpo);padding:12px 18px;border-radius:99px;border:1.5px solid var(--titulo);color:var(--titulo)}

/* centro de informação */
.horas{width:100%;border-collapse:collapse;margin-block:8px 0}
.horas th,.horas td{text-align:left;padding:14px 0;border-top:1px solid var(--linha-escura);font-weight:400;vertical-align:top}
.horas th{color:var(--creme);font-weight:600;width:46%}
.info-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.cartao{background:var(--floresta-2);border-radius:4px;padding:clamp(26px,3.4vw,44px)}
.cartao h3{font-size:22px;margin-bottom:8px}
.cartao address{font-style:normal;margin-top:22px;color:var(--creme)}

/* comunicado */
.comunicado{max-width:820px}
.comunicado h2{font-size:clamp(28px,3.8vw,48px)}
.comunicado .subt{font:500 clamp(19px,2vw,24px)/1.4 var(--serif);color:var(--tinta);margin-block:24px 30px}
details summary{cursor:pointer;font-weight:600;color:var(--titulo);list-style:none;display:inline-flex;gap:10px;align-items:center;border-bottom:2px solid var(--folha);padding-bottom:2px;margin-top:8px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";font-size:20px;line-height:1;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details[open] summary{margin-bottom:26px}

/* documentos */
.docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.doc{background:#fff;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .5s var(--ease),box-shadow .5s}
.doc:hover{transform:translateY(-6px);box-shadow:0 22px 44px -22px rgba(15,59,46,.45)}
.doc .capa{aspect-ratio:4/3;overflow:hidden;background:var(--floresta)}
.doc .capa img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
.doc:hover .capa img{transform:scale(1.05)}
.doc .corpo{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.doc .tipo{font:600 11px/1 var(--corpo);letter-spacing:.2em;text-transform:uppercase;color:var(--folha)}
.doc b{font:900 22px/1.08 var(--display);letter-spacing:-.03em;color:var(--titulo)}
.doc p{font-size:14.5px;line-height:1.5}
.doc .ac{margin-top:auto;padding-top:10px;font-weight:600;color:var(--titulo)}
@media(max-width:900px){.docs{grid-template-columns:1fr}}

/* contactos */
.contactos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ct{background:#fff;border-radius:4px;padding:clamp(26px,3.4vw,44px);min-width:0}
.ct .eyebrow{margin-bottom:14px}
.ct .g{font:900 clamp(22px,2.8vw,36px)/1.1 var(--display);letter-spacing:-.03em;color:var(--titulo);overflow-wrap:anywhere;text-decoration:none;display:block}
a.g:hover{color:var(--folha)}
.ct p{margin-top:14px}
@media(max-width:760px){.contactos{grid-template-columns:1fr}}

/* chamada final */
.cta{background:var(--folha);color:#06230f}
.cta .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-block:clamp(44px,6vw,80px)}
.cta b{font:900 clamp(28px,4.2vw,56px)/1 var(--display);letter-spacing:-.04em;max-width:18ch;text-wrap:balance}

/* rodapé */
.rodape{background:var(--floresta-2);color:var(--texto-claro);padding-block:clamp(56px,7vw,96px) 32px;font-size:15px}
.rodape .gr{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px}
.rodape img{height:52px;width:auto;margin-bottom:22px}
.rodape h4{font:600 12px/1 var(--corpo);letter-spacing:.2em;text-transform:uppercase;color:var(--folha);margin-bottom:18px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rodape a{text-decoration:none}
.rodape a:hover{color:#fff}
.rodape .fim{border-top:1px solid var(--linha-escura);margin-top:48px;padding-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px}
@media(max-width:860px){.rodape .gr{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.rodape .gr{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* âncoras não ficam debaixo do cabeçalho fixo */
[id]{scroll-margin-top:84px}

/* vídeos verticais, notícias, divulgação */
.vvert{aspect-ratio:9/16;width:100%;max-width:340px;border-radius:10px;overflow:hidden;background:#000;justify-self:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.vvert video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.split.estr{grid-template-columns:minmax(0,1fr) minmax(240px,340px)}
.nums.tres .v{font-size:clamp(46px,6.4vw,92px)}
@media(max-width:860px){.split.estr{grid-template-columns:1fr}}
.vgrelha{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.vgrelha figure,.pubs figure{margin:0;min-width:0}
figcaption{margin-top:16px;font-size:15px;line-height:1.5}
figcaption b{display:block;font:900 22px/1.1 var(--display);letter-spacing:-.03em;color:var(--titulo);margin-bottom:6px}
.escuro figcaption b{color:var(--creme)}
figcaption .tipo{display:block;font:600 11px/1 var(--corpo);letter-spacing:.2em;text-transform:uppercase;color:var(--folha);margin-bottom:10px}
.pubs{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:clamp(24px,5vw,72px);justify-content:start}
@media(max-width:760px){.vgrelha,.pubs{grid-template-columns:1fr}.vvert{max-width:300px;justify-self:start}}
.docs.quatro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.docs.quatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.docs.quatro{grid-template-columns:1fr}}
.entradas.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
.entradas.dois .entrada{aspect-ratio:16/9}
@media(max-width:620px){.entradas.dois{grid-template-columns:1fr}}
.aviso{margin-top:clamp(40px,6vw,72px);background:var(--floresta-2);border-radius:6px;padding:clamp(24px,3.4vw,40px);display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.aviso .eyebrow{margin-bottom:10px}
.aviso b{display:block;font:900 clamp(22px,2.6vw,32px)/1.08 var(--display);letter-spacing:-.03em;color:var(--creme);max-width:26ch}

/* água: reserva, circuito animado, factos */
.dez{background:var(--floresta);color:var(--creme);border-radius:6px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:6px;background-image:radial-gradient(120% 90% at 100% 100%,rgba(62,139,207,.55),transparent 60%)}
.dez .r{font:600 12px/1.4 var(--corpo);letter-spacing:.2em;text-transform:uppercase;color:var(--texto-claro)}
.dez .r.g{font:900 clamp(26px,3vw,38px)/1 var(--display);letter-spacing:.04em;color:#fff}
.dez .v{font:900 clamp(110px,16vw,200px)/.82 var(--display);letter-spacing:-.06em;color:#8ecbff;font-variant-numeric:tabular-nums}
.sem{display:flex;flex-wrap:wrap;gap:8px}
.sem span{font:600 14px/1 var(--corpo);padding:11px 16px 11px 36px;border-radius:99px;background:#fff;color:var(--tinta);position:relative}
.sem span::before{content:"";position:absolute;left:13px;top:50%;width:14px;height:14px;margin-top:-8px;border:2px solid var(--agua);border-radius:50%;background:linear-gradient(135deg,transparent 42%,var(--agua) 42% 58%,transparent 58%)}
.circuito{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.palco{background:linear-gradient(180deg,#14463a 0%,#0f3b2e 46%);border:1px solid var(--linha-escura);border-radius:8px;overflow:hidden;position:sticky;top:90px}
.circ{display:block;width:100%;height:auto}
.circ .monte{fill:#1b5241}
.circ .solo{fill:#07201a}
.circ .estrato{fill:none;stroke:#123a2e;stroke-width:2}
.circ .galerias rect,.circ .separado rect{fill:url(#agua-g)}
.circ .separado rect{stroke:var(--folha);stroke-width:2.5;stroke-dasharray:6 5}
.circ .onda{fill:none;stroke:#cfeaff;stroke-width:2;stroke-linecap:round;stroke-dasharray:14 22;opacity:.7;animation:onda 5s linear infinite}
.circ .natural path{fill:none;stroke:#6fb4ee;stroke-width:3;stroke-linecap:round;opacity:.75}
.circ .natural .barra{stroke:var(--creme);stroke-dasharray:4 5;stroke-width:2}
.circ .casa path{fill:var(--folha)}
.circ .casa rect{fill:#07201a}
.circ .nuvem path{fill:#cad8d1}
.circ .tubo{fill:none;stroke:#1d5d8f;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.circ .tubo.verde{stroke:#2f6a25}
.circ .fluxo{fill:none;stroke:#d8efff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 17;animation:fluxo 1.1s linear infinite;opacity:.55;transition:opacity .4s}
.circ .tubo.on{stroke:#3e8bcf}
.circ .tubo.verde.on{stroke:var(--folha)}
.circ .fluxo.on{opacity:1;stroke-width:5}
.circ .no{cursor:pointer}
.circ .no .disco{fill:#0f3b2e;stroke:#3e8bcf;stroke-width:3;transition:fill .35s,stroke .35s}
.circ .no.verde .disco{stroke:var(--folha)}
.circ .no .halo{fill:#3e8bcf;opacity:0;transform-box:fill-box;transform-origin:center}
.circ .no.verde .halo{fill:var(--folha)}
.circ .no .num{font:900 20px var(--display);fill:var(--creme);pointer-events:none;dominant-baseline:central}
.circ .no.on .disco{fill:#3e8bcf;stroke:#fff}
.circ .no.verde.on .disco{fill:#3f8f2a}
.circ .no.on .halo{animation:halo 1.8s ease-out infinite}
.circ .rot{font:600 15px var(--corpo);fill:var(--creme)}
.circ .rot.fraco{font-weight:500;font-size:13px;fill:#9db8ac}
.circ .rot.verde{fill:#9fdc86}
.circ .rot.forte{font-size:13px;font-weight:700;fill:#8ecbff}
@keyframes fluxo{to{stroke-dashoffset:-18}}
@keyframes onda{to{stroke-dashoffset:-36}}
@keyframes halo{0%{opacity:.5;transform:scale(.7)}100%{opacity:0;transform:scale(1.5)}}
.passos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.passo{border-radius:6px;background:var(--floresta-2);transition:background .35s}
.passo button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;width:100%;padding:14px 18px}
.passo button:focus-visible{outline:2px solid var(--folha);outline-offset:2px;border-radius:6px}
.passo .k{width:40px;height:40px;border-radius:50%;border:2px solid var(--agua);display:grid;place-items:center;font:900 17px/1 var(--display);color:var(--creme);transition:background .35s,border-color .35s}
.passo.verde .k{border-color:var(--folha)}
.passo .tt{font:900 19px/1.15 var(--display);letter-spacing:-.02em;color:var(--creme)}
.passo p{margin:0;padding:0 18px 18px 72px;font-size:15px;line-height:1.55;color:#e7ece7}
.temjs .passo:not(.on) p{display:none}
.passo.on{background:#0d4a63}
.passo.verde.on{background:#1d4a1a}
.passo.on .k{background:var(--agua);border-color:#fff}
.passo.verde.on .k{background:#3f8f2a}
@media(max-width:900px){.circuito{grid-template-columns:1fr}.palco{top:66px;z-index:3}.circ .rot{display:none}.circ .no .disco{r:31px}.circ .no .halo{r:42px}.circ .no .num{font-size:30px}}
.factos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.facto{background:#fff;border-radius:6px;padding:26px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.facto p{font:600 17px/1.35 var(--corpo);color:var(--tinta)}
.gota{width:22px;height:22px;background:var(--agua);border-radius:0 50% 50% 50%;transform:rotate(45deg);margin-top:6px}
@media(max-width:860px){.factos{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.circ .fluxo{stroke-dasharray:none;opacity:.25}}
.leg-m{display:none;margin:0;padding:8px 14px 10px;font-size:12.5px;color:#8ecbff;border-top:1px solid var(--linha-escura)}
@media(max-width:900px){.leg-m{display:block}}

/* arquivo de notícias */
.notas{display:grid;gap:0;border-top:1px solid var(--linha)}
.nota{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(16px,4vw,56px);padding-block:clamp(26px,3.4vw,44px);border-bottom:1px solid var(--linha);scroll-margin-top:90px}
.nota .quando b{display:block;font:900 clamp(44px,5vw,68px)/.9 var(--display);letter-spacing:-.05em;color:var(--titulo)}
.nota .quando span{font:600 12px/1 var(--corpo);letter-spacing:.18em;text-transform:uppercase;color:var(--texto)}
.nota .oque{max-width:760px}
.nota .eyebrow{margin-bottom:12px}
.nota h3{font-size:clamp(22px,2.6vw,32px);margin-bottom:14px}
.nota .res{color:var(--tinta);font-size:17.5px}
.nota:target{background:linear-gradient(90deg,rgba(87,176,56,.14),transparent 70%)}
@media(max-width:640px){.nota{grid-template-columns:1fr;gap:12px}.nota .quando{display:flex;gap:10px;align-items:baseline}.nota .quando b{font-size:34px}}

/* água v2: cena percorrida com o scroll */
.hist-sec{padding-bottom:0}
.hist{position:relative}
.hist-palco{display:grid;grid-template-rows:minmax(0,1fr) auto;background:#0a2a21}
.hist-cena{position:relative;min-height:56vh}
.cena{display:block;width:100%;height:100%;position:absolute;inset:0}
.cena text{font-family:var(--corpo)}
.cena .estratos path{fill:none;stroke:rgba(255,255,255,.05);stroke-width:2}
.cena .seca,.cena .poco{fill:#0e0b09}
.cena .ag{fill:url(#ag)}
.cena .onda{fill:none;stroke:#d8efff;stroke-width:3;stroke-linecap:round;stroke-dasharray:18 26;opacity:.6;animation:onda 6s linear infinite}
.cena .bolhas circle{fill:#d8efff;opacity:.8;animation:bolha 2.4s linear infinite}
.cena .bolhas circle:nth-child(2){animation-delay:-.8s}.cena .bolhas circle:nth-child(3){animation-delay:-1.6s}
@keyframes bolha{from{transform:translateY(0);opacity:.9}to{transform:translateY(-240px);opacity:0}}
.cena .cotas path{fill:none;stroke:#cfe3ef;stroke-width:2.5}
.cena .cotas text{font:700 22px var(--corpo);fill:#cfe3ef}
.cena .leg-b{font:800 26px var(--display);fill:#fff}
.cena .leg-s{font:500 19px var(--corpo);fill:#cfe3ef}.cena .leg-s.fraco{fill:#9aa9a2;font-size:16px}
.cena .leg-r{font:600 italic 17px var(--corpo);fill:#cfe3ef;transition:opacity .5s}
.cena .rib{fill:none;stroke:#4f97d4;stroke-width:9;stroke-linecap:round}
.cena .lago{fill:#4f97d4}
.cena .separado rect{fill:url(#ag);stroke:var(--folha);stroke-width:4;stroke-dasharray:10 7}
.cena .rodar{animation:onda 3s linear infinite}
.cena .cano{fill:none;stroke:#1d5d8f;stroke-width:15;stroke-linecap:round;stroke-linejoin:round}
.cena .cano-in{fill:none;stroke:#5fb0f0;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.cena .fl.verde .cano{stroke:#2f6a25}.cena .fl.verde .cano-in{stroke:#8fd46f}
.cena .gt{fill:#fff}
.cena .fl,.cena .leg-r,.cena .social,.cena .nuvem,.cena .separado{transition:opacity .5s}
.cena .chuva line{stroke:#7fb6e0;stroke-width:3;stroke-linecap:round;stroke-dasharray:14 26;animation:chuva 1.1s linear infinite;animation-delay:calc(var(--d)*-1)}
@keyframes chuva{to{stroke-dashoffset:-40}}
.cena .pil rect{fill:rgba(255,255,255,.92)}
.cena .pil .a{font:700 17px var(--corpo);fill:var(--tinta)}
.cena .pil .b{font:600 14px var(--corpo);fill:#b5452a}
.cena .natural .pil rect{transition:fill .5s}
.cena .cartao rect{fill:#fff;transition:fill .45s}
.cena .cartao circle{fill:var(--agua);transition:fill .45s}
.cena .cartao.verde circle{fill:#3f8f2a}
.cena .cartao .n{font:900 20px var(--display);fill:#fff}
.cena .cartao .t{font:700 20px var(--corpo);fill:var(--tinta);transition:fill .45s}
.cena .haste{stroke:#fff;stroke-width:3;stroke-dasharray:3 6;opacity:.85}
.cena .cartao.on rect{fill:var(--agua)}
.cena .cartao.verde.on rect{fill:#3f8f2a}
.cena .cartao.on circle{fill:#fff}
.cena .cartao.on .n{fill:var(--agua)}.cena .cartao.verde.on .n{fill:#3f8f2a}
.cena .cartao.on .t{fill:#fff}
/* com JS: o que não pertence ao passo fica apagado */
.hist.temjs .cena .fl:not(.on){opacity:.22}
.hist.temjs .cena .fl:not(.on) .gt{display:none}
.hist.temjs .cena .leg-r:not(.on),.hist.temjs .cena .social:not(.on){opacity:.45}
.hist.temjs .cena .nuvem:not(.on){opacity:.55}
.hist.temjs .cena .natural.on .pil rect{fill:#fff4d6;animation:pisca 1.6s ease-in-out infinite}
@keyframes pisca{50%{fill:#ffe1a8}}
/* legenda */
.hist-texto{background:var(--floresta);border-top:1px solid var(--linha-escura);padding:18px var(--gut) 20px;display:grid;gap:14px}
.hist-passos{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.hist-passos li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start}
.hist-passos .k{width:52px;height:52px;border-radius:50%;background:var(--agua);color:#fff;display:grid;place-items:center;font:900 22px/1 var(--display)}
.hist-passos li.verde .k{background:#3f8f2a}
.hist-passos h3{font:900 clamp(21px,2.2vw,30px)/1.1 var(--display);letter-spacing:-.02em;color:#fff;margin:4px 0 6px}
.hist-passos p{margin:0;color:#e7ece7;font-size:clamp(15px,1.25vw,17px);line-height:1.55;max-width:72ch}
.hist-nav{display:none}
.hist.temjs{height:calc(var(--n)*62svh + 100svh)}
.hist.temjs .hist-palco{position:sticky;top:0;height:100svh;padding-top:64px;box-sizing:border-box}
.hist.temjs .hist-cena{min-height:0}
.hist.temjs .hist-passos{display:block;min-height:118px}
.hist.temjs .hist-passos li{display:none}
.hist.temjs .hist-passos li.on{display:grid;animation:aparece .5s both}
.hist.temjs .hist-nav{display:flex;align-items:center;gap:14px}
.hist-nav button{all:unset;cursor:pointer}
.hist-nav .ant,.hist-nav .seg{width:40px;height:40px;border-radius:50%;border:1px solid var(--linha-escura);display:grid;place-items:center;color:#fff;font-size:18px}
.hist-nav .ant:hover,.hist-nav .seg:hover{background:var(--floresta-2)}
.hist-nav .pontos{display:flex;gap:8px;flex-wrap:wrap}
.hist-nav .pontos button{width:10px;height:10px;border-radius:50%;background:var(--linha-escura);transition:background .3s,transform .3s}
.hist-nav .pontos button.on{background:var(--folha);transform:scale(1.35)}
.hist-nav button:focus-visible{outline:2px solid var(--folha);outline-offset:3px}
@media(min-width:900px){
  .hist-texto{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:22px var(--gut)}
  .hist.temjs .hist-palco{padding-top:76px}
}
@media(max-width:899px){.hist.temjs .hist-passos{min-height:150px}}
@media(prefers-reduced-motion:reduce){.cena .gt,.cena .bolhas{display:none}.cena *{animation:none!important}}
/* trilhos curtos (área social, galeria separada) */
.trilho{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;margin-top:26px}
.trilho .et{font:600 15px/1.3 var(--corpo);background:#fff;color:var(--tinta);padding:12px 18px;border-radius:99px;border:2px solid var(--agua)}
.escuro .trilho .et{background:var(--floresta-2);color:#fff}
.trilho.verde .et{border-color:var(--folha)}
.trilho .seta{position:relative;width:46px;height:4px;background:rgba(62,139,207,.3);margin:0 4px;border-radius:2px;overflow:hidden}
.trilho.verde .seta{background:rgba(87,176,56,.3)}
.trilho .seta i{position:absolute;top:0;left:-14px;width:14px;height:4px;border-radius:2px;background:var(--agua);animation:corre 1.6s linear infinite}
.trilho.verde .seta i{background:var(--folha)}
@keyframes corre{to{left:46px}}