/* Betômetro: impacto pelos dados. Mobile primeiro (360 px), amplia em 720 e 1180 px. Só Inter (variável). */
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("Helvetica"),local("Roboto");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-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}
:root{
  --bg:#f7f7f4; --card:#fff; --ink:#17181a; --ink2:#3b3f46; --mut:#5b6069; --line:#d8d9d4; --line2:#e9eae5;
  --ilegal:#c2331b; --ilegal-txt:#b02c17; --ilegal-claro:#efb3a6; --ilegal-luz:#ff7a5c;
  --blue:#1f4f8f; --blue-claro:#a9c1e3; --teal:#0f7a63; --teal-claro:#a7d8c8; --amber:#a15a05; --amber-claro:#f0c98a;
  --t-red:#fdf1ee; --t-blue:#eef3fa; --t-teal:#ebf6f2; --t-amber:#fdf5e6; --link:#1352a3;
  --sans:Inter,"Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:8px; --r2:6px;
  /* variáveis legadas usadas por partes antigas do script */
  --red:#c2331b; --red-bg:#fdf1ee; --slate:#1f4f8f; --slate-bg:#eef3fa; --amber-bg:#fdf5e6;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font:400 17px/1.55 var(--sans);font-variant-numeric:tabular-nums;overflow-wrap:break-word;overflow-x:clip}
a{color:var(--link);text-underline-offset:2px}
:focus-visible{outline:3px solid var(--link);outline-offset:2px}
h1,h2,h3{font-weight:700;line-height:1.15;margin:0 0 8px;color:var(--ink);letter-spacing:-.015em}
h1{font-size:30px}h2{font-size:24px}h3{font-size:18px;letter-spacing:0}
p{margin:0 0 12px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{display:inline-block;width:20px;height:20px;flex:none;vertical-align:-4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:60}
.skip:focus{left:8px;top:8px}
.wrap{max-width:1080px;margin:0 auto;padding:20px 16px 8px}
.nota,.sub{color:var(--mut);font-size:15px;line-height:1.5}
.sub{margin:0 0 12px}
.nota{margin:8px 0 0}
.nota b{color:var(--ink2)}
.rot{display:block;color:var(--mut);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:#eeeee9;border:1px solid var(--line2);border-radius:4px;padding:1px 5px;word-break:break-all}
.num{font-weight:700;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em;line-height:1}

/* ---------- topo e menu ---------- */
.topo{position:sticky;top:0;z-index:40;background:rgba(247,247,244,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topo-in{max-width:1080px;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.marca{display:flex;align-items:center;min-height:44px}
.marca img{display:block;height:28px;width:auto}
.topo-acoes{display:flex;align-items:center;gap:6px}
.x-topo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r2);color:var(--ink)}
.x-topo:hover{background:#ebebe6}
.x-topo .ico{width:22px;height:22px}
.menu-btn{min-height:44px;display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--ink);border-radius:var(--r2);color:var(--ink);font:600 16px var(--sans);cursor:pointer;padding:0 12px 0 10px}
.menu-btn[aria-expanded=true]{background:var(--ink);color:#fff}
.menu-btn .i-fechar,.menu-btn[aria-expanded=true] .i-abrir{display:none}
.menu-btn[aria-expanded=true] .i-fechar{display:inline-block}
.menu-btn span.i-fechar{display:none}
.menu-btn[aria-expanded=true] span.i-fechar{display:inline}
nav ul{list-style:none;margin:0;padding:0;display:none;position:absolute;left:0;right:0;top:60px;background:var(--bg);border-bottom:2px solid var(--ilegal);max-height:calc(100vh - 60px);overflow:auto;box-shadow:0 12px 24px -12px rgba(0,0,0,.25)}
.aberto nav ul{display:block}
nav li{border-top:1px solid var(--line2)}
nav a{display:flex;align-items:center;min-height:52px;padding:0 16px;color:var(--ink);text-decoration:none;font-weight:500}
nav a[aria-current=page]{font-weight:700;box-shadow:inset 4px 0 0 var(--ilegal)}
nav a:hover{background:#ebebe6}

/* ---------- cenas (home) ---------- */
.cena{padding:28px 0 32px;background:var(--bg)}
.cena-in{max-width:1080px;margin:0 auto;padding:0 16px}
.cena+.cena{border-top:1px solid var(--line2)}
.cena.t-blue{background:var(--t-blue)}
.cena.t-teal{background:var(--t-teal)}
.cena.t-amber{background:var(--t-amber)}
.cena.t-red,.cena.hero{background:var(--t-red)}
.cena.escura{background:var(--ink);color:#fff}
.cena.escura h2{color:#fff}
.cena.escura p{color:#d6d7d2}
.cena-rot{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px}
.cena-rot .ico{width:18px;height:18px}
.hero{padding-top:22px}
.hero h1{font-size:28px;max-width:20ch}
.hero-sub{max-width:52ch;font-size:16px}
.hero-bloco{margin:14px 0 18px}
.hero-bloco .rot{color:var(--ilegal-txt)}
.hero-num{font-size:84px;color:var(--ilegal);margin:2px 0 6px}
.hero-comp{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:17px;color:var(--ink2);margin:6px 0 4px}
.hero-comp b{color:var(--ink);font-weight:700}
.hero-comp .seta{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--ilegal-txt);background:#fff;border:1px solid var(--ilegal-claro);border-radius:999px;padding:4px 12px;min-height:34px}
.hero-comp .seta.baixo{color:var(--teal);border-color:var(--teal-claro)}
.hero-comp .seta .ico{width:18px;height:18px}
.hero-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:15px;color:var(--mut);margin-top:8px}
.hero-meta b{color:var(--ink2);font-weight:600}
.hero-periodo{font-size:15px;color:var(--ink2);margin:0 0 10px}
.hero-periodo b{color:var(--ink)}
.hero-bloco .rot small{font-weight:600;text-transform:none;letter-spacing:0;color:var(--mut)}
.hero-soma{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#fff;border:1px solid var(--line);margin:0 0 8px;max-width:520px}
.hero-soma .seg{flex:0 0 var(--w,0%)}
.hero-soma .seg.conf{background:var(--ilegal)}.hero-soma .seg.prov{background:var(--amber)}
.hero-duas{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:0 0 16px;max-width:520px}
.hero-duas>div{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line2);border-radius:var(--r2);padding:10px 12px;border-top:4px solid var(--ilegal)}
.hero-duas>div.prov{border-top-color:var(--amber)}
.hero-duas>.mais{background:none;border:0;padding:0;font-size:26px;font-weight:700;color:var(--mut);align-items:center}
.hero-duas .num{font-size:30px;color:var(--ilegal)}
.hero-duas .num.prov{color:var(--amber)}
.hero-duas span{font-size:13.5px;color:var(--ink2);font-weight:600;margin-top:4px;line-height:1.3}
.hero-duas small{font-weight:400;color:var(--mut);display:block}
.hero-mp{border-top:1px dashed var(--ilegal-claro);padding-top:12px}
.hero-num2{font-size:52px;color:var(--ilegal);margin:2px 0 4px}
.hero-prov{display:block;font-size:14.5px;color:var(--mut);margin-bottom:6px}
.medindo{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--amber-claro);border-left:4px solid var(--amber);border-radius:var(--r2);padding:12px 14px;margin:8px 0 4px;font-size:15px;line-height:1.45;color:var(--ink2);max-width:60ch}
.medindo .ico{color:var(--amber);margin-top:2px}
.medindo b{color:var(--ink)}
.progresso{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:14px;color:var(--mut)}
.progresso .trilho{flex:1 1 120px;max-width:220px;height:10px;background:#f1efe9;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.progresso .barra{height:100%;width:var(--w,0%);background:var(--amber);border-radius:999px}

.leitura{font-size:18px;color:var(--ink);margin:4px 0 14px;max-width:64ch;line-height:1.45}
.leitura.pequena{font-size:16px}
.leitura b{font-weight:700;color:var(--ilegal-txt)}
.leitura b.n{color:var(--ink)}
.leitura b.antes{color:var(--blue)}
.sub-grafico{margin-top:26px;padding-top:18px;border-top:1px dashed var(--line)}

/* cartões de dado */
.cards3{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 22px}
.card{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:16px 16px 14px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.card .num{font-size:40px;color:var(--ink);margin:0 0 4px}
.card.ilegal .num{color:var(--ilegal)}
.card.blue .num{color:var(--blue)}
.card.teal .num{color:var(--teal)}
.card.amber .num{color:var(--amber)}
.card .num small{font-size:16px;font-weight:600;letter-spacing:0;color:var(--mut);margin-right:6px}
.card .t{font-weight:600;color:var(--ink);font-size:16px;line-height:1.35}
.card .x{color:var(--ink2);font-size:15px;line-height:1.45;margin-top:4px}
.card .f{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;color:var(--mut);margin-top:8px;min-height:32px}
.card .f a{color:var(--link)}
.card .f .ico{width:15px;height:15px}
.bloq-grid{display:grid;grid-template-columns:1fr;gap:18px 32px;margin-top:4px}
.explica{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:16px}
.explica p{margin:0;color:var(--ink2);font-size:15.5px}

/* cena de dado: número grande + texto + gráfico auxiliar */
.dado-grid{display:grid;grid-template-columns:1fr;gap:14px 32px;align-items:start}
.dado{display:flex;flex-direction:column;gap:2px}
.dado .num{font-size:64px;color:var(--ilegal)}
.dado .num.blue{color:var(--blue)}.dado .num.teal{color:var(--teal)}.dado .num.amber{color:var(--amber)}
.dado .num small{font-size:20px;font-weight:600;color:var(--mut);letter-spacing:0;margin-left:6px}
.dado .frase{font-size:18px;color:var(--ink);max-width:36ch;line-height:1.4}
.dado .frase b{font-weight:700}
.dado .nota{max-width:44ch}
.prop{margin:10px 0 4px;max-width:420px}
.prop .trilho{height:14px;background:#fff;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.prop .barra{height:100%;width:var(--w,0%);background:var(--ilegal);border-radius:999px;transform-origin:left;transform:scaleX(1)}
.prop .barra.teal{background:var(--teal)}
.prop .barra.amber{background:var(--amber)}
.prop .leg{margin-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14.5px;color:var(--ink2);min-height:34px;display:inline-flex;align-items:center;gap:6px}
.chips li b{color:var(--ink);font-weight:700}
.chips li:has(.chip-btn){padding:0}
.chip-btn{background:none;border:0;padding:6px 12px;font:inherit;color:var(--link);cursor:pointer;min-height:34px;display:inline-flex;gap:6px;align-items:center;border-radius:999px}
.chip-btn:hover{background:#f3f2ee}
.chip-btn b{color:var(--link)}
.barras-h{display:grid;grid-template-columns:minmax(80px,132px) minmax(0,1fr);gap:8px 12px;align-items:center;margin:10px 0 0;font-size:15px}
.barras-h .k{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.barras-h .k small{color:var(--mut);font-size:13px}
.barras-h .t{display:flex;align-items:center;gap:8px;min-width:0}
.barras-h .b{height:18px;background:var(--teal);border-radius:4px;flex:0 1 var(--w,0%);transform-origin:left;min-width:3px}
.barras-h .n{font-weight:600;color:var(--ink);white-space:nowrap;flex:none}

/* gráficos */
.chart{position:relative;width:100%;overflow-x:clip;margin-top:6px}
.chart.ch-main{min-height:270px}.chart.ch-cand{min-height:210px}.chart.ch-bloq{min-height:210px}
.rede-chart{min-height:150px}
.casas:empty,.cartoes:empty{min-height:200px}
.chart svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.chart svg:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.tip{position:absolute;left:0;top:0;pointer-events:none;background:#fff;border:1px solid var(--ink);border-radius:var(--r2);padding:8px 10px;font-size:14px;line-height:1.4;color:var(--ink);transform:translate(-50%,-108%);opacity:0;transition:opacity .08s;width:max-content;max-width:min(240px,72vw);z-index:5;box-shadow:0 6px 18px -8px rgba(0,0,0,.35)}
.tip b{font-weight:700}
.tip .m{color:var(--mut)}
.leg{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--ink2);margin:8px 0 0}
.leg span{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px}
.sw.red{background:var(--ilegal)}.sw.blue{background:var(--blue)}.sw.slate{background:var(--blue)}
.sw.claro{background:var(--ilegal-claro)}
.sw.hatch{background:repeating-linear-gradient(45deg,#c9c8c1 0 1.5px,#fff 1.5px 5px);border:1px solid #bdbcb5}
.sw.trace{width:0;height:14px;border-left:2px dashed var(--amber);border-radius:0}
.sw.media{width:16px;height:0;border-top:2px dashed var(--ink2);border-radius:0}
.halo5{paint-order:stroke;stroke:var(--bg);stroke-width:5px}
.halo4{paint-order:stroke;stroke:var(--bg);stroke-width:4px}
.t-blue .halo4,.t-blue .halo5{stroke:var(--t-blue)}

/* animação: só quando o navegador permite movimento */
@media (prefers-reduced-motion:no-preference){
  .will{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
  .will.in{opacity:1;transform:none}
  .anim .grow{transform:scaleY(0);transform-box:fill-box;transform-origin:bottom;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
  .anim.in .grow{transform:scaleY(1)}
  .anim .trace{stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 1.4s ease}
  .anim.in .trace{stroke-dashoffset:0}
  .anim .fade{opacity:0;transition:opacity .5s ease .6s}
  .anim.in .fade{opacity:1}
  .prop.will .barra,.barras-h.will .b{transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .1s}
  .prop.will.in .barra,.barras-h.will.in .b{transform:scaleX(1)}
  .prop.will,.barras-h.will{opacity:1;transform:none}
  .gauge .arco{transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* cartões de casa (home e lista) */
.cartoes{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.cartao{background:var(--card);border:1px solid var(--line2);border-left:5px solid var(--ilegal);border-radius:var(--r);padding:14px 14px 12px}
.cartao.prov{border-left-color:var(--amber)}
.cartao.prot{border-left-color:var(--blue)}
.cartao .dom{font-size:19px;font-weight:700;overflow-wrap:anywhere;line-height:1.25;margin-bottom:6px}
.cartao .meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--mut);font-size:14px;margin:6px 0 10px}
.cartao .meta span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.cartao .meta .ico{width:15px;height:15px}
.cartao .acoes{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.cartao .acoes .btn{min-height:44px;padding:0 14px;font-size:15px;flex:1 1 auto}
.cartao .acoes .btn .ico{width:18px;height:18px}

/* selos */
.selo{display:inline-block;font:700 12px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:999px;margin-right:6px;vertical-align:2px}
.selo.red{color:#fff;background:var(--ilegal)}
.selo.cinza{color:var(--amber);background:#fff;border:1px solid var(--amber-claro)}
.selo.prot{color:var(--blue);background:var(--t-blue);border:1px solid var(--blue-claro)}
.marcas{color:var(--ink2);font-size:14px;margin-top:4px}
.marcas span::after{content:" · ";color:var(--mut)}
.marcas span:last-child::after{content:""}

/* botões */
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--r2);font:600 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;text-align:center;transition:background .15s,transform .15s}
.btn:hover{background:#000}
.btn:active{transform:translateY(1px)}
.btn.claro{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.claro:hover{background:#ebebe6}
.btn.ilegal,.btn.red{background:var(--ilegal);border-color:var(--ilegal)}
.btn.ilegal:hover,.btn.red:hover{background:#a52a15}
.btn.grande{min-height:56px;font-size:18px;width:100%}
.linkbtn{background:none;border:0;padding:0;color:var(--link);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:44px;text-align:left}

/* casas.html */
.filtros{display:flex;flex-direction:column;gap:10px;margin:12px 0 4px}
.busca{width:100%;min-height:48px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:0 12px;font:400 17px var(--sans);color:var(--ink)}
.busca:focus{border-color:var(--ink)}
.abas{display:flex;flex-wrap:wrap;gap:8px}
.abas button{flex:1 1 auto;min-height:44px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;font:600 15px var(--sans);cursor:pointer;padding:0 14px}
.abas button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.abas button[data-modo=conf][aria-pressed=true]{background:var(--ilegal);border-color:var(--ilegal)}
.abas button[data-modo=prot][aria-pressed=true]{background:var(--blue);border-color:var(--blue)}
.filtros2{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:end;margin:6px 0 4px}
.abas.peq{gap:6px;align-items:center}
.abas.peq .rot{margin-right:4px}
.abas.peq button{flex:0 0 auto;min-height:40px;font-size:14px;padding:0 12px}
.ordem{display:flex;flex-direction:column;gap:4px}
.ordem select{min-height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 14px var(--sans);color:var(--ink);padding:0 12px}
.casas{list-style:none;margin:10px 0 0;padding:0}
.casa{background:var(--card);border:1px solid var(--line2);border-left:5px solid var(--ilegal);border-radius:var(--r);padding:14px;margin-bottom:12px}
.casa.prov{border-left-color:var(--amber)}
.casa.prot{border-left-color:var(--blue)}
.casa .dom{font-size:20px;font-weight:700;overflow-wrap:anywhere;line-height:1.3}
.casa .tit{color:var(--mut);font-size:14px;margin-top:2px;overflow-wrap:anywhere}
.casa .c-data,.casa .c-host{margin-top:10px;font-size:16px}
.casa .c-acoes{margin-top:14px;padding-top:12px;border-top:1px solid var(--line2)}
.passos{list-style:none;counter-reset:p;margin:8px 0 6px;padding:0;display:grid;gap:8px}
.passos li{counter-increment:p;display:flex}
.passos li>a,.passos li>button{flex:1;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);color:var(--ink);font:500 16px/1.3 var(--sans);text-decoration:none;text-align:left;cursor:pointer}
.passos li>a::before,.passos li>button::before{content:counter(p);flex:none;width:28px;height:28px;display:grid;place-items:center;background:var(--blue);color:#fff;font:700 14px var(--sans);border-radius:999px}
.passos li>a:hover,.passos li>button:hover{background:#ebebe6}
.passos li.dn>button{border-color:var(--ilegal);color:var(--ilegal-txt);font-weight:600}
.passos li.dn>button::before{background:var(--ilegal)}
.passos li.sh>button::before{background:var(--teal)}
.mais{display:block;margin:14px auto 0}
.sentinela{height:1px}
.cab-lista{display:none}
.vazio{border:1px dashed var(--line);border-radius:var(--r);padding:24px 16px;color:var(--ink2);text-align:center;background:#fff}

/* diálogos: tela cheia no celular */
dialog{background:var(--bg);color:var(--ink);border:0;padding:0;margin:0;width:100%;max-width:100%;height:100%;max-height:100%;overflow:auto}
dialog::backdrop{background:rgba(20,20,18,.55)}
dialog .dh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 8px 0 16px;min-height:60px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:2}
dialog .dh h2{font-size:19px;margin:0;overflow-wrap:anywhere}
dialog button.x{flex:none;width:48px;height:48px;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:var(--r2);color:var(--ink);cursor:pointer}
dialog .db{padding:16px 16px 28px}
dialog .db p{margin:0 0 12px}
dialog dl{margin:8px 0 16px;display:grid;grid-template-columns:1fr;gap:0;font-size:15px}
dialog dt{color:var(--mut);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em;margin-top:10px}
dialog dd{margin:0;overflow-wrap:anywhere}
dialog textarea{width:100%;min-height:150px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:10px;font:14px/1.45 ui-monospace,Menlo,monospace;color:var(--ink);resize:vertical}
dialog details,.tec{border:1px solid var(--line);border-radius:var(--r2);background:#fff;margin:14px 0}
details>summary{min-height:48px;display:flex;align-items:center;padding:0 14px;font-weight:600;cursor:pointer}
details[open]>summary{border-bottom:1px solid var(--line2)}
details>div{padding:12px 14px}
.links-tec{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0}
.links-tec a{min-height:44px;display:inline-flex;align-items:center}
.acoes{display:grid;gap:10px;margin-top:14px}
.aviso-box{border-left:4px solid var(--ilegal);background:var(--t-red);border-radius:0 var(--r2) var(--r2) 0;padding:12px 14px;margin:0 0 14px}
.aviso-box strong{color:var(--ilegal-txt)}
.ok-msg{color:var(--ink2);font-size:15px;min-height:1.4em}

/* páginas de texto */
.texto{max-width:68ch}
.texto h2{margin-top:30px;padding-top:8px}
.texto ol,.texto ul{padding-left:22px;margin:0 0 14px}
.texto li{margin-bottom:8px}
.resumo{font:500 20px/1.45 var(--sans);color:var(--ink2);margin:6px 0 18px;max-width:60ch}
.tabela-simples{width:100%;border-collapse:collapse;font-size:16px;margin:8px 0 14px}
.tabela-simples th,.tabela-simples td{text-align:left;padding:8px 8px 8px 0;border-bottom:1px solid var(--line2);vertical-align:top}
.tabela-simples th{color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.03em}
pre{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:12px;overflow:auto;font:14px/1.5 ui-monospace,Menlo,monospace;margin:8px 0 14px;max-width:100%}
.numeros{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.numeros>div{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:14px}
.numeros .v{font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--ink)}
.numeros>div:first-child .v{color:var(--ilegal)}
.numeros .k{font-size:14.5px;color:var(--ink2);margin-top:2px}
.emmedicao{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--amber-claro);border-left:4px solid var(--amber);background:#fff;border-radius:var(--r2);padding:14px;margin:10px 0;color:var(--ink2)}
.provas .p{display:flex;flex-wrap:wrap;gap:2px 14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line2);font-size:15px}
.provas .p b{min-width:92px}
.provas .h{color:var(--mut);font-size:13px;overflow-wrap:anywhere;flex-basis:100%}
.diagrama{margin:14px 0 20px;max-width:100%}
.diagrama svg{width:100%;height:auto;display:block}
.passo-n{display:grid;grid-template-columns:40px 1fr;gap:0 12px;margin:0 0 18px}
.passo-n>b{display:grid;place-items:center;width:36px;height:36px;background:var(--blue);color:#fff;font:700 16px var(--sans);border-radius:999px}
.passo-n h3{margin:0 0 2px;font-size:19px}
.passo-n p{margin:0;color:var(--ink2)}
.form-linha{display:grid;gap:10px;margin:10px 0}
.gauge{display:grid;grid-template-columns:1fr;gap:6px 24px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:16px;margin:10px 0 14px}
.gauge svg{width:100%;max-width:260px;height:auto;display:block;margin:0 auto}
.gauge .v{font-weight:700;font-size:40px;letter-spacing:-.02em;color:var(--teal);line-height:1}
.gauge .k{color:var(--ink2);font-size:15.5px;margin-top:6px}
.gauge .k b{color:var(--ink)}
.gauge .arco{fill:none;stroke:var(--teal);stroke-width:14;stroke-linecap:round}
.gauge .fundo{fill:none;stroke:#e6e7e2;stroke-width:14;stroke-linecap:round}
.gauge .ic{fill:none;stroke:var(--teal-claro);stroke-width:4;stroke-linecap:round}

/* consulta de site */
.consulta{display:grid;gap:8px;margin:18px 0 6px}
.consulta label{font:600 18px var(--sans);color:var(--ink)}
.consulta-linha{display:grid;gap:8px}
.busca.grande{min-height:56px;font-size:18px}
.consulta-nota{margin-top:2px}
.consulta.compacta{margin:8px 0 0;background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:14px}
.consulta.compacta label{font-size:16px}
.resultado{border:1px solid var(--line);border-left:6px solid var(--blue);background:#fff;border-radius:var(--r2);padding:16px;margin:16px 0}
.resultado.red{border-left-color:var(--ilegal)}
.resultado.amber{border-left-color:var(--amber)}
.resultado h2{font-size:22px;margin:0 0 6px}
.resultado.red h2{color:var(--ilegal-txt)}
.resultado .dom{font-weight:700;overflow-wrap:anywhere}
.resultado ul{padding-left:22px;margin:6px 0 12px}

/* CTA escura e rodapé */
.cta-grid{display:grid;grid-template-columns:1fr;gap:22px}
.cta-grid h2{font-size:22px}
.cta-grid .btn{width:100%}
.rodape{border-top:1px solid var(--line);color:var(--ink2);font-size:15px;background:var(--bg)}
.rodape-in{max-width:1080px;margin:0 auto;padding:22px 16px 40px}
.rodape p{margin:0 0 8px;max-width:70ch}
.rodape-grid{display:grid;grid-template-columns:1fr;gap:12px 32px}
.rodape-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 18px}
.rodape-links a{display:inline-flex;align-items:center;min-height:40px;color:var(--ink)}
.rodape-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.x-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600}
.x-link .ico{width:20px;height:20px}
.mt14{margin-top:14px}.mt16{margin-top:16px}.mb14{margin-bottom:14px}
.passos li>.passo-fixo{flex:1;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:var(--r2);font:500 16px/1.3 var(--sans)}
.passo-fixo b{flex:none;width:28px;height:28px;display:grid;place-items:center;background:var(--blue);color:#fff;font:700 14px var(--sans);border-radius:999px}
.numeros.um{grid-template-columns:1fr}
.txt-den{width:100%;min-height:150px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:10px;font:14px/1.45 ui-monospace,Menlo,monospace}
.diagrama.estreito{max-width:420px}
/* destaque "em operação" + barra de categorias */
.cena.destaque{padding-top:22px}
.dado .divide{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:17px;color:var(--ink2);margin:8px 0 0}
.dado .divide b{color:var(--ilegal-txt)}
.dado .divide b.antes{color:var(--blue)}
.dado .divide .sep{color:var(--mut)}
.classes{margin-top:26px;padding-top:18px;border-top:1px dashed var(--line)}
.classes.sem-borda{margin-top:0;padding-top:0;border-top:0}
.classes h3{margin-bottom:10px}
.pilha{display:flex;width:100%;height:34px;border-radius:999px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.pilha .seg{flex:0 0 var(--w,0%);min-width:0;border:0;padding:0;color:#fff;font:700 13px var(--sans);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:clip;min-height:auto}
.pilha .seg.ilegal{background:var(--ilegal)}.pilha .seg.amber{background:var(--amber)}.pilha .seg.blue{background:var(--blue)}.pilha .seg.mut{background:var(--mut)}.pilha .seg.line{background:#c9cac4;color:var(--ink)}.pilha .seg.cinza{background:#8f949b}
.pilha .seg:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.pilha-leg{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}
.leg-btn{display:flex;align-items:flex-start;gap:8px;background:none;border:0;padding:6px 0;font:400 15px/1.4 var(--sans);color:var(--ink2);text-align:left;cursor:pointer;min-height:36px}
.leg-btn .sw{margin-top:5px;flex:none}
.leg-btn b{color:var(--ink);white-space:nowrap}
.leg-btn:hover b{text-decoration:underline}
.sw.ilegal{background:var(--ilegal)}.sw.amber{background:var(--amber)}.sw.mut{background:var(--mut)}.sw.line{background:#c9cac4}.sw.cinza{background:#8f949b}
/* comparação eles × Betômetro */
.compara{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0 14px}
.card.comp{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:0;overflow:hidden}
.card.comp .lado{padding:14px 14px 12px;min-width:0}
.card.comp .lado.eles{background:var(--t-blue)}
.card.comp .lado.nos{border-left:1px solid var(--line2)}
.card.comp .lado .rot{margin-bottom:4px}
.card.comp .lado.nos .rot{color:var(--ilegal-txt)}
.card.comp .num{font-size:32px;overflow-wrap:anywhere}
.card.comp .lado.nos .num{color:var(--ilegal)}
.card.comp .num small{font-size:14px;margin-left:6px;color:var(--mut);letter-spacing:0}
.card.comp .t{font-size:14.5px}
.card.comp .x{font-size:13.5px}
.card.comp .x.cob{color:var(--amber);font-weight:600}
.card.comp .lendo{display:flex;gap:6px;align-items:flex-start;color:var(--amber);font-weight:600;font-size:15px;line-height:1.35;padding:8px 0}
.card.comp .lendo .ico{flex:none;margin-top:1px}
.funil{display:grid;gap:4px;margin:4px 0 8px}
.funil .fl{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:8px;align-items:center;font-size:12.5px;color:var(--ink2)}
.funil .fb{display:block;height:12px;border-radius:3px;width:var(--w,0%);min-width:0}
.funil .fb.s{background:var(--blue-claro)}.funil .fb.v{background:var(--blue)}.funil .fb.i{background:var(--ilegal)}
.card.comp .dif{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line2);color:var(--mut);font-size:13px;line-height:1.4}
/* redes: botões e diálogo (bottom-sheet no celular) */
.barras-h button.k{background:none;border:0;padding:6px 0;font:inherit;color:var(--link);text-align:left;cursor:pointer;min-height:44px;display:block;width:100%;line-height:1.3}
.barras-h button.k .ico{width:14px;height:14px;vertical-align:-2px;margin-left:2px}
.barras-h button.k:hover{text-decoration:underline}
dialog.sheet{margin:auto 0 0;height:auto;max-height:92vh;border-radius:14px 14px 0 0;border-top:4px solid var(--ilegal)}
dialog.sheet::backdrop{background:rgba(20,20,18,.5)}
.rede-nums{display:flex;flex-wrap:wrap;gap:8px 22px;margin:4px 0 10px}
.rede-nums div b{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.rede-nums div:first-child b{color:var(--teal)}
.rede-nums div span{font-size:13px;color:var(--mut)}
.rede-chart{margin:8px 0 14px}
.comum{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:6px}
.comum li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;background:#fff;border:1px solid var(--line2);border-radius:var(--r2);padding:8px 12px;font-size:15px}
.comum li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);flex:none}
.comum li small{color:var(--mut);font-size:13px}
.comum .val{display:inline-flex;flex-wrap:wrap;gap:4px}
.lista-rede{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.lista-rede li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;padding:4px 0;border-bottom:1px solid var(--line2)}
.lista-rede .linkbtn{min-height:32px;font-weight:600;overflow-wrap:anywhere}
.lista-rede .meta{color:var(--mut);font-size:13.5px}
.rede-de{display:flex;gap:6px;align-items:center;font-size:15px;color:var(--ink2)}
.rede-de .ico{color:var(--teal)}
.filtro-rede{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--t-teal);border:1px solid var(--teal-claro);border-radius:var(--r2);padding:8px 12px;margin:8px 0}
.filtro-rede .btn{min-height:40px;padding:0 12px;font-size:14px}
.tabela-wrap{overflow-x:auto;max-width:100%;margin:8px 0 14px}
.tabela-simples.compacta{font-size:14px;min-width:560px;margin:0}
.tabela-simples.compacta td,.tabela-simples.compacta th{padding:6px 8px 6px 0}
.cob-lista{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}
.cob{display:inline-flex;flex-direction:column;align-items:center;min-width:52px;padding:5px 6px;border-radius:var(--r2);background:#fff;border:1px solid var(--line2);font-size:13px;color:var(--ink2);line-height:1.25}
.cob b{font-size:11px;color:var(--mut);font-weight:600}
.cob.ok,.cob.proc{border-color:var(--teal-claro);background:var(--t-teal);color:var(--teal)}
.cob.parc{border-color:var(--amber-claro);background:var(--t-amber);color:var(--amber)}
.cob.sem{border-style:dashed}

@media (min-width:480px){
  .cards3{grid-template-columns:1fr 1fr}
  .cartoes{grid-template-columns:1fr 1fr}
  .cartao .acoes .btn{flex:0 1 auto}
}
@media (min-width:720px){
  h1{font-size:40px}h2{font-size:30px}
  .wrap{padding:28px 24px 8px}
  .cena{padding:44px 0 48px}
  .cena-in{padding:0 24px}
  .hero h1{font-size:44px}
  .hero-sub{font-size:18px}
  .hero-num{font-size:128px}
  .hero-num2{font-size:72px}
  .hero-duas .num{font-size:40px}
  .hero-duas,.hero-soma{max-width:640px}
  .hero-comp{font-size:19px}
  .card .num{font-size:44px}
  .dado .num{font-size:88px}
  .dado-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  .bloq-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .cards3{grid-template-columns:repeat(4,1fr)}
  .compara{grid-template-columns:1fr 1fr}
  .card.comp .num{font-size:38px}
  .pilha-leg{grid-template-columns:1fr 1fr}
  dialog.sheet{margin:auto;max-height:90vh;border-radius:10px;border-top:4px solid var(--ilegal)}
  .cartoes{grid-template-columns:repeat(3,1fr)}
  .consulta-linha{grid-template-columns:1fr auto}
  .consulta .btn.grande{width:auto;min-width:170px}
  .filtros{flex-direction:row;align-items:center;justify-content:space-between}
  .busca{max-width:380px}
  .abas{flex-wrap:nowrap}
  dialog{width:min(680px,94vw);height:auto;max-height:90vh;margin:auto;border:1px solid var(--line);border-radius:10px}
  .numeros{grid-template-columns:repeat(4,1fr)}
  .gauge{grid-template-columns:260px 1fr}
  .cta-grid{grid-template-columns:1fr 1fr;gap:40px}
  .cta-grid .btn{width:auto}
  .rodape-grid{grid-template-columns:1.6fr 1fr}
  .rodape-links{flex-direction:column;gap:0}
}
@media (min-width:1180px){
  .topo-in{max-width:1240px;padding:0 12px}
  nav a{white-space:nowrap}
  .menu-btn{display:none}
  .topo-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
  .topo-in .marca{grid-column:1;grid-row:1}
  .topo-in nav{grid-column:2;grid-row:1;justify-self:end;margin-right:8px}
  .topo-acoes{grid-column:3;grid-row:1}
  nav ul{display:flex;position:static;border:0;max-height:none;overflow:visible;background:none;gap:2px;box-shadow:none}
  nav li{border:0}
  nav a{min-height:44px;padding:0 9px;font-size:14.5px;border-radius:var(--r2)}
  nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--ilegal);border-radius:0}
  .cab-lista,.casa{display:grid;grid-template-columns:110px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.5fr);gap:0 20px}
  .cab-lista{padding:0 14px 6px;border-bottom:2px solid var(--ink);font-size:13px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.03em;margin-top:14px}
  .casa{align-items:start;padding:16px 14px}
  .casa .c-data,.casa .c-host{margin-top:4px}
  .casa .c-data .rot,.casa .c-host .rot{display:none}
  .casa .c-acoes{margin-top:0;padding-top:0;border-top:0}
  .casa .c-acoes>.rot{display:none}
  .casa .passos{margin-top:4px}
  .passos li>a,.passos li>button{min-height:44px;padding:6px 10px;font-size:15px}
  .casas{margin-top:0}
}