@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/archivo-black-latin.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("../assets/fonts/plex-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("../assets/fonts/plex-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo Reserva";src:local("Arial Black"),local("Arial-Black"),local("Arial Bold");size-adjust:100%;ascent-override:87.8%;descent-override:21%;line-gap-override:0%}
@font-face{font-family:"Plex Reserva";src:local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust:100.5%;ascent-override:102%;descent-override:27.4%;line-gap-override:0%}

:root{
  --cor:#0a5c73;
  --tinta:#000;
  --papel:#fff;
  --cinza:#f1f3f4;
  --suave:#4a4f52;
  --titulo:"Archivo Black","Archivo Reserva","Arial Black",Impact,sans-serif;
  --texto:"IBM Plex Sans","Plex Reserva",Arial,Helvetica,sans-serif;
  --topo:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--texto);font-size:1.0625rem;line-height:1.6;font-weight:400}
body.trava{overflow:hidden}
img,svg{max-width:100%}
img{height:auto;display:block}
figure{margin:0}
h1,h2,h3{font-family:var(--titulo);font-weight:400;text-transform:uppercase;line-height:.95;margin:0;letter-spacing:-.01em}
p{margin:0 0 1em}
a{color:var(--cor);text-underline-offset:.18em}
a:hover{color:#000}
strong{font-weight:600}
:focus-visible{outline:3px solid var(--cor);outline-offset:3px}
.pular{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.7em 1em;z-index:200}
.pular:focus{left:8px;top:8px}
.caixa{width:min(100% - 40px,1240px);margin-inline:auto}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.bt{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.7em 1.7em;border:2px solid #000;border-radius:999px;background:#fff;color:#000;font:600 1rem/1.2 var(--texto);text-decoration:none;cursor:pointer;touch-action:manipulation;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.bt:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 #000;color:#000}
.bt:active{transform:translate(0,0);box-shadow:0 0 0 #000}
.bt-pri{background:var(--cor);color:#fff}
.bt-pri:hover{color:#fff}
.bt svg{width:1.1em;height:1.1em;flex:none}

.topo{position:sticky;top:0;z-index:60;background:#fff;height:var(--topo)}
.topo-linha{display:flex;align-items:center;justify-content:space-between;height:var(--topo);gap:20px;position:relative}
.marca{font-family:var(--titulo);font-size:1.45rem;text-transform:uppercase;color:#000;text-decoration:none;letter-spacing:-.02em;line-height:1}
.marca span{color:var(--cor)}
.nav-lista{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.nav-lista a{color:#000;text-decoration:none;font-weight:600;font-size:.95rem;padding:.5em 0;display:inline-block}
.nav-lista a:hover,.nav-lista a:focus-visible{color:var(--cor);text-decoration:underline;text-decoration-thickness:2px}
.nav-lista .bt{min-height:44px;padding:.5em 1.3em;color:#fff}
.nav-lista .bt:hover{text-decoration:none;color:#fff}
.hamb{display:none;width:52px;height:52px;padding:0;border:2px solid #000;border-radius:999px;background:#fff;color:#000;cursor:pointer;align-items:center;justify-content:center;touch-action:manipulation;transition:transform .16s ease,box-shadow .16s ease}
.hamb:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #000}
.hamb:active{transform:none;box-shadow:none}
.hamb svg{width:24px;height:24px}
.hamb .ic-x{display:none}
.hamb[aria-expanded="true"] .ic-x{display:block}
.hamb[aria-expanded="true"] .ic-m{display:none}
@media (max-width:1100px){
  .hamb{display:inline-flex}
  .nav{position:absolute;left:-20px;right:-20px;top:var(--topo);background:#fff;padding:8px 20px 28px;display:none;box-shadow:0 14px 0 -8px #000;max-height:calc(100vh - var(--topo));overflow:auto}
  .nav.aberta{display:block}
  .nav-lista{flex-direction:column;align-items:stretch;gap:0}
  .nav-lista a{display:flex;align-items:center;min-height:52px;font-family:var(--titulo);text-transform:uppercase;font-size:1.25rem}
  .nav-lista li:last-child{margin-top:14px}
  .nav-lista .bt{justify-content:center;font-family:var(--texto);text-transform:none;font-size:1rem;min-height:52px}
}

.sec{padding-block:clamp(72px,11vw,150px);overflow-x:clip}
.sec-jogo{padding-top:clamp(64px,8vw,110px)}
.sec-fora{padding-bottom:clamp(60px,7vw,96px)}
.sec-tab{padding-top:clamp(40px,5vw,70px)}
.sec-faq{padding-top:clamp(40px,6vw,90px)}
.sobre{font-weight:600;color:var(--cor);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;margin:0 0 1.1em}
.h2{font-size:clamp(2.1rem,6.2vw,5rem)}
.h2-m{font-size:clamp(1.9rem,4.6vw,3.6rem)}
.lide{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;max-width:44em;margin-top:1.3em}

.heroi{position:relative;min-height:calc(100vh - var(--topo));min-height:calc(100svh - var(--topo));display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#0c2530;overflow:hidden}
.heroi-fundo{position:absolute;inset:0}
.heroi-fundo img{width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.heroi-veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,24,.72) 0%,rgba(4,18,24,.6) 55%,rgba(4,18,24,.28) 100%)}
.heroi-dentro{position:relative;padding-block:64px}
.heroi .sobre{color:#fff}
.heroi h1{font-size:clamp(2.7rem,9.6vw,8.2rem);line-height:.88;letter-spacing:-.03em}
.heroi-sub{font-size:clamp(1.1rem,1.9vw,1.45rem);line-height:1.45;max-width:36em;margin:1.6em auto 0}
.heroi-acoes{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:2.2em}
.heroi .bt{border-color:#fff}
.heroi .bt-sec{background:transparent;color:#fff}
.heroi .bt:hover{box-shadow:5px 5px 0 #fff}
.heroi .bt:active{box-shadow:0 0 0 #fff}
.heroi :focus-visible{outline-color:#fff}
.heroi-fatos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;list-style:none;margin:3em 0 0;padding:0;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em}
@media (max-width:700px){.heroi{align-items:flex-end}.heroi-fundo{inset:0 0 auto 0;height:124vw}.heroi-fundo img{object-position:50% 0}.heroi-veu{background:linear-gradient(180deg,rgba(12,37,48,0) 0,rgba(12,37,48,0) 64vw,rgba(12,37,48,.86) 86vw,#0c2530 108vw)}.heroi-dentro{padding-top:86vw;padding-bottom:48px}}
@media (min-width:701px){.heroi{text-align:left}.heroi-dentro>*{max-width:min(640px,52%);margin-left:0;margin-right:0}.heroi h1{font-size:clamp(2.6rem,5.6vw,5.4rem);line-height:.94}.heroi-acoes,.heroi-fatos{justify-content:flex-start}.heroi-veu{background:linear-gradient(90deg,rgba(4,18,24,.86) 0%,rgba(4,18,24,.74) 40%,rgba(4,18,24,.2) 66%,rgba(4,18,24,0) 82%)}}

.jogo-cab{display:grid;grid-template-columns:1.25fr 1fr;gap:24px 60px;align-items:end;margin-bottom:clamp(30px,4vw,56px)}
.jogo-cab p{margin:0}
@media (max-width:860px){.jogo-cab{grid-template-columns:1fr}}

.fora-grade{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,5vw,80px);align-items:start;margin-top:clamp(40px,6vw,84px)}
.quadro{overflow:hidden;border:3px solid #000;border-radius:22px;background:var(--cinza);box-shadow:9px 9px 0 var(--cor)}
.quadro img{width:100%;height:100%;object-fit:cover}
.q-farol{aspect-ratio:1/1}
.fora-fig{position:sticky;top:calc(var(--topo) + 24px)}
.legenda{font-size:.9rem;color:var(--suave);margin-top:1.5em}
.passos{list-style:none;margin:0;padding:0;display:grid;gap:clamp(34px,5vw,64px)}
.passo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px clamp(18px,2.4vw,34px);align-items:start}
.passo-n{font-family:var(--titulo);font-size:clamp(4.6rem,8.5vw,7.6rem);min-width:1.45em;line-height:.8;color:var(--cor);display:block;transform-origin:left center}
.passo h3{font-size:clamp(1.2rem,2vw,1.6rem);margin-bottom:.6em;line-height:1.05}
.passo p{margin:0}
.passo:nth-child(even){padding-left:clamp(0px,6vw,90px)}
@media (max-width:860px){
  .fora-grade{grid-template-columns:1fr}
  .fora-fig{position:static}
  .q-farol{aspect-ratio:4/3}
  .passo{grid-template-columns:1fr}
  .passo:nth-child(even){padding-left:0}
}

.tab-cab{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 60px;align-items:end;margin-bottom:clamp(26px,4vw,50px)}
.tab-cab p{margin:0}
@media (max-width:860px){.tab-cab{grid-template-columns:1fr}}
.rolagem{overflow-x:auto;border:2px solid #000;border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:680px;font-size:1rem}
caption{text-align:left;padding:16px 20px;font-weight:600}
th,td{text-align:left;padding:15px 20px;vertical-align:top}
thead th{background:#000;color:#fff;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
tbody th{font-family:var(--titulo);font-weight:400;text-transform:uppercase;font-size:1.1rem}
tbody tr:nth-child(even){background:var(--cinza)}
.tab-nota{font-size:.92rem;color:var(--suave);margin-top:1em}

.est-grade{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(22px,3vw,44px);margin-top:clamp(36px,5vw,70px);align-items:start}
.est-a{grid-column:1 / span 7}
.est-b{grid-column:8 / span 5;padding-top:clamp(0px,5vw,80px)}
.est-c{grid-column:1 / span 4;align-self:end}
.est-d{grid-column:6 / span 7}
.q-conves{aspect-ratio:960/717}
.q-porao{aspect-ratio:16/10}
.est-b h3,.est-c h3{font-size:clamp(1.3rem,2.4vw,2rem);margin-bottom:.7em}
.est-lista{list-style:none;margin:1.2em 0 1.6em;padding:0;display:grid;gap:.7em}
.est-lista li{display:grid;grid-template-columns:1.6em 1fr;gap:.3em;align-items:start}
.est-lista svg{width:1.15em;height:1.15em;margin-top:.25em;color:var(--cor)}
.est-num{font-family:var(--titulo);font-size:clamp(4rem,9vw,8rem);line-height:.85;color:var(--cor);display:block;margin-bottom:.12em;transform-origin:left bottom}
@media (max-width:860px){
  .est-a,.est-b,.est-c,.est-d{grid-column:1 / -1}
  .est-b{padding-top:0}
  .est-d{order:3}.est-c{order:4}
}

.faq-lista{margin-top:clamp(28px,4vw,54px);display:grid;gap:14px}
.faq-item{background:var(--cinza);border-radius:14px}
.faq-item h3{font-family:var(--texto);text-transform:none;font-weight:600;font-size:1.12rem;line-height:1.35;letter-spacing:0}
.faq-bt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;background:transparent;border:0;padding:18px 20px 18px 24px;font:inherit;color:#000;cursor:pointer;min-height:64px;touch-action:manipulation;border-radius:14px}
.faq-mais{flex:none;width:44px;height:44px;border:2px solid #000;border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease,box-shadow .16s ease}
.faq-mais svg{width:18px;height:18px}
.faq-bt:hover .faq-mais{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #000}
.faq-bt[aria-expanded="true"] .faq-mais{transform:rotate(45deg);background:var(--cor);color:#fff}
.faq-resp{padding:0 24px 22px}
.faq-resp p{margin:0;max-width:60em}
.faq-estatico{padding:20px 24px 0}

.rodape{padding:clamp(60px,9vw,120px) 0 40px;overflow-x:clip}
.rod-grade{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px 60px}
.rod-grade h2{font-size:clamp(1.9rem,4.6vw,3.6rem)}
.rod-grade h3{font-family:var(--texto);text-transform:uppercase;font-weight:600;font-size:.82rem;letter-spacing:.14em;color:var(--cor);margin-bottom:1em;line-height:1.3}
.rod-lista{list-style:none;margin:0;padding:0;display:grid;gap:.2em}
.rod-lista a{color:#000;display:inline-flex;min-height:44px;align-items:center}
.contato-dados{font-style:normal;margin-top:1.4em;display:grid;gap:.5em}
.contato-dados a{font-weight:600;overflow-wrap:anywhere}
.rod-fim{margin-top:clamp(40px,6vw,80px);display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between;font-size:.92rem;color:var(--suave)}
.rod-fim p{margin:0}
@media (max-width:860px){.rod-grade{grid-template-columns:1fr}}

.subir{position:fixed;right:18px;bottom:18px;z-index:70;width:52px;height:52px;padding:0;border:2px solid #000;border-radius:999px;background:#fff;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s,box-shadow .16s ease;touch-action:manipulation}
.subir.ativo{opacity:1;visibility:visible;transform:none}
.subir.ativo:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 #000}
.subir svg{width:22px;height:22px}

.aviso{position:fixed;left:18px;bottom:18px;z-index:80;width:min(420px,calc(100% - 36px - 64px));background:#fff;border:2px solid #000;border-radius:18px;padding:18px 20px;box-shadow:6px 6px 0 #000;font-size:.92rem;line-height:1.5}
.aviso p{margin:0 0 .9em}
.aviso a{color:var(--cor);text-decoration:underline;font-weight:600}
.aviso .bt{min-height:48px;padding:.5em 1.4em}
.aviso[hidden]{display:none}
@media (max-width:600px){.aviso{left:12px;bottom:12px;width:calc(100% - 24px);padding:14px 16px;font-size:.86rem;box-shadow:4px 4px 0 #000}.aviso p{margin-bottom:.7em}.subir{bottom:12px;right:12px}body:has(.aviso:not([hidden])) .subir{display:none}}

.pagina{padding:clamp(48px,7vw,96px) 0 clamp(40px,6vw,80px);overflow-x:clip}
.pagina h1{font-size:clamp(2.2rem,6.5vw,5rem);overflow-wrap:anywhere}
.pagina .vigor{color:var(--suave);margin-top:1.4em}
.prosa{margin-top:clamp(30px,5vw,60px);display:grid;gap:clamp(26px,3.4vw,44px)}
.prosa section{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:10px 50px}
.prosa h2{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.08}
.prosa ul{margin:0 0 1em;padding-left:1.2em}
.prosa li{margin-bottom:.4em}
.prosa address{font-style:normal;margin-bottom:1em}
.prosa a{overflow-wrap:anywhere}
.prosa table{min-width:760px;font-size:.95rem}
.prosa tbody th{font-family:var(--texto);font-weight:600;text-transform:none;font-size:.95rem}
.prosa code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--cinza);padding:.1em .35em;border-radius:4px}
@media (max-width:860px){.prosa section{grid-template-columns:1fr}}
.erro{min-height:60vh;display:grid;align-content:center;padding-block:80px}
.erro-n{font-family:var(--titulo);font-size:clamp(7rem,28vw,20rem);line-height:.8;color:var(--cor);display:block}
.erro h1{font-size:clamp(1.8rem,5vw,3.6rem);margin-top:.5em}

/* jogo */
.ml{border:2px solid #000;border-radius:22px;overflow:hidden;background:#fff}
.ml-palco{position:relative;width:100%;aspect-ratio:16/9;max-height:min(640px,74vh);overflow:hidden;background:var(--cor);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.ml[data-ativa="sim"] .ml-palco{touch-action:none;cursor:pointer}
.ml-palco:focus-visible{outline-offset:-5px}
.ml-tela{position:absolute;inset:0;width:100%;height:100%;display:block}
.ml-topo{position:absolute;left:12px;right:12px;top:12px;display:grid;gap:8px;justify-items:start;pointer-events:none}
.ml-hud{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.ml-hud[hidden],.ml-quadro[hidden],.ml-capa[hidden],.ml-fim[hidden],.ml-painel[hidden],.ml-novas[hidden]{display:none}
.ml-ficha{display:inline-flex;align-items:baseline;gap:.45em;padding:.32em .9em;border:2px solid #000;border-radius:999px;background:#fff;color:#000;font-weight:600;font-size:.84rem;line-height:1.2;box-shadow:3px 3px 0 #000}
.ml-ficha b{font-family:var(--titulo);font-weight:400;font-size:1.05rem;font-variant-numeric:tabular-nums}
.ml-ficha-agua{margin-left:auto;background:var(--cor);color:#fff}
.ml-aviso{margin:0;justify-self:center;max-width:100%;padding:.4em 1em;border:2px solid #000;border-radius:14px;background:#fff;color:#000;font-weight:600;font-size:.92rem;line-height:1.3;text-align:center}
.ml-aviso:empty{display:none}
.ml-medidores{position:absolute;left:12px;right:12px;bottom:12px;display:grid;justify-items:center;pointer-events:none}
.ml-quadro{width:min(100%,560px);display:grid;gap:6px;padding:12px 16px 14px;border:2px solid #000;border-radius:16px;background:#fff;color:#000;box-shadow:5px 5px 0 #000}
.ml-rot{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;line-height:1.3;color:var(--suave)}
#ml-b-nome{font-family:var(--titulo);font-weight:400;font-size:1rem;letter-spacing:0;color:#000}
.ml-trilho{position:relative;display:block;height:26px;border:2px solid #000;border-radius:999px;background:#eef1f2;overflow:hidden}
.ml-trilho-t{background:linear-gradient(90deg,#b9c4ca 0,#b9c4ca 6%,#eef1f2 6%,#eef1f2 92%,#e2574c 92%)}
.ml-verde{position:absolute;top:0;bottom:0;background:#3fc56b}
.ml-marca{position:absolute;top:0;bottom:0;width:8px;margin-left:-4px;background:#000;border-radius:4px}
.ml-quadro[data-faixa="alta"] .ml-marca{background:#b3261e}
.ml-quadro[data-faixa="baixa"] .ml-marca{background:#5d6b74}
.ml-prog{display:block;height:14px;border:2px solid #000;border-radius:999px;background:#fff;overflow:hidden}
.ml-prog span{display:block;height:100%;background:var(--cor);transform-origin:left center;transform:scaleX(0)}
.ml-capa,.ml-fim{position:absolute;inset:0;display:grid;place-items:center;padding:14px;background:rgba(4,18,24,.42)}
.ml-cartao{width:min(100%,520px);max-height:100%;overflow:auto;padding:clamp(16px,2.6vw,30px);border:3px solid #000;border-radius:22px;background:#fff;color:#000;text-align:center;box-shadow:8px 8px 0 var(--cor);line-height:1.5}
.ml-cartao h3{font-size:clamp(1.3rem,2.6vw,2rem);margin-bottom:.5em}
.ml-cartao p{margin:0 0 1em;font-size:.95rem}
.ml-cartao .ml-cartao-agua{font-weight:600;color:var(--cor);text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;margin-bottom:.8em}
.ml-cartao-acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ml-placar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 1em;text-align:left}
.ml-placar div{background:var(--cinza);border-radius:12px;padding:10px 12px;min-width:0}
.ml-placar dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--suave)}
.ml-placar dd{margin:0;font-family:var(--titulo);font-size:1.2rem;line-height:1.15;overflow-wrap:anywhere}
.ml-novas{list-style:none;margin:0 0 1em;padding:10px 14px;border:2px solid #000;border-radius:12px;text-align:left;font-weight:600;font-size:.92rem;display:grid;gap:.3em}
.ml-base{padding:clamp(16px,3vw,34px)}
.ml-comando{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.ml-comando .bt{min-height:60px;padding:.5em 1em}
.ml-acao{font-size:1.15rem;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.ml-acao.ml-pulsa{animation:ml-pulsar .25s ease-in-out infinite alternate;background:#000}
@keyframes ml-pulsar{from{transform:scale(1)}to{transform:scale(1.03)}}
.bt[aria-disabled="true"]{background:#fff;color:#555;border-color:#767676;cursor:not-allowed}
.bt[aria-disabled="true"]:hover{transform:none;box-shadow:none;color:#555}
.bt[aria-pressed="true"]{background:#000;color:#fff}
.ml-abas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ml-abas .bt{min-height:48px;padding:.5em 1.3em}
.ml-abas .bt[aria-expanded="true"]{background:#000;color:#fff}
.ml-painel{margin-top:20px}
.ml-painel h3{margin-bottom:.8em;font-size:1.25rem}
.ml-painel h3 + .ml-ops{margin-bottom:26px}
.ml-aguas,.ml-album,.ml-tralha{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ml-aguas{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.ml-agua{width:100%;height:100%;display:grid;gap:5px;align-content:start;text-align:left;padding:14px 16px;border:2px solid #000;border-radius:16px;background:#fff;color:#000;font:400 .92rem/1.35 var(--texto);cursor:pointer;touch-action:manipulation;transition:transform .16s ease,box-shadow .16s ease}
.ml-agua strong{font-family:var(--titulo);font-weight:400;text-transform:uppercase;font-size:1.05rem;line-height:1.1}
.ml-agua:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #000}
.ml-agua:active{transform:none;box-shadow:none}
.ml-agua[aria-pressed="true"]{background:#000;color:#fff}
.ml-agua[aria-disabled="true"]{border-style:dashed;color:#555;cursor:not-allowed}
.ml-agua[aria-disabled="true"]:hover{transform:none;box-shadow:none}
.ml-agua[aria-pressed="true"][aria-disabled="true"]{color:#fff;border-style:solid}
.ml-nota{font-size:.86rem;font-weight:600}
.ml-album{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.ml-carta{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center;background:var(--cinza);border-radius:14px;padding:10px 14px}
.ml-carta canvas{width:104px;height:62px;display:block}
.ml-carta strong{display:block;font-family:var(--titulo);font-weight:400;text-transform:uppercase;font-size:1rem;line-height:1.15}
.ml-carta span{display:block;font-size:.88rem;color:var(--suave)}
.ml-total{font-weight:600;margin:16px 0 0}
.ml-tralha{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.ml-peca{border:2px dashed #767676;border-radius:16px;padding:16px;display:grid;gap:8px;align-content:start}
.ml-peca-ok{border:2px solid #000}
.ml-peca h4{font-family:var(--titulo);font-weight:400;text-transform:uppercase;font-size:1.05rem;margin:0;line-height:1.1}
.ml-peca p{margin:0;font-size:.92rem;color:var(--suave)}
.ml-peca-ok .ml-nota{color:var(--cor)}
.ml-ops{display:flex;flex-wrap:wrap;gap:8px}
.ml-op{min-height:48px;padding:.4em 1.2em;border:2px solid #000;border-radius:999px;background:#fff;color:#000;font:600 .95rem/1.2 var(--texto);cursor:pointer;touch-action:manipulation;transition:transform .16s ease,box-shadow .16s ease}
.ml-op:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #000}
.ml-op:active{transform:none;box-shadow:none}
.ml-op[aria-pressed="true"]{background:#000;color:#fff}
.ml-op[aria-disabled="true"]{border-style:dashed;border-color:#767676;color:#555;cursor:not-allowed}
.ml-op[aria-disabled="true"]:hover{transform:none;box-shadow:none}
.ml-zerar{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ml-zerar .bt{min-height:48px;padding:.5em 1.2em;font-size:.94rem}
.ml-zerar .bt[hidden],.ml-zerar p[hidden]{display:none}
.ml-zerar p{margin:0;font-size:.92rem;flex-basis:100%}
.ml-semjs{margin:0 0 16px;font-weight:600}
.tab-segunda{margin-top:22px}
.sec-tab td:nth-child(2){white-space:nowrap}
@media (max-width:600px){
  .ml{border-radius:16px}
  .ml-palco{aspect-ratio:4/5}
  .ml-topo{left:8px;right:8px;top:8px;gap:6px}
  .ml-hud{gap:6px}
  .ml-ficha{padding:.28em .7em;font-size:.76rem;box-shadow:2px 2px 0 #000}
  .ml-ficha b{font-size:.95rem}
  .ml-aviso{font-size:.84rem;padding:.35em .8em}
  .ml-medidores{left:8px;right:8px;bottom:8px}
  .ml-quadro{padding:10px 12px 12px;box-shadow:3px 3px 0 #000}
  .ml-capa,.ml-fim{padding:10px}
  .ml-cartao{box-shadow:5px 5px 0 var(--cor);border-radius:18px}
  .ml-cartao p{font-size:.9rem}
  .ml[data-estado="resultado"] .ml-palco{aspect-ratio:auto;max-height:none}
  .ml[data-estado="resultado"] .ml-fim{position:relative}
  .ml-cartao{max-height:none}
  .ml-placar dd{font-size:1.05rem}
  .ml-comando{grid-template-columns:1fr 1fr}
  .ml-acao{grid-column:1 / -1;min-height:68px}
  .ml-abas .bt{flex:1 1 auto}
}

/* guias */
.guias-grade{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(26px,3.4vw,50px);align-items:start}
.guia h3{font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.02;margin-bottom:.5em}
.guia h3 a{color:#000;text-decoration:none}
.guia h3 a:hover,.guia h3 a:focus-visible{color:var(--cor);text-decoration:underline;text-decoration-thickness:3px}
.guia p{margin:0}
.guia .sobre{margin:1.5em 0 .7em}
.guia-capa{display:block}
.guia-g{grid-column:1 / span 7}
.guia-g .guia-capa{aspect-ratio:16/10}
.guia-m{grid-column:8 / span 5;padding-top:clamp(0px,6vw,90px)}
.guia-m .guia-capa{aspect-ratio:1/1}
.guia-p{grid-column:3 / span 10;display:grid;grid-template-columns:5fr 6fr;gap:clamp(20px,3vw,44px);align-items:center}
.guia-p .guia-capa{aspect-ratio:21/9}
.guia-p .sobre{margin-top:0}
@media (max-width:860px){
  .guia-g,.guia-m,.guia-p{grid-column:1 / -1;padding-top:0}
  .guia-p{grid-template-columns:1fr}
  .guia-p .sobre{margin-top:1.5em}
  .guia-m .guia-capa{aspect-ratio:4/3}
}
.artigo{padding:clamp(40px,6vw,84px) 0 clamp(40px,6vw,80px);overflow-x:clip}
.artigo h1{font-size:clamp(2.1rem,6vw,4.6rem);overflow-wrap:anywhere}
.artigo-meta{color:var(--suave);margin:1.4em 0 0;font-weight:600}
.artigo-capa{margin-top:clamp(26px,4vw,50px);aspect-ratio:21/9}
.artigo-corpo{margin-top:clamp(30px,5vw,60px);display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:30px clamp(30px,5vw,80px);align-items:start}
.artigo-texto h2{font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.05;margin:1.8em 0 .7em}
.artigo-texto h2:first-child{margin-top:0}
.artigo-texto ol,.artigo-texto ul{padding-left:1.3em;margin:0 0 1em}
.artigo-texto li{margin-bottom:.45em}
.lembrete{border:3px solid #000;border-radius:22px;padding:22px 24px;box-shadow:8px 8px 0 var(--cor);background:#fff}
.lembrete h2{font-size:1.2rem;margin-bottom:.8em}
.lembrete ul{margin:0;padding-left:1.2em}
.lembrete li{margin-bottom:.5em}
.artigo-lado{display:grid;gap:30px;position:sticky;top:calc(var(--topo) + 24px)}
.artigo-outros h2{font-family:var(--texto);text-transform:uppercase;font-weight:600;font-size:.82rem;letter-spacing:.14em;color:var(--cor);margin-bottom:.8em;line-height:1.3}
.artigo-outros ul{list-style:none;margin:0;padding:0;display:grid;gap:.3em}
.artigo-outros a{display:inline-flex;min-height:44px;align-items:center;color:#000;font-weight:600}
.artigo-volta{margin-top:clamp(30px,4vw,50px)}
@media (max-width:860px){
  .artigo-corpo{grid-template-columns:1fr}
  .artigo-lado{position:static}
  .artigo-capa{aspect-ratio:16/10}
}

/* movimento */
.px img{will-change:transform}
html.js .px img{transform:scale(1.14)}
html.js [data-rv]{opacity:0;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
html.js [data-rv="esq"]{transform:translateX(-70px)}
html.js [data-rv="dir"]{transform:translateX(70px)}
html.js [data-rv="baixo"]{transform:translateY(46px)}
html.js [data-rv="escala"]{transform:scale(.25)}
html.js [data-rv].visto{opacity:1;transform:none}
html.js .heroi-fundo{animation:h-fundo 1.5s cubic-bezier(.2,.7,.2,1) both}
html.js .heroi-e{animation:h-sobe .8s cubic-bezier(.2,.7,.2,1) both}
html.js .heroi-e:nth-child(1){animation-delay:.1s}
html.js .heroi-e:nth-child(2){animation-delay:.25s}
html.js .heroi-e:nth-child(3){animation-delay:.45s}
html.js .heroi-e:nth-child(4){animation-delay:.6s}
html.js .heroi-e:nth-child(5){animation-delay:.75s}
@keyframes h-fundo{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes h-sobe{from{opacity:.4;transform:translateY(34px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  html.js [data-rv]{opacity:1;transform:none}
  html.js .px img{transform:none}
}