/* tema.css: tema "radar" (Contrato v3 da fábrica, ver docs/VISUAL.md).
   É o ÚNICO arquivo com cor literal do produto: componente lê token, nunca cor. Família Radar: papel frio
   azulado (não creme), tinta quase preta azulada, AZUL RADAR (#0b5fa5, o mesmo do Radar de Carros e de Motos)
   como ação, e o AMARELO ETIQUETA (--tag) como a única cor quente do site: só o botão de compra e a etiqueta
   de economia usam. Verde, âmbar e vermelho são estado. Claro por padrão; escuro por prefers-color-scheme.
   Contraste AA conferido em tests/tema.test.mjs. */
:root,
[data-tema="radar"] {
  color-scheme: light;
  --bg:#eef1f5;  --surface:#ffffff;  --surface2:#e3e9ee;
  --text:#0f1e2b;  --text2:#3d4b59;  --muted:#54616e;
  --line:#c6d2d9;  --line2:#76869a;
  --accent:#0b5fa5;  --accent-hover:#084a84;  --accent-ink:#ffffff;  --accent-soft:rgba(11,95,165,.10);
  --accent-borda:#063a68;
  --good:#146c43;  --warn:#8a5000;  --bad:#a02222;  --info:#254f8a;
  --good-soft:rgba(20,108,67,.12);  --warn-soft:rgba(138,80,0,.12);
  --bad-soft:rgba(160,34,34,.10);   --info-soft:rgba(37,79,138,.11);
  /* etiqueta de preço: o amarelo do botão "Comprar na loja por R$ X" e da etiqueta de economia */
  --tag:#ffd43b;  --tag-ink:#0f1e2b;  --tag-borda:#c9a300;  --tag-hover:#ffcd1a;  --tag-brilho:rgba(255,255,255,.62);
  /* destaque do Radar de Presentes na home v10 (fita do presente): texto branco 4,5:1 sobre ela */
  --fita:#c62f36;  --fita-ink:#ffffff;
  /* painel de próximo passo dos conteúdos (conteudos.css): fundo escuro da tinta, texto claro, botão claro */
  --cta-bg:#0f1e2b;  --cta-ink:#ffffff;  --cta-suave:#c3d4e4;  --cta-botao:#ffffff;  --cta-botao-ink:#0f1e2b;
  --radius:12px;  --radius-sm:8px;
  --shadow:0 1px 2px rgba(19,28,38,.08),0 10px 28px rgba(19,28,38,.07);
  --consent-sombra:0 2px 4px rgba(19,28,38,.10),0 18px 44px rgba(19,28,38,.22);
  /* modal de lead (public-core/lead-modal.css) e banner de cookies (consentimento.js): derivados dos tokens acima */
  --lead-cor:var(--accent);  --lead-cor-texto:var(--accent-ink);  --lead-fundo:var(--surface);  --lead-tinta:var(--text);
  --lead-mudo:var(--muted);  --lead-linha:var(--line2);  --lead-erro:var(--bad);  --lead-ok:var(--good);  --lead-raio:var(--radius);
  --consent-bg:var(--surface);  --consent-ink:var(--text);  --consent-borda:var(--line2);
  --consent-botao:var(--accent);  --consent-botao-ink:var(--accent-ink);
  /* marca Radar (fonte única da fábrica: marca/radar/categorias.json) */
}
@media (prefers-color-scheme: dark) {
  :root,
  [data-tema="radar"] {
    color-scheme: dark;
    --bg:#0f151c;  --surface:#151d27;  --surface2:#1e2833;
    --text:#eef2f6;  --text2:#bac5d0;  --muted:#9eacb9;
    --line:#26323e;  --line2:#6c7e8f;
    --accent:#5aa2e0;  --accent-hover:#7bb5e8;  --accent-ink:#0b1219;  --accent-soft:rgba(90,162,224,.16);
    --accent-borda:#2c6fa8;
    --good:#63c595;  --warn:#f0b453;  --bad:#ff9a94;  --info:#9dc0f2;
    --good-soft:rgba(99,197,149,.15);  --warn-soft:rgba(240,180,83,.15);
    --bad-soft:rgba(255,154,148,.14);  --info-soft:rgba(157,192,242,.15);
    --cta-bg:#1e2833;  --cta-ink:#ffffff;  --cta-suave:#c3d4e4;  --cta-botao:#eef2f6;  --cta-botao-ink:#0b1219;
    --tag-brilho:rgba(255,255,255,.4);
    --shadow:0 12px 32px rgba(0,0,0,.45);
    --consent-sombra:0 -2px 6px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.6);
  }
}

/* app.css: casca e componentes. Só lê tokens de tema.css (cor literal aqui é defeito).
   Tipografia: UMA família, Archivo variável (eixos de largura e peso), auto-hospedada em /fontes (OFL, font-src 'self').
   O H1 usa a largura condensada e peso forte; o texto, a largura normal. Linha de leitura até 70 caracteres. */
@font-face{font-family:"Archivo";src:url("fontes/archivo-latin.woff2") format("woff2");font-weight:400 800;font-stretch:70% 100%;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 "Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:lining-nums}
h1,h2,h3{font-weight:800;font-stretch:78%;line-height:1.08;letter-spacing:-.005em;color:var(--text)}
h1{font-size:clamp(2rem,5vw,3rem);margin:.2em 0 .4em}
h2{font-size:clamp(1.4rem,3vw,1.85rem);margin:0 0 .6em}
p{margin:0 0 1em;max-width:70ch}
a{color:var(--accent);text-underline-offset:.18em}
a:hover{color:var(--accent-hover)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}
.pular{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.6em 1em;z-index:100}
.pular:focus{left:8px;top:8px}

/* topo e menu */
.topo{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topo-linha{max-width:72rem;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.marca{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-stretch:80%;font-size:1.3rem;color:var(--text);text-decoration:none}
.marca picture,.rodape-marca picture{display:contents}.marca img,.marca svg,.rodape-nome svg{width:2rem;height:2rem;flex:0 0 auto;overflow:visible}
@media (max-width:899px){.marca img,.marca svg{width:1.7rem;height:1.7rem}.marca{font-size:1.2rem}}
.topo-nav{display:flex;gap:.25rem 1.1rem;flex-wrap:wrap;margin-left:auto}
.topo-nav a{color:var(--text2);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.topo-nav a:hover,.topo-nav a[aria-current="page"]{color:var(--text);border-bottom-color:var(--accent)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line2);border-radius:var(--radius-sm);color:var(--text);padding:.4rem .7rem;font:inherit;cursor:pointer;align-items:center;gap:.5rem}
.menu-icone{display:grid;gap:3px}.menu-icone span{display:block;width:16px;height:2px;background:var(--text)}
.rot-fechar{display:none}.menu-btn[aria-expanded="true"] .rot-abrir{display:none}.menu-btn[aria-expanded="true"] .rot-fechar{display:inline}
@media (max-width:760px){
  .menu-btn{display:inline-flex}
  .topo-nav{display:none;width:100%;flex-direction:column;margin:0;padding:.4rem 0 .6rem}
  .topo-nav.aberto{display:flex}
}

/* página */
/* rodapé colado no fim da janela (05/10): o body é coluna de pelo menos 100dvh e a página cresce; sem salto de layout (a altura não depende de JS) */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
/* o banner de cookies (consentimento.js vendorado) põe padding-bottom inline no body e descola o rodapé do fim;
   decisão do Bruno (05/10): o rodapé pode ficar atrás do banner, nunca descolado */
body{padding-bottom:0!important}
.pagina{flex:1 0 auto;width:100%;max-width:72rem;margin:0 auto;padding:1.5rem 1rem 3rem}
.rodape{flex:none}
.rastro{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.9rem;color:var(--muted);margin-bottom:1rem}
.rastro a{color:var(--muted)}
.grade{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
@media (min-width:1024px){.grade{grid-template-columns:11rem minmax(0,48rem);gap:2.5rem;justify-content:start}}
.coluna-corpo{min-width:0}
.lado-indice{display:none}
@media (min-width:1024px){.lado-indice{display:block}.indice{position:sticky;top:5.2rem}}
.indice ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.indice a{display:block;padding:.3rem .8rem;color:var(--text2);text-decoration:none;font-size:.95rem}
.indice a:hover,.indice a.ativo{color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}
.secao{margin:2.2rem 0;scroll-margin-top:5rem}

/* hero-resposta: a resposta vem primeiro */
.hero{padding:.5rem 0 1rem}
.answer{font-size:1.2rem;line-height:1.55;color:var(--text);max-width:62ch}
.selo-frescor{display:inline-block;font-size:.92rem;color:var(--text2);background:var(--surface2);border-radius:999px;padding:.25rem .8rem;margin:.2rem 0 1rem}
.barra-prova{font-size:.95rem;color:var(--muted)}
.aviso-exemplo{background:var(--warn-soft);color:var(--text);border:1px dashed var(--warn);border-radius:var(--radius);padding:.7rem 1rem;max-width:none}

/* botões e CTAs */
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;text-decoration:none;border:0;border-radius:var(--radius);padding:.75rem 1.3rem;cursor:pointer}
.btn:hover{background:var(--accent-hover);color:var(--accent-ink)}
.btn-sec{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.btn-sec:hover{background:var(--accent-soft);color:var(--accent-hover)}
.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.cta-band,.cta-final{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.4rem}
.cta-band p,.cta-final p{margin-bottom:.8rem}

/* números, tabela, gráfico */
/* @ds kpis: quadro de números padrão da fábrica (design/componentes/kpis.html). Número grande, rótulo curto, 1 linha de apoio. */
.kpis{list-style:none;margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
@media (max-width:719px){.kpis>.kpi:last-child:nth-child(odd){grid-column:1/-1}}
.kpi{background:var(--surface);padding:.95rem 1rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}
.kpi-valor{font:600 clamp(1.35rem,3vw,1.85rem)/1.1 var(--mono,ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace);font-variant-numeric:tabular-nums;color:var(--text)}
.kpi-rotulo{font-size:.8125rem;color:var(--text2)}
.kpi-nota{font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1.3em}
.kpi-nota:empty{display:block}
@media (min-width:720px){.kpis-n1{grid-template-columns:minmax(0,1fr)}.kpis-n3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis-n4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis-n5{grid-template-columns:repeat(6,minmax(0,1fr))}.kpis-n5>.kpi{grid-column:span 2}.kpis-n5>.kpi:nth-child(n+4){grid-column:span 3}.kpis-n6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rolo{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.tabela{border-collapse:collapse;width:100%;min-width:20rem;font-size:.98rem}
.tabela caption{text-align:left;padding:.7rem 1rem;color:var(--text2);font-size:.92rem}
.tabela th,.tabela td{padding:.6rem 1rem;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.tabela thead th{background:var(--surface2);font-weight:600}
.tabela .num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.grafico{margin:1rem 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem}
.grafico svg{width:100%;height:auto;display:block}
.grafico figcaption{font-size:.88rem;color:var(--muted);padding:.4rem .4rem 0}
.g-grade{stroke:var(--line);stroke-width:1}.g-eixo{fill:var(--muted);font-size:12px}
.g-linha{stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.g-ponto{fill:var(--accent);stroke:var(--surface);stroke-width:1.5}
.vazio{color:var(--text2);background:var(--surface2);border-radius:var(--radius);padding:.8rem 1rem}
.destaque{background:var(--warn-soft);border-left:4px solid var(--warn);padding:.8rem 1rem;border-radius:var(--radius-sm);max-width:none}
.lista-links,.lista-achados{padding-left:1.2rem}.lista-links li,.lista-achados li{margin:.3rem 0}
.glossario dt{font-weight:600;margin-top:.6rem}.glossario dd{margin:0 0 .4rem;color:var(--text2)}

/* FAQ e nota de fonte */
.faq details,.nota-fonte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:.5rem 0;padding:.2rem 1rem}
.faq summary,.nota-fonte summary{cursor:pointer;font-weight:600;padding:.8rem 0;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none}
.faq summary::-webkit-details-marker,.nota-fonte summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--accent);flex:0 0 auto}
.faq details[open] summary::after{content:"\2212"}
.faq details p,.nota-fonte p,.nota-fonte ul{color:var(--text2)}

/* ferramenta */
.form-ferramenta{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}
@media (min-width:700px){.form-ferramenta{grid-template-columns:repeat(3,minmax(0,1fr))}.form-ferramenta .btn{grid-column:1/-1;justify-self:start}}
.campo label,.form-aviso label{display:block;font-weight:600;margin-bottom:.3rem}
input[type=text],input[type=number],input[type=email]{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1.5px solid var(--line2);border-radius:var(--radius-sm);padding:.6rem .7rem}
.erro-campo{color:var(--bad);font-size:.9rem;margin:.3rem 0 0;min-height:0}
.resultado{margin-top:1rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);padding:1rem 1.2rem}
.resultado[hidden]{display:none}
.resultado-linha{display:flex;justify-content:space-between;gap:1rem;margin:.2rem 0;max-width:none}
.resultado-linha strong{font-variant-numeric:tabular-nums}
.aviso-calc{font-size:.9rem;color:var(--text2)}
.form-aviso{display:grid;gap:.7rem;max-width:30rem}
.form-aviso .check{display:flex;gap:.5rem;font-weight:400;align-items:flex-start}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-msg{min-height:1.4em;color:var(--text2)}

/* rodapé baixo (05/10): celular = linha 1 Grupo Radar dos Produtos em pílulas + ícones; linha 2 divulgação com "Sobre e termos" colado ao fim do texto (painel por cima).
   Desktop = UMA faixa (grupo | links | ícones) e a divulgação numa linha embaixo. */
.rodape{position:relative;background:var(--surface);border-top:1px solid var(--line);margin-top:2.5rem}
.rodape-miolo{max-width:72rem;margin:0 auto;padding:.4rem 1rem .45rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"grupo icones" "aviso aviso";align-items:center;gap:.2rem .5rem;font-size:.6875rem;line-height:1.3;color:var(--text2)}
.rodape-miolo p{margin:0;max-width:none}
.rodape-grupo{grid-area:grupo;display:flex;align-items:center;gap:.4rem;min-width:0}
.rodape-marca{display:none;align-items:center;gap:.4rem;color:var(--text);text-decoration:none;font-stretch:80%;font-size:.9375rem}
.rodape-marca img,.rodape-marca svg{width:1.35rem;height:1.35rem;flex:0 0 auto}
.rodape-marca b{font-weight:800}
.rodape-rot{flex:0 0 auto;color:var(--muted);white-space:nowrap;text-decoration:underline;text-underline-offset:2px}
.rodape-pilulas{display:flex;align-items:center;gap:.25rem;min-width:0;padding:2px;overflow-x:auto;scrollbar-width:none}
.rodape-pilulas::-webkit-scrollbar{display:none}
.rodape-irmao{flex:0 0 auto;display:inline-flex;align-items:center;min-height:26px;padding:0 .45rem;font-size:.65625rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);text-decoration:none;font-weight:600;white-space:nowrap}
.rodape-irmao:hover{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--text)}
.rodape-icones{grid-area:icones;display:flex;align-items:center;gap:.3rem}
.rodape-ic{display:inline-grid;place-items:center;grid-auto-flow:column;gap:.4rem;min-width:30px;height:30px;border-radius:999px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line2);text-decoration:none;font-weight:500}
.rodape-ic svg{width:16px;height:16px}
.rodape-ic:hover{background:var(--text);color:var(--bg)}
.rodape-mail span{display:none}
.rodape-aviso{grid-area:aviso;color:var(--muted);font-size:.65625rem;line-height:1.35}
.rodape-mais{display:inline-block;position:relative;vertical-align:middle;margin-left:.15rem}
.rodape-mais summary{display:inline-flex;align-items:center;gap:.3rem;min-height:26px;padding:0 .6rem;border-radius:999px;background:var(--surface2);color:var(--text);font-weight:600;font-size:.6875rem;cursor:pointer;list-style:none}
.rodape-mais summary::-webkit-details-marker{display:none}
.rodape-mais summary::after{content:"";width:.4rem;height:.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(225deg) translate(-1px,-1px);transition:transform .15s}
.rodape-mais[open] summary::after{transform:rotate(45deg) translate(-1px,-1px)}
.rodape-painel{position:absolute;right:0;bottom:calc(100% + .5rem);z-index:30;min-width:14.5rem;display:flex;flex-direction:column;padding:.4rem;background:var(--surface);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow)}
.rodape-painel a,.rodape-painel .link-btn{display:flex;align-items:center;min-height:42px;padding:0 .75rem;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);font:inherit;font-size:.875rem;font-weight:500;text-align:left;text-decoration:none;cursor:pointer}
.rodape-painel a:hover,.rodape-painel .link-btn:hover{background:var(--surface2);color:var(--accent)}
.rodape a:focus-visible,.rodape .link-btn:focus-visible,.rodape summary:focus-visible{outline:3px solid var(--info);outline-offset:2px;border-radius:6px}
@media (min-width:900px){
  .rodape-miolo{padding:.4rem 1rem .4rem;grid-template-columns:minmax(0,34rem) minmax(0,1fr) max-content;grid-template-areas:"grupo links icones" "aviso aviso aviso";gap:.1rem 2rem;font-size:.8125rem}
  .rodape-aviso{font-size:.75rem;display:contents}
  .rodape-aviso-txt{grid-area:aviso;color:var(--muted);line-height:1.3}
  .rodape-irmao{font-size:.75rem;min-height:24px;padding:0 .55rem}
  /* 15/10/2026: com 18+ radares no grupo a faixa de uma linha passava da tela (1024 e 1366): no largo as pílulas quebram linha dentro da coluna */
  .rodape-pilulas{flex-wrap:wrap;overflow:visible}
  .rodape-ic{min-width:28px;height:28px}
  /* o app.js abre o disclosure e esconde o botão: os links viram uma faixa de uma linha (quebra se a tela for estreita) */
  .rodape-largo .rodape-mais{display:contents}
  .rodape-largo .rodape-mais summary{display:none}
  .rodape-largo .rodape-painel{grid-area:links;position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 1.25rem;padding:0;background:none;box-shadow:none;min-width:0;justify-content:flex-end}
  .rodape-largo .rodape-painel a,.rodape-largo .rodape-painel .link-btn{min-height:24px;padding:0;font-size:.8125rem;border-radius:4px;display:inline-flex}
  .rodape-largo .rodape-painel a:hover,.rodape-largo .rodape-painel .link-btn:hover{background:none;text-decoration:underline;text-underline-offset:.2em}
}

/* banner de cookies (consentimento.js vendorado). O componente injeta o CSS dele num <style>, e a CSP do site
   (style-src 'self', sem 'unsafe-inline') bloqueia estilo injetado: o banner aparecia cru. O mesmo visual vem
   daqui, por tokens do tema, compacto e com Recusar e Aceitar de peso igual (regra do componente). */
.gc-consent{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:2147483000;max-width:640px;margin:0 auto;background:var(--consent-bg);color:var(--consent-ink);border:1px solid var(--consent-borda);border-radius:var(--radius);padding:.6rem .75rem;font-size:.8125rem;line-height:1.4;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem}
.gc-consent p{margin:0;max-width:none}
.gc-consent a{color:inherit;white-space:nowrap}
.gc-consent .gc-acoes{display:flex;gap:.5rem}
.gc-consent button{flex:1 1 0;min-height:40px;font:inherit;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;background:var(--consent-bg);color:var(--consent-ink);border:1.5px solid var(--consent-borda)}
.gc-consent button:hover{background:var(--surface2)}
.gc-consent button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (min-width:561px){.gc-consent{flex-direction:row;align-items:center;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:.875rem}.gc-consent p{flex:1 1 auto}.gc-consent .gc-acoes{flex:0 0 auto}.gc-consent button{flex:0 0 auto;min-width:96px;padding:0 .9rem}}
@media (max-width:559px){
  .gc-consent{padding:.5rem .7rem;gap:.4rem;font-size:.75rem}
  .gc-consent button{min-height:38px}
}
/* Banner no tema claro (pedido do Bruno, 05/10/2026: no mesmo nível visual do Radar de Celulares): faixa de ação no topo,
   sombra mais funda para destacar do papel, ícone de cookie na cor de ação e botões em azul com peso igual (Recusar e Aceitar
   idênticos: só muda o texto). Cor só por token. */
.gc-consent{border-top:3px solid var(--accent);box-shadow:var(--consent-sombra)}
.gc-consent p::before{content:"";display:inline-block;width:1.25em;height:1.25em;margin-right:.5em;vertical-align:-.28em;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5zM8.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-1 6.5a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4zm6 1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5zM8.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-1 6.5a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4zm6 1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E") center/contain no-repeat}
.gc-consent button{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.gc-consent button:hover{background:var(--accent);color:var(--accent-ink)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:520px){.rodape-miolo{padding:.3rem 1rem .35rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rot icones" "pil pil" "txt mais";gap:.15rem .5rem}.rodape-grupo,.rodape-aviso{display:contents}.rodape-rot{grid-area:rot}.rodape-pilulas{grid-area:pil;padding:0;overflow:visible;flex-wrap:wrap}.rodape-irmao{min-height:22px;padding:0 .4rem}.rodape-icones{gap:.25rem}.rodape-ic{min-width:28px;height:28px}.rodape-aviso-txt{grid-area:txt;font-size:.625rem;line-height:1.25}.rodape-mais{grid-area:mais;margin:0;align-self:end}.rodape-mais summary{min-height:22px;padding:0 .5rem;font-size:.65625rem}}

/* VENDORADO do <style> crítico de https://radarderelogios.com.br/ (16/10/2026): tokens escuros --n-*, casca (topo azul-marinho, menu em pílulas) e rodapé enxuto. Não editar: re-vendorar. */
@font-face{font-family:"Archivo";src:url("fontes/archivo-wdth-lat.woff2") format("woff2");font-weight:400 800;font-stretch:62% 100%;font-style:normal;font-display:swap}@font-face{font-family:"Archivo Reserva";src:local("Arial");font-weight:100 599;size-adjust:98.8%}@font-face{font-family:"Archivo Reserva";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:600 900;size-adjust:100%}@font-face{font-family:"Archivo Reserva Titulo";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:100 900;size-adjust:90%}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 "Archivo","Archivo Reserva",system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:lining-nums}h1,h2,h3{font-family:"Archivo","Archivo Reserva Titulo",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-stretch:78%;line-height:1.08;letter-spacing:-.005em;color:var(--text)}h1{font-size:clamp(2rem,5vw,3rem);margin:.2em 0 .4em}h2{font-size:clamp(1.4rem,3vw,1.85rem);margin:0 0 .6em}p{margin:0 0 1em;max-width:70ch}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.pular{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.6em 1em;z-index:100}.pular:focus{left:8px;top:8px}.topo{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;color:var(--text)}.topo-linha{max-width:72rem;margin:0 auto;padding:.65rem 1rem;display:flex;align-items:center;gap:.5rem 1.4rem;flex-wrap:wrap}.marca{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-stretch:80%;font-size:1.3rem;color:var(--text);text-decoration:none}.marca img,.marca svg,.rodape-nome svg{width:2rem;height:2rem;flex:0 0 auto}@media (max-width:899px){.marca img,.marca svg{width:1.7rem;height:1.7rem}.marca{font-size:1.2rem}}.topo-nav{display:flex;gap:.3rem;margin-left:1rem;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.topo-nav::-webkit-scrollbar{display:none}.topo-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 .85rem;border-radius:999px;color:var(--text2);font-size:.9375rem;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .15s,color .15s}.topo-nav a:hover{color:var(--text);background:var(--surface2)}.topo-nav a[aria-current="page"]{background:var(--text);color:var(--bg)}@media (min-width:761px) and (max-width:1100px){.topo-nav a{padding:0 .6rem;font-size:.875rem}}.topo-dados{margin:0 0 0 auto;max-width:none;font:400 .75rem/1.2 var(--mono);color:var(--muted)}.menu-btn{display:none}@media (max-width:760px){.topo-linha{row-gap:.3rem;padding:.4rem 1rem .45rem}.marca{font-size:1.1rem;gap:.4rem;min-width:0}.marca img,.marca svg{width:1.5rem;height:1.5rem}.topo-dados{font-size:.625rem;line-height:1.15;max-width:none;white-space:nowrap;text-align:right}.topo-ano{display:none}.topo-nav{order:3;width:100%;margin:0;padding:0;gap:.25rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topo-nav::-webkit-scrollbar{display:none}.topo-nav a{min-height:32px;padding:0 .6rem;font-size:.8125rem}}@media (max-width:380px){.topo-nav{gap:.2rem}.topo-nav a{padding:0 .45rem}}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:0!important}.pagina{flex:1 0 auto;width:100%;box-sizing:border-box;max-width:72rem;margin:0 auto;padding:1.5rem 1rem 1.25rem}.rodape{flex:none}.grade{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}@media (min-width:1024px){.grade{grid-template-columns:11rem minmax(0,48rem);gap:2.5rem;justify-content:start}}.coluna-corpo{min-width:0}@media (min-width:1024px){.indice{position:sticky;top:5.2rem}}.indice ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}.indice a{display:block;padding:.3rem .8rem;color:var(--text2);text-decoration:none;font-size:.95rem}.indice a:hover,.indice a.ativo{color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.secao{margin:2.2rem 0;scroll-margin-top:5rem}.pagina>.secao:last-child,.pagina>*:last-child{margin-bottom:0}.hero{padding:.25rem 0 .75rem}.answer{font-size:1.125rem;line-height:1.5;color:var(--text);max-width:62ch}@media(max-width:600px){.answer{font-size:1.0625rem}}.selo-frescor{display:inline-block;font-size:.92rem;color:var(--text2);background:var(--surface2);border-radius:999px;padding:.2rem .7rem;margin:.1rem 0 .6rem}.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;text-decoration:none;border:0;border-radius:var(--radius);padding:.75rem 1.3rem;cursor:pointer}.btn:hover{background:var(--accent-hover);color:var(--accent-ink)}.btn-sec{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-sec:hover{background:var(--accent-soft);color:var(--accent-hover)}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.kpis{list-style:none;margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}@media (max-width:719px){.kpis>.kpi:last-child:nth-child(odd){grid-column:1/-1}}.kpi{background:var(--surface);padding:.95rem 1rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}.rolo{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tabela{border-collapse:collapse;width:100%;min-width:20rem;font-size:.98rem}.tabela caption{text-align:left;padding:.7rem 1rem;color:var(--text2);font-size:.92rem}.tabela th,.tabela td{padding:.6rem 1rem;border-top:1px solid var(--line);text-align:left;vertical-align:top}.tabela thead th{background:var(--surface2);font-weight:600}.tabela .num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.grafico{margin:1rem 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem}.grafico svg{width:100%;height:auto;display:block}.grafico figcaption{font-size:.88rem;color:var(--muted);padding:.4rem .4rem 0}.vazio{color:var(--text2);background:var(--surface2);border-radius:var(--radius);padding:.8rem 1rem}.destaque{background:var(--warn-soft);border-left:4px solid var(--warn);padding:.8rem 1rem;border-radius:var(--radius-sm);max-width:none}.lista-links,.lista-achados{padding-left:1.2rem}.lista-links li,.lista-achados li{margin:.3rem 0}.faq details,.nota-fonte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:.5rem 0;padding:0 1rem .2rem;transition:border-color .18s,background-color .18s}.faq summary,.nota-fonte summary{cursor:pointer;font-weight:600;margin:0 -1rem;padding:.8rem 1rem;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;border-radius:var(--radius);transition:background-color .18s,color .18s}.faq summary::-webkit-details-marker,.nota-fonte summary::-webkit-details-marker{display:none}.faq summary::after,.nota-fonte summary::after{content:"";flex:0 0 auto;width:.55rem;height:.55rem;margin-right:.35rem;border:solid var(--accent);border-width:0 2.5px 2.5px 0;transform:translateY(-.15rem) rotate(45deg);transition:transform .2s cubic-bezier(.4,0,.2,1)}.faq details[open]>summary::after,.nota-fonte[open]>summary::after{transform:translateY(.1rem) rotate(-135deg)}.faq summary:hover,.nota-fonte summary:hover{background:var(--accent-soft)}.faq summary:focus-visible,.nota-fonte summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:var(--radius)}.faq details[open],.nota-fonte[open]{border-color:var(--accent)}.faq details[open]>summary,.nota-fonte[open]>summary{color:var(--accent);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.nota-fonte .sum-aberto,.nota-fonte[open] .sum-fechado{display:none}.nota-fonte[open] .sum-aberto{display:inline}.faq details p,.nota-fonte p,.nota-fonte ul{color:var(--text2)}@media (prefers-reduced-motion:reduce){.faq summary::after,.nota-fonte summary::after,.faq details,.nota-fonte,.faq summary,.nota-fonte summary{transition:none}}.campo label,.form-aviso label{display:block;font-weight:600;margin-bottom:.3rem}input[type=text],input[type=number],input[type=email]{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1.5px solid var(--line2);border-radius:var(--radius-sm);padding:.6rem .7rem}.erro-campo{color:var(--bad);font-size:.9rem;margin:.3rem 0 0;min-height:0}.resultado{margin-top:1rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);padding:1rem 1.2rem}.resultado[hidden]{display:none}.form-msg{min-height:1.4em;color:var(--text2)}.rodape{background:var(--surface);border-top:1px solid var(--line);margin-top:2rem;color:var(--text2)}.rodape-miolo{max-width:72rem;margin:0 auto;padding:1.1rem 1rem .8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1.2rem;font-size:.875rem;line-height:1.3}.rodape-miolo p{margin:0;max-width:none}.rodape-marca{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;font-stretch:80%;font-size:1.125rem}.rodape-marca img,.rodape-marca svg{width:1.6rem;height:1.6rem;flex:0 0 auto}.rodape-marca b{font-weight:800}.rodape-irmao{display:inline-flex;align-items:center;min-height:28px;padding:0 .6rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);text-decoration:none;font-weight:600;font-size:.8125rem;white-space:nowrap;transition:background-color .15s,box-shadow .15s}.rodape-irmao:hover{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--accent);color:var(--text)}.rodape-email{font:500 .78rem var(--mono);color:var(--text2);text-decoration:underline;text-underline-offset:3px}.rodape-email:hover{color:var(--accent)}.rodape-det>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer}.rodape-det>summary::-webkit-details-marker{display:none}.rodape-det>summary::after{content:"+";font-size:1.1rem;color:var(--muted)}.rodape-det[open]>summary::after{content:"\2212"}.rodape-aviso{grid-column:1/-1;color:var(--muted);font-size:.75rem;line-height:1.35;padding-top:.6rem;border-top:1px solid var(--line)}.rodape a:focus-visible,.rodape .link-btn:focus-visible,.rodape-det>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}@media (min-width:900px){.rodape-miolo{grid-template-columns:minmax(24rem,1.6fr) minmax(0,2fr) minmax(0,1.1fr) minmax(0,.7fr);gap:1.1rem 2rem;padding:1.4rem 1rem 1rem;align-items:start}.rodape-det>summary{min-height:0;margin-bottom:.35rem;pointer-events:none;cursor:default}.rodape-det>summary::after,.rodape-det[open]>summary::after{content:none}}.gc-consent{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:2147483000;max-width:640px;margin:0 auto;background:var(--consent-bg);color:var(--consent-ink);border:1px solid var(--consent-borda);border-radius:var(--radius);padding:.6rem .75rem;font-size:.8125rem;line-height:1.4;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem}.gc-consent p{margin:0;max-width:none}.gc-consent a{color:inherit}.gc-consent .gc-acoes{display:flex;gap:.5rem}.gc-consent button{flex:1 1 0;min-height:40px;font:inherit;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;background:var(--consent-bg);color:var(--consent-ink);border:1.5px solid var(--consent-borda)}.gc-consent button:hover{background:var(--surface2)}.gc-consent button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (min-width:561px){.gc-consent{flex-direction:row;align-items:center;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:.875rem}.gc-consent p{flex:1 1 auto}.gc-consent .gc-acoes{flex:0 0 auto}.gc-consent button{flex:0 0 auto;min-width:96px;padding:0 .9rem}}@media (max-width:559px){.gc-consent{padding:.5rem .7rem;gap:.4rem;font-size:.75rem}.gc-consent button{min-height:38px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.rodape-enxuto .rodape-miolo{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:.9rem 1rem .7rem}.re-grupo-linha{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.6rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.re-id{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.re-grupo{font-size:.78rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.re-grupo:hover{color:var(--accent)}.re-irmaos{margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.re-principais{padding-top:.4rem}.re-principais ul,.re-sec ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}.re-principais ul{gap:0 1.1rem}.re-principais a{display:inline-flex;align-items:center;min-height:36px;color:var(--text);font-weight:600;font-size:.9rem;text-decoration:none}.re-sec ul{gap:0 .8rem}.re-sec a,.re-sec .link-btn{display:inline-flex;align-items:center;min-height:30px;padding:0;color:var(--text2);font:inherit;font-size:.78rem;white-space:nowrap;text-decoration:none;background:none;border:0;cursor:pointer}.re-principais a:hover,.re-sec a:hover,.re-sec .link-btn:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.rodape-enxuto .rodape-aviso{border-top:0;padding-top:.3rem;margin:0;font-size:.72rem}@media (max-width:640px){.rodape-enxuto .rodape-miolo{padding:.8rem 1rem .6rem}.re-grupo-linha{gap:.45rem;padding-bottom:.55rem}.re-id{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem}.rodape-enxuto .rodape-marca{font-size:1rem}.rodape-enxuto .rodape-irmao{min-height:26px;padding:0 .5rem;font-size:.72rem}.re-principais ul{gap:0 .9rem}.re-principais a{min-height:32px;font-size:.84rem}.re-sec ul{gap:0 .8rem}.re-sec a,.re-sec .link-btn{min-height:28px;font-size:.74rem}}@media (min-width:900px){.topo-nav{margin-inline:auto}}

/* escala de espaço (4, 8, 12, 16, 24, 32, 48, 64) */
:root{--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:48px;--e8:64px}
/* radar */
.palco{
  --raio:var(--radius);--raio-p:var(--radius-sm);
  display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e5);margin:var(--e3) 0 var(--e6)
}
.palco *{box-sizing:border-box}
.palco h2,.palco h3,.palco p{margin:0}
.palco button,.palco input{font:inherit;color:inherit}
.palco :focus-visible{outline:3px solid var(--info);outline-offset:3px;border-radius:var(--raio-p)}
.palco [tabindex="-1"]:focus{outline:none}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}

/* trilha de etapas */
.passos{display:flex;gap:var(--e2);list-style:none;margin:0 0 var(--e5);padding:0;font-size:.875rem;color:var(--muted);counter-reset:p}
.passos li{counter-increment:p;flex:1 1 0;padding-top:var(--e2);border-top:3px solid var(--line);display:flex;gap:var(--e2);align-items:baseline}
.passos li::before{content:counter(p);font-weight:700;font-variant-numeric:tabular-nums}
.passos li[aria-current="step"]{color:var(--text);font-weight:700;border-top-color:var(--accent)}
.passos li.feito{color:var(--text);border-top-color:var(--text2)}
.passos li.feito::before{content:"\2713"}
.radar{margin:0}
.radar{scroll-margin-top:5rem}
.palco:not([data-etapa="1"]) .radar{max-width:46rem;width:100%;margin-inline:auto}
.palco[data-etapa="3"] .radar{max-width:62rem}
.tela[hidden]{display:none}
.tela>*+*{margin-top:var(--e5)}
.radar h2{font-size:clamp(1.65rem,5.4vw,2.35rem);line-height:1.1;letter-spacing:-.02em}
.lead{font-size:1.125rem;color:var(--text2);max-width:46ch}
#t2-corpo,#t3-corpo{display:flex;flex-direction:column;gap:var(--e5)}
#t2-corpo>*,#t3-corpo>*{margin:0}

/* tela 1: a mira */
.busca{display:flex;flex-direction:column;gap:var(--e4)}
.linha-campo{display:flex;flex-direction:column;gap:var(--e5)}
.mira{--k:0px;position:relative;display:flex;align-items:center;background:var(--surface);border-radius:var(--raio);box-shadow:inset 0 0 0 2px var(--line2);transition:box-shadow .18s}
.mira:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}
.mira input{flex:1 1 auto;min-width:0;height:50px;padding:0 var(--e3) 0 var(--e4);border:0;background:transparent;border-radius:var(--raio);font-size:1.0625rem;text-overflow:ellipsis}
.mira input::placeholder{color:var(--muted)}
.mira input:focus-visible{outline:none}
.mira i{position:absolute;width:20px;height:20px;border:0 solid var(--text);pointer-events:none;transition:transform .2s ease,border-color .2s}
.mira i:nth-of-type(1){top:-9px;left:-9px;border-top-width:4px;border-left-width:4px;border-top-left-radius:9px}
.mira i:nth-of-type(2){top:-9px;right:-9px;border-top-width:4px;border-right-width:4px;border-top-right-radius:9px}
.mira i:nth-of-type(3){bottom:-9px;right:-9px;border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:9px}
.mira i:nth-of-type(4){bottom:-9px;left:-9px;border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:9px}
.mira:focus-within i,.mira.lendo i{border-color:var(--accent)}
.mira:focus-within i:nth-of-type(1),.mira.lendo i:nth-of-type(1){transform:translate(5px,5px)}
.mira:focus-within i:nth-of-type(2),.mira.lendo i:nth-of-type(2){transform:translate(-5px,5px)}
.mira:focus-within i:nth-of-type(3),.mira.lendo i:nth-of-type(3){transform:translate(-5px,-5px)}
.mira:focus-within i:nth-of-type(4),.mira.lendo i:nth-of-type(4){transform:translate(5px,-5px)}
.mira.lendo{box-shadow:inset 0 0 0 2px var(--accent)}
.mira.erro-campo{box-shadow:inset 0 0 0 2px var(--bad)}
.mira.erro-campo i{border-color:var(--bad)}
@media (prefers-reduced-motion:no-preference){
  .mira.lendo i{animation:trava 1s ease-in-out infinite alternate}
  .mira.lendo i:nth-of-type(2){animation-name:trava2}.mira.lendo i:nth-of-type(3){animation-name:trava3}.mira.lendo i:nth-of-type(4){animation-name:trava4}
}
@keyframes trava{from{transform:translate(5px,5px)}to{transform:translate(0,0)}}
@keyframes trava2{from{transform:translate(-5px,5px)}to{transform:translate(0,0)}}
@keyframes trava3{from{transform:translate(-5px,-5px)}to{transform:translate(0,0)}}
@keyframes trava4{from{transform:translate(5px,-5px)}to{transform:translate(0,0)}}
.colar{appearance:none;border:0;background:var(--accent-soft);color:var(--accent);cursor:pointer;min-height:44px;margin-right:var(--e2);padding:0 var(--e3);border-radius:var(--raio-p);font-weight:700;display:inline-flex;align-items:center;gap:var(--e2);flex:0 0 auto}
.colar:hover{background:var(--accent);color:var(--accent-ink)}
.colar svg{width:18px;height:18px}
.palco .botao,.botao{appearance:none;border:0;cursor:pointer;background:var(--accent);color:var(--accent-ink);min-height:56px;padding:0 var(--e6);border-radius:var(--raio);font-weight:700;font-size:1.0625rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);text-decoration:none;text-align:center;transition:background .15s,transform .1s}
.botao:hover{background:var(--accent-hover);color:var(--accent-ink)}
.botao:active{transform:translateY(1px)}
.botao[disabled]{opacity:.7;cursor:progress}
.botao.largo{width:100%}
.linha-campo .botao{min-height:64px}
.radar .erro{background:var(--bad-soft);color:var(--bad);border-radius:var(--raio-p);padding:var(--e3) var(--e4);font-weight:600;max-width:60ch}
.radar .erro small{display:block;font-weight:400;color:var(--text2);margin-top:var(--e1)}

/* carregando */
.carga{display:flex;flex-direction:column;gap:var(--e3)}
.fases{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--e2);font-weight:600}
.fases li{display:flex;align-items:center;gap:var(--e3);color:var(--muted);font-weight:500}
.fases li::before{content:"";width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line2);flex:0 0 auto}
.fases li.on{color:var(--text);font-weight:700}
.fases li.on::before{background:var(--accent);box-shadow:none}
.fases li.ok{color:var(--text2)}
.fases li.ok::before{background:var(--good);box-shadow:none}
@media (prefers-reduced-motion:no-preference){.fases li.on::before{animation:pulsa 1s ease-in-out infinite alternate}}
@keyframes pulsa{from{opacity:1}to{opacity:.35}}
.barra{height:4px;background:var(--line);border-radius:2px;overflow:hidden;max-width:28rem}
.barra i{display:block;height:100%;width:35%;background:var(--accent)}
@media (prefers-reduced-motion:no-preference){.barra i{animation:vai 1.1s ease-in-out infinite alternate}}
@keyframes vai{from{transform:translateX(0)}to{transform:translateX(185%)}}
.demora{color:var(--text2);font-size:.9375rem;max-width:46ch}

/* produto (tela 2) */
.produto{background:var(--surface);border-radius:var(--raio);box-shadow:var(--shadow);padding:var(--e4);display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--e4);align-items:start}
.foto{width:96px;height:96px;border-radius:var(--raio-p);background:var(--surface2);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}
.foto img{width:100%;height:100%;object-fit:contain;display:block}
.produto h3{font-size:1.1875rem;line-height:1.28;letter-spacing:-.01em;overflow-wrap:anywhere}
.meta{margin-top:var(--e2);color:var(--muted);font-size:.9375rem}
.meta b{color:var(--text);font-weight:700}
dl.var{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--e4);margin:var(--e3) 0 0;font-size:.9375rem}
dl.var dt{color:var(--muted)}dl.var dd{margin:0;font-weight:600}
.acoes{display:flex;flex-direction:column;gap:var(--e3);align-items:stretch}
.acoes .botao{min-height:60px}
@media (min-width:560px){.acoes{flex-direction:row;align-items:center;gap:var(--e5)}.acoes .botao{flex:0 0 auto;min-width:14rem}.produto{grid-template-columns:128px minmax(0,1fr);padding:var(--e5)}.foto{width:128px;height:128px}}
.link-btn{background:none;border:0;padding:var(--e2) 0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer;min-height:44px}

/* chips e candidatos */
.grupo{border:0;padding:0;margin:0;min-width:0}
.grupo+.grupo{margin-top:var(--e5)}
.grupo legend{font-weight:700;padding:0;margin-bottom:var(--e2)}
.outro{margin-top:var(--e2)}
.outro input{width:100%;max-width:280px;min-height:44px;padding:0 var(--e3);border:2px solid var(--line2);border-radius:var(--raio-p);background:var(--surface)}
.outro input:focus{border-color:var(--accent)}

/* tela 3: CSS em resultado.css (baixa só ao abrir) */
.final{display:flex;flex-direction:column;gap:var(--e3);align-items:flex-start}
.final .botao{min-width:15rem}

/* preço-alvo dentro do modal de alerta */
.alvo{margin:var(--e4) 0 var(--e5);padding:var(--e4);background:var(--surface2);border-radius:var(--radius-sm)}
.alvo-vis{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e3);margin:var(--e2) 0}
.alvo-vis output{font-size:1.875rem;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.alvo-vis span{font-size:.875rem;color:var(--good);font-weight:700}
.alvo input[type=range]{width:100%;accent-color:var(--accent);height:32px}
.alvo-dica{margin:var(--e2) 0 0;font-size:.8125rem;line-height:1.4;color:var(--text2)}
.alvo-email{margin:0 0 var(--e4)}
.alvo-lim{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted);margin-bottom:var(--e3)}
.alvo #alvo-valor{width:100%;min-height:48px;padding:0 var(--e3);border:2px solid var(--line2);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}
.alvo #alvo-valor:focus{outline:none;border-color:var(--accent)}
.alvo{--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px}

/* demonstração (só existe na prévia; radar-demo.js) */
.demo-faixa{background:var(--warn-soft);color:var(--text);border-bottom:2px dashed var(--warn);padding:2px var(--e4);font-size:.75rem;line-height:1.3;max-width:none;margin:0;text-align:center;flex:none}
.demo-aviso{position:fixed;left:50%;bottom:var(--e5);transform:translateX(-50%);background:var(--text);color:var(--bg);padding:var(--e3) var(--e5);border-radius:var(--radius-sm);max-width:calc(100vw - 32px);z-index:50}

/* o reset */
.palco .botao{color:var(--accent-ink)}
.palco .botao:hover{color:var(--accent-ink)}
.palco .colar{color:var(--accent)}
.palco .colar:hover{color:var(--accent-ink)}
.palco .link-btn{color:var(--accent)}
.palco:not([data-etapa="1"])~.secao-home,.palco:not([data-etapa="1"])~.aviso-calc{display:none}

/* ============ HOME: O RADAR É A VITRINE DAS LOJAS ============ */
.palco[data-etapa="1"] .passos{display:none}
.palco:not([data-etapa="1"]) .hero-home,.palco:not([data-etapa="1"]) .rv-slot{display:none}
.palco:not([data-etapa="1"]){margin:var(--e3) 0 var(--e6)}

/* tipografia */
.hero-home{min-width:0}.palco[data-etapa="1"] .hero-home{grid-area:hero}
.hero-home h1{font-size:clamp(2.1rem,10.4vw,2.55rem);font-stretch:70%;font-weight:800;line-height:.98;letter-spacing:-.012em;margin:0 0 var(--e2);max-width:none;text-wrap:balance;text-align:left}
.hero-home .answer{font-size:.875rem;line-height:1.38;color:var(--text2);margin:0;max-width:44ch}

/* o radar */
.palco[data-etapa="1"] .rv-slot{grid-area:rv}
.rv-slot{min-height:0;min-width:0;display:flex;justify-content:center;align-items:center;container-type:size}
.rv{--d:min(100cqw,100cqh,680px);position:relative;width:var(--d);height:var(--d);font-size:calc(var(--d) / 24);line-height:1;margin:0;padding:0;list-style:none}
@container (max-height:150px){.rv-lista,.rv-ex{display:none}}@container (max-height:72px){.rv{display:none}}
.rv-berco,.rv-giro{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.rv-berco{overflow:hidden}
.rv-berco{border:1px solid var(--line2);background:radial-gradient(circle at 50% 50%,var(--surface) 0 30%,var(--bg) 78%),linear-gradient(var(--line),var(--line)) center/1px 100% no-repeat,linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat}
.rv-berco::before,.rv-berco::after{content:"";position:absolute;border-radius:50%;border:1px solid var(--line)}
.rv-berco::before{inset:13%}
.rv-berco::after{inset:31%}
.rv-giro{background:conic-gradient(from 0deg,transparent 0 296deg,var(--accent-soft) 296deg 358deg,var(--accent) 358deg 360deg);-webkit-mask:radial-gradient(circle,transparent 0 11%,black 11.5%);mask:radial-gradient(circle,transparent 0 11%,black 11.5%)}
.rv-centro{position:absolute;left:50%;top:50%;width:18%;height:18%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line2);color:var(--accent);pointer-events:none}
.rv-centro svg{width:62%;height:62%}
.rv-lista{margin:0;padding:0;list-style:none}
.rv-lista li{position:absolute;margin:0;transform:translate(-50%,-50%);max-width:none}
.rv-p{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.42em;padding:.34em .78em .34em .6em;border-radius:999px;background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line2);font:inherit;font-size:max(1em,10px);font-weight:700;font-stretch:92%;line-height:1.1;white-space:nowrap}
.rv-p::before{content:"";width:.62em;height:.62em;border-radius:50%;background:var(--line2);flex:0 0 auto}
.rv-p:hover{box-shadow:inset 0 0 0 1.5px var(--text)}
.rv-p:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.rv-p[aria-pressed="true"]{background:var(--tag);color:var(--tag-ink);box-shadow:inset 0 0 0 2px var(--text),0 0 0 .3em var(--accent-soft)}
.rv-p[aria-pressed="true"]::before{background:var(--tag-ink)}
.rv-ex{position:absolute;left:50%;bottom:1%;transform:translateX(-50%);margin:0;max-width:none;background:var(--text);color:var(--bg);font-size:.92em;font-weight:600;padding:.4em .9em;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:2}
.rv-ex.on{opacity:1}
.rv-lista li:nth-child(1){left:38%;top:15%;--t:6.63s}.rv-lista li:nth-child(2){left:66%;top:15%;--t:.48s}.rv-lista li:nth-child(3){left:30%;top:29%;--t:6.15s}
.rv-lista li:nth-child(4){left:66%;top:29%;--t:.73s}.rv-lista li:nth-child(5){left:24%;top:42%;--t:5.58s}.rv-lista li:nth-child(6){left:78%;top:42%;--t:1.44s}
.rv-lista li:nth-child(7){left:26%;top:60%;--t:4.81s}.rv-lista li:nth-child(8){left:74%;top:60%;--t:2.19s}.rv-lista li:nth-child(9){left:35%;top:74%;--t:4.12s}
.rv-lista li:nth-child(10){left:68%;top:74%;--t:2.78s}
@media (prefers-reduced-motion:no-preference){
  .rv-giro{animation:giro 7s linear infinite}
  .rv-lista li .rv-p:not(.foco):not([aria-pressed="true"]){animation:acende 7s linear infinite;animation-delay:var(--t)}
  .rv-lista li .rv-p:not(.foco):not([aria-pressed="true"])::before{animation:acende-ponto 7s linear infinite;animation-delay:var(--t)}
}
@keyframes giro{to{transform:rotate(360deg)}}
@keyframes acende{0%{background:var(--tag);color:var(--tag-ink);box-shadow:inset 0 0 0 1.5px var(--tag-borda),0 0 0 .3em var(--accent-soft)}14%{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line2)}100%{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line2)}}
@keyframes acende-ponto{0%{background:var(--tag-ink)}14%{background:var(--line2)}100%{background:var(--line2)}}

/* campo com Colar e botão: o que a pessoa vem fazer */
.palco[data-etapa="1"] .hero-home+.radar{grid-area:radar}
.linha-campo{gap:var(--e3)}
.linha-campo .botao{min-height:50px}
/* os cantos de visor só aparecem quando há o que mostrar */
.mira i{opacity:0;border-color:var(--accent)}
.mira:focus-within i,.mira.lendo i,.mira.erro-campo i{opacity:1}

/* a tela única. A página do veredito é reconhecida pelo data-page-slug do <html> (barato); o :not(#dr) só mantém a especificidade do antigo :has(#palco), que invalidava o estilo do documento inteiro (LCP). */
:is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) body{height:100svh;display:flex;flex-direction:column;overflow:hidden}
:is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) .topo{position:static;flex:none}
:is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) .topo-linha{padding-block:.3rem}
:is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) .pagina{flex:1 1 auto;min-height:0;width:100%;padding:var(--e2) var(--e4);display:flex;flex-direction:column}
:is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) .coluna-corpo{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
:is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) .rodape{flex:none;margin-top:0}
.palco[data-etapa="1"]{flex:1 1 auto;min-height:0;margin:0;gap:var(--e2);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"rv" "hero" "radar";align-content:stretch}
@media (max-height:620px){.mira input{height:44px}.linha-campo .botao{min-height:44px}}
@media (min-width:900px){
  :is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) .pagina{max-width:72rem;padding:var(--e4) var(--e4)}
  .palco[data-etapa="1"]{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);grid-template-areas:"rv ." "rv hero" "rv radar" "rv .";column-gap:var(--e8);row-gap:var(--e4)}
  .hero-home h1{font-size:clamp(3rem,5.3vw,4.6rem);line-height:.95;margin-bottom:var(--e4)}
  .hero-home h1 span{display:block}
  .hero-home h1 span+span{text-wrap:balance}
  .hero-home .answer{font-size:1.125rem;line-height:1.45;max-width:36ch}
  .mira input{height:64px}.linha-campo .botao{min-height:64px}
  .rv-slot{justify-content:flex-start}
}


/* telas 2 e 3 no celular */
@media (max-width:559px){
  .palco:not([data-etapa="1"]){margin-top:var(--e2)}
  .passos{margin-bottom:var(--e3);font-size:.8125rem}
  .radar h2{font-size:1.5rem}
  .tela>*+*{margin-top:var(--e3)}
  #t2-corpo,#t3-corpo{gap:var(--e3)}
  .lead{font-size:1rem}
  .produto{grid-template-columns:72px minmax(0,1fr);padding:var(--e3);gap:var(--e3)}
  .foto{width:72px;height:72px}
  .acoes{flex-direction:row;align-items:center;gap:var(--e3);position:sticky;bottom:0;z-index:5;background:var(--bg);padding:var(--e3) 0 calc(var(--e3) + env(safe-area-inset-bottom,0px))}
  .acoes .botao{flex:1 1 auto;min-width:0;min-height:52px;padding:0 var(--e4)}
  .final{flex-direction:row;flex-wrap:wrap;align-items:center}
  .final .botao{min-width:0;flex:1 1 auto}
}

/* telas baixas (360x640): sobra o máximo possível para o radar */
@media (max-height:700px) and (max-width:899px){
  :is(html[data-page-type="app"],html[data-page-slug^="desconto-"]:not(#dr)):not([data-etapa="2"]):not([data-etapa="3"]) .pagina{padding-block:var(--e1)}
  .palco[data-etapa="1"]{gap:var(--e1)}
  .hero-home h1{font-size:clamp(1.8rem,8.9vw,2.1rem);margin-bottom:var(--e1)}
  .hero-home .answer{font-size:.8125rem;line-height:1.32}
  .mira input{height:46px}.linha-campo .botao{min-height:46px}.linha-campo{gap:var(--e2)}
}
.hero-home .answer{text-wrap:pretty}

/* UMA BARRA: link ou texto (05/10); Colar e Falar só com o campo vazio */
.palco[data-etapa="1"] .busca{gap:0}
.busca .erro,.busca .carga{margin-top:var(--e2)}
.colar.ouvindo,.palco .colar.ouvindo{background:var(--accent);color:var(--accent-ink)}
@media (prefers-reduced-motion:no-preference){.colar.ouvindo svg{animation:pulsa .8s ease-in-out infinite alternate}}
.colar.voz{padding:0;width:44px;justify-content:center}
@media (max-width:560px){.mira input{padding-left:var(--e3);font-size:1rem}.colar.voz{width:40px}}
.colar:focus-visible{outline:3px solid var(--text);outline-offset:2px}

/* botão principal: só transform anima; largura total, sem CLS */
.botao.buscar{font-weight:800;font-size:1.125rem;gap:var(--e3);box-shadow:0 3px 0 var(--accent-borda);transition:background .15s,transform .12s,box-shadow .12s}
.botao.buscar .b-ic{width:22px;height:22px;flex:0 0 auto;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}
@media (hover:hover){.botao.buscar:hover .b-ic{transform:scale(1.14) rotate(-10deg)}}
.botao.buscar:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-borda)}
.botao.buscar:focus-visible{outline:3px solid var(--text);outline-offset:3px}
.botao.buscar.carregando{opacity:1;cursor:progress;background:var(--accent-hover)}
@media (prefers-reduced-motion:no-preference){.botao.buscar.carregando .b-ic{animation:procura 1.1s ease-in-out infinite alternate}}
@keyframes procura{from{transform:translate(-2px,1px) rotate(-8deg)}to{transform:translate(2px,-1px) rotate(8deg)}}
/* ============ TELA 2: O RADAR TRAVOU O ALVO ============ */
.foto-grande{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface2);border-radius:var(--raio-p);overflow:hidden;color:var(--muted)}
.foto-grande img{width:100%;height:100%;object-fit:contain;padding:var(--e3);mix-blend-mode:multiply;display:block}
@media (prefers-color-scheme:dark){.foto-grande{background:var(--text)}}
.opcao legend small{font-weight:400;color:var(--muted);margin-left:var(--e2);font-size:.875rem}

/* vários candidatos: cartões com foto */
.eco-busca{color:var(--text2);max-width:52ch}
.eco-busca q{quotes:"\201C" "\201D";font-weight:700;color:var(--text)}
.cartoes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e3)}
.cartoes li{margin:0;max-width:none}
.cartao{appearance:none;width:100%;height:100%;border:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:var(--e2);background:var(--surface);color:var(--text);border-radius:var(--raio);box-shadow:var(--shadow);padding:var(--e3);transition:box-shadow .15s}
.cartao:hover{box-shadow:inset 0 0 0 2px var(--accent),var(--shadow)}
.cartao:focus-visible{outline:3px solid var(--info);outline-offset:3px}
.cartao-foto{display:block;height:116px}
.cartao-nome{font-weight:700;line-height:1.25;font-size:.9688rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cartao-meta{font-variant-numeric:tabular-nums;color:var(--text2);font-size:.9375rem;font-weight:600}
.cartao-tag{font-size:.8125rem;color:var(--accent);font-weight:700}
.cartao.trocando{opacity:.6;cursor:progress}
.saida{display:flex}
@media (min-width:720px){.cartoes{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4)}.cartao{padding:var(--e4)}.cartao-foto{height:150px}}

@media (max-width:559px){
  .saida .link-btn{width:100%}
}
/* erro no campo: a frase de apoio cede o lugar */
.palco[data-etapa="1"]:has(#e-link:not([hidden])) .hero-home .answer{display:none}

/* ============ ENTRADA DIRETA (05/10): /?produto= e /?link= ============ */
html[data-entrada] .hero-home,html[data-entrada] .rv-slot,html[data-entrada] .passos{display:none}
html[data-entrada]:not([data-pronto]) .palco,html[data-entrada]:not([data-pronto]) .rodape{display:none}
.esq{max-width:62rem;margin:var(--e3) auto var(--e6);display:flex;flex-direction:column;gap:var(--e5)}
.esq>*{margin:0}
.esq-topo{display:flex;flex-direction:column;gap:var(--e3)}
.esq-topo>*{margin:0}
.esq-h{font-size:clamp(1.65rem,5.4vw,2.35rem);line-height:1.1;letter-spacing:-.02em}
.esq-sub{font-size:1.125rem;line-height:1.4;color:var(--text2);max-width:46ch;min-height:1.4em;overflow-wrap:anywhere}
.esq-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--e5);display:flex;flex-direction:column;gap:var(--e4);width:100%;max-width:44rem}
.esq-prod{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--e4);align-items:center}
.esq-foto{display:block;width:56px;height:56px;border-radius:var(--radius-sm);background:var(--surface2);overflow:hidden}
.esq-foto img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.esq-nomes{display:flex;flex-direction:column;gap:var(--e2)}
.esq-linha,.esq-selo,.esq-preco,.esq-btn{display:block;background:var(--line);border-radius:var(--radius-sm)}
.esq-l1{height:1.1em;width:min(22rem,70%)}.esq-l2{height:.9rem;width:92%}.esq-l3{height:.9rem;width:56%}.esq-l4{height:.9rem;width:42%}
.esq-selo{height:28px;width:13rem;max-width:100%;border-radius:999px}
.esq-preco{height:3rem;width:62%}
.esq-btn{height:80px;border-radius:var(--radius)}
@media (prefers-reduced-motion:no-preference){.esq-linha,.esq-selo,.esq-preco,.esq-btn,.esq-foto:empty{animation:esq 1.3s ease-in-out infinite alternate}}
@keyframes esq{from{opacity:1}to{opacity:.4}}
@media (max-width:559px){
  .esq{gap:var(--e3);margin-top:var(--e2)}
  .esq-card{padding:var(--e4);gap:var(--e3)}
  .esq-prod{grid-template-columns:44px minmax(0,1fr);gap:var(--e3)}
  .esq-foto{width:44px;height:44px}
  .esq-btn{height:76px}
  .esq-sub{font-size:1rem}
}

/* ============ TELA 2 (redesenhada 05/10): o CTA mora no cartão; a seleção NUNCA usa o sólido do CTA (fundo tingido + borda + ✓); preço de variante só como diferença ============ */
.palco[data-etapa="2"] .radar{max-width:44rem}
.achado{display:flex;flex-direction:column;gap:var(--e4);background:var(--surface);border-radius:var(--raio);box-shadow:var(--shadow);padding:var(--e4);transition:opacity .15s}
.achado.trocando{opacity:.6}
.a-topo{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--e4);align-items:center}
.vitrine{width:88px;height:88px;min-width:0}
.foto-grande img{padding:var(--e1)}
.a-id{min-width:0;display:flex;flex-direction:column;gap:2px}
.a-id>*{margin:0}
.a-loja{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--muted)}
.a-id .nome{font-size:clamp(1.25rem,5vw,1.625rem);line-height:1.15;letter-spacing:-.01em;font-weight:700;overflow-wrap:anywhere;text-wrap:balance}
.a-ficha{font-size:.9375rem;color:var(--text2)}
.a-preco{margin-top:2px!important}
.a-preco b{font-size:clamp(1.5rem,6.4vw,1.875rem);font-weight:800;font-stretch:88%;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.opcoes{display:flex;flex-direction:column;gap:var(--e3)}
.grupo legend{font-size:.875rem;color:var(--text2);margin-bottom:var(--e2)}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr));gap:var(--e2)}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.c-corpo{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:var(--e2);min-height:52px;height:100%;padding:6px var(--e3);border-radius:var(--raio-p);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line2);position:relative}
.chip.com-vis .c-corpo{grid-template-columns:auto minmax(0,1fr);padding-left:var(--e2)}
.c-vis{display:grid;place-items:center}
.pt{display:block;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2)}
.mini{width:30px;height:30px;border-radius:50%;object-fit:contain;background:var(--surface2);mix-blend-mode:multiply}
.chip-v{font-weight:600;font-size:.9375rem;line-height:1.2;overflow-wrap:anywhere;padding-right:10px}
.c-nota{grid-column:1/-1;font-size:.75rem;font-weight:600;color:var(--muted);line-height:1.1}
.chip.com-vis .c-nota{grid-column:2/-1}
.c-ok{display:none;color:var(--accent);position:absolute;top:3px;right:4px}
.chip input:checked+.c-corpo{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}
.chip input:checked+.c-corpo .c-ok{display:block}
.chip input:checked+.c-corpo .chip-v{font-weight:700}
.chip input:focus-visible+.c-corpo{outline:3px solid var(--info);outline-offset:2px}
.chip.sem-oferta .c-corpo{background:transparent;box-shadow:none;border:1.5px dashed var(--line2);color:var(--muted)}
.chip.sem-oferta input:checked+.c-corpo{background:var(--accent-soft);border:2px solid var(--accent);color:var(--text)}
.chip.sem-oferta .pt,.chip.sem-oferta .mini{opacity:.55}
.aviso-variante{font-size:.9375rem;padding:var(--e3);border-radius:12px;box-shadow:inset 0 0 0 2px var(--line2)}.aviso-variante p{margin:0 0 var(--e2)}
.achado .acoes{display:flex;flex-direction:column;align-items:stretch;gap:var(--e2);position:sticky;bottom:0;z-index:5;background:var(--surface);margin:0 calc(var(--e4)*-1) calc(var(--e4)*-1);padding:var(--e3) var(--e4) calc(var(--e3) + env(safe-area-inset-bottom,0px));border-radius:0 0 var(--raio) var(--raio);box-shadow:0 -10px 14px -12px var(--line2)}
.achado .acoes .botao{width:100%;min-width:0;min-height:56px;flex:none;justify-content:space-between;padding:0 var(--e5)}
.achado .cta-t{flex:1;text-align:center}
.achado .acoes .link-btn{align-self:center;min-height:40px;font-size:.9375rem;color:var(--text2)}
@media (min-width:560px){
  .achado{padding:var(--e5)}
  .achado .acoes{position:static;box-shadow:none;margin:0;padding:0;background:transparent}
  .a-topo{grid-template-columns:128px minmax(0,1fr)}
  .vitrine{width:128px;height:128px}
}

/* Dúvidas frequentes da home (decisão do Bruno, 05/10/2026): UM <details> fechado, uma linha discreta logo acima do rodapé, sem fio nem fundo.
   Aberto, vira uma folha fixa por cima da ferramenta e do rodapé (a tela única continua travada por baixo). Só existe na etapa 1. */
.faq-home{flex:none;color:var(--muted)}
.palco:not([data-etapa="1"])~.faq-home{display:none}
.faq-home summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--e2);padding:0;min-height:24px;font-size:.75rem;font-weight:600;color:var(--muted)}
.faq-home summary::-webkit-details-marker{display:none}
.faq-home summary::after{content:"";width:.4rem;height:.4rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-135deg) translate(-1px,-1px);flex:none}
.faq-home summary:hover{color:var(--text)}
.faq-home summary:focus-visible{outline:3px solid var(--info);outline-offset:2px;border-radius:var(--raio-p)}
.faq-home[open]{position:fixed;inset:auto 0 0 0;z-index:40;max-height:70svh;overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text2);border-top:1px solid var(--line);box-shadow:var(--shadow)}
.faq-home[open] summary{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);min-height:48px;padding:0 var(--e4);justify-content:space-between;font-size:.9375rem;color:var(--text)}
.faq-home[open] summary::after{transform:rotate(45deg) translate(-1px,-1px)}
.faq-corpo{max-width:46rem;margin:0 auto;padding:var(--e4) var(--e4) var(--e5);display:grid;gap:var(--e5)}
.faq-grupo{display:grid;gap:var(--e4)}
.faq-gt{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.faq-item h3{margin:0 0 var(--e1);font-size:1rem;line-height:1.3;color:var(--text)}
.faq-item p{margin:0;font-size:.9375rem;line-height:1.5;max-width:62ch}
.faq-item a{color:var(--accent);text-decoration:underline}

/* atalho da lista de compras (05/10): uma linha sob a barra da home; o modal só baixa quando abre (lista-abrir.js) */
.lista-atalho{display:flex;justify-content:center;margin:var(--e1) 0 0}
.lista-abrir{display:inline-flex;align-items:center;gap:var(--e2);min-height:40px;padding:0 var(--e3);background:none;border:0;color:var(--accent);font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;border-radius:var(--raio-p,8px)}
.lista-abrir svg{width:18px;height:18px;flex:0 0 auto}
.palco .lista-abrir{color:var(--accent)}
.lista-abrir:hover{text-decoration:underline;text-underline-offset:3px}
.lista-abrir:focus-visible{outline:3px solid var(--text);outline-offset:2px}
/* home-v10.css: a home v10 aprovada pelo Bruno (16/10/2026). Parte A (faixa azul-clara) = a ferramenta de sempre; parte B (faixa amarela-clara) =
   tela de radar das categorias, destaques e lista em sanfona (paginas/home-ajuda.mjs). Só tokens do tema (tests/tema.test.mjs). */

/* a home deixa de ser a tela única de 100svh: agora rola até a parte B */
html[data-page-type="app"][data-page-slug="home"]:not(#dr):not([data-etapa="2"]):not([data-etapa="3"]) body{height:auto;min-height:100svh;overflow:visible;display:block}
html[data-page-type="app"][data-page-slug="home"]:not(#dr):not([data-etapa="2"]):not([data-etapa="3"]) .pagina{display:block;max-width:72rem;margin-inline:auto;padding:var(--e2) var(--e4) var(--e6)}
html[data-page-type="app"][data-page-slug="home"]:not(#dr) .coluna-corpo{display:block}
html,body{overflow-x:clip}

/* ---------- parte A ---------- */
.palco.hv-a[data-etapa="1"]{display:block;border-radius:22px;padding:var(--e6) var(--e4) var(--e6);background:color-mix(in srgb,var(--accent) 11%,var(--bg));text-align:center}
.palco.hv-a[data-etapa="1"] .hero-home{max-width:46rem;margin:0 auto var(--e4)}
.palco.hv-a[data-etapa="1"] .hero-home h1{text-align:center;font-size:clamp(2rem,5.4vw,3.3rem);line-height:1;margin:0 0 var(--e3)}
.palco.hv-a[data-etapa="1"] .hero-home .answer{margin:0 auto;max-width:56ch;font-size:clamp(.9375rem,1.6vw,1.0625rem)}
.palco.hv-a[data-etapa="1"] .radar{max-width:42.5rem;margin:0 auto;text-align:left}
.palco.hv-a[data-etapa="1"] .lista-atalho{text-align:center}
.hv-pq{display:flex;align-items:center;justify-content:center;gap:.5em;margin:0 0 var(--e3);font-weight:800;font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.1;font-stretch:82%;letter-spacing:-.02em;color:var(--text)}
.hv-pq-l{display:grid;place-items:center;flex:none;width:1.4em;height:1.4em;border-radius:50%;background:var(--text);color:var(--bg);font-size:.62em;font-stretch:100%}

/* ---------- parte B ---------- */
.palco:not([data-etapa="1"])~.hv-b{display:none}
.hv-b{margin:var(--e4) 0 var(--e6);border-radius:22px;padding:var(--e6) var(--e4);background:color-mix(in srgb,var(--tag) 20%,var(--bg))}
.hv-sprite{position:absolute;width:0;height:0;overflow:hidden}
.hv-cab{text-align:center;margin:0 0 var(--e5)}
.hv-cab .hv-pq{margin-bottom:var(--e1)}
.hv-cab p{margin:var(--e1) auto 0;color:var(--muted);max-width:60ch}
.hv-tela{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:center}
.hv-lado{display:flex;flex-direction:column;gap:12px}
.hv-legenda{font-size:.8rem;line-height:1.35;color:var(--muted);margin:4px 0 0;display:flex;gap:4px 14px;align-items:center;flex-wrap:wrap}
/* cada item é uma peça: se não couber na linha, desce inteiro (o símbolo nunca fica sozinho no fim da linha) */
.hv-li{display:inline-flex;align-items:center;gap:6px;min-width:0}.hv-lg{flex:none}
.hv-lg{display:inline-block;width:10px;height:10px;border-radius:50%}.hv-lg.r{background:var(--accent)}.hv-lg.h{border:2px dashed var(--muted)}.hv-lg.s{width:16px;height:9px;border-radius:5px;background:var(--text)}

/* destaques */
.hv-dest{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;text-decoration:none;border-radius:16px;padding:18px;min-height:96px;isolation:isolate;transition:transform .2s}
.hv-dest:hover{transform:translateY(-2px)}
.hv-dt{display:flex;flex-direction:column;min-width:0;flex:1}.hv-dest strong{font-size:1.15rem;letter-spacing:-.02em;font-stretch:85%;font-weight:780}.hv-dt span{font-size:.9rem}
.hv-dm{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:var(--surface)}
.hv-seta{font-size:1.8rem;line-height:1;opacity:.7;transition:transform .2s}.hv-dest:hover .hv-seta{transform:translateX(4px)}
.hv-dest.pech{background:var(--tag);color:var(--tag-ink)}
.hv-dest.pres{background:var(--fita);color:var(--fita-ink)}
.hv-varre{position:absolute;right:-40px;top:50%;width:200px;height:200px;margin-top:-100px;z-index:-1;border-radius:50%;border:1px solid color-mix(in srgb,var(--tag-ink) 14%,transparent)}
.hv-varre::before{content:"";position:absolute;inset:30px;border-radius:50%;border:1px solid color-mix(in srgb,var(--tag-ink) 12%,transparent)}
.hv-varre i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 280deg,color-mix(in srgb,var(--tag-ink) 22%,transparent) 360deg);animation:hv-gira 4s linear infinite}
.hv-varre b{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--tag-ink);opacity:0;animation:hv-pisca 4s linear infinite}
.hv-varre b:nth-of-type(1){left:40px;top:60px;animation-delay:2.7s}.hv-varre b:nth-of-type(2){left:120px;top:40px;animation-delay:.4s}.hv-varre b:nth-of-type(3){left:70px;top:140px;animation-delay:1.9s}
.hv-caixa{position:absolute;right:18px;bottom:-10px;width:110px;height:99px;z-index:-1;opacity:.3}
.hv-tampa{animation:hv-tampa 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:15% 100%}
@keyframes hv-gira{to{transform:rotate(360deg)}}
@keyframes hv-pisca{0%,70%,100%{opacity:0;transform:scale(.6)}75%{opacity:.8;transform:scale(1.3)}90%{opacity:.25}}
@keyframes hv-tampa{0%,60%,100%{transform:none}70%{transform:translateY(-10px) rotate(-10deg)}82%{transform:translateY(-2px) rotate(2deg)}}

/* tela de radar */
.hv-escopo{position:relative;aspect-ratio:1;max-width:max(600px,min(720px,100svh - 24px));width:100%;margin:14px auto;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,var(--surface)) 0,var(--surface) 70%);border:1px solid var(--line);contain:layout;container:hv-roda/inline-size}
.hv-anel{position:absolute;inset:22%;border-radius:50%;border:1px solid var(--line)}.hv-anel.a2{inset:11%}.hv-anel.a3{inset:33%}
.hv-feixe{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--accent) 35%,transparent) 360deg);animation:hv-gira 6s linear infinite}
.hv-raio{position:absolute;left:50%;top:0;width:1px;height:50%;background:var(--line);transform-origin:50% 100%;transform:rotate(var(--r,0deg))}
/* As medidas em cqi são as de PERFIS em paginas/radar-disposicao.mjs: o desenho inteiro escala com o círculo. Quem muda uma muda a outra. */
.hv-eti svg{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.hv-eti{outline:none}
.hv-eti path{fill:none;stroke-linecap:round;pointer-events:stroke;cursor:pointer;stroke:var(--text)}
.hv-eti text{fill:var(--bg);font-weight:700;font-stretch:88%;pointer-events:none;dominant-baseline:central;text-anchor:middle}.hv-eti tspan{font-weight:600;opacity:.8}

.hv-eti.g path{stroke-width:3.5}.hv-eti.g text{font-size:1.75px}
.hv-eti.p path{stroke-width:5}.hv-eti.p text{font-size:2.85px}
.hv-eti:hover path,.hv-eti:focus-visible path{stroke:var(--accent)}.hv-eti:hover text,.hv-eti:focus-visible text{fill:var(--accent-ink)}
.hv-blip{position:absolute;left:var(--x);top:var(--y);width:14.6cqi;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.25cqi;text-decoration:none;font-size:1.8cqi;line-height:2.1cqi;font-weight:650;font-stretch:88%;color:var(--text2);z-index:2;text-align:center;border-radius:8px}
.hv-blip .hv-ic,.hv-blip .hv-hubfig{--s:4.2cqi;animation:hv-acende 6s linear infinite;animation-delay:var(--d);border-radius:8px}
.hv-blip>span:not(.hv-hubfig){max-width:100%;min-width:0;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 0 2px var(--surface),0 0 2px var(--surface),0 0 4px var(--surface),0 0 6px var(--surface)}
.hv-blip:hover>span:not(.hv-hubfig){color:var(--accent)}
.hv-blip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:4}
.hv-blip b{font-weight:inherit}.hv-blip .c{display:none}
.hv-so-p{display:none}
@container hv-roda (max-width:599.98px){
  .hv-blip{left:var(--xp);top:var(--yp);width:19.4cqi;gap:.3cqi;font-size:2.9cqi;line-height:3.4cqi}
  .hv-blip .hv-ic,.hv-blip .hv-hubfig{--s:5.8cqi}
  .hv-blip .l{display:none}.hv-blip .c{display:inline}
  .hv-so-g{display:none}a.hv-blip.hv-so-p{display:flex}.hv-raio{transform:rotate(var(--rp,0deg))}a.hv-eti.hv-so-p{display:inline}
}
@keyframes hv-acende{0%,100%{filter:none;transform:scale(1)}2%{filter:drop-shadow(0 0 8px var(--accent));transform:scale(1.18)}18%{filter:none;transform:scale(1)}}
.hv-hubfig{--s:26px;display:grid;place-items:center;width:var(--s);height:var(--s)}.hv-hubfig svg{width:72%;height:72%}.hv-s22{--s:22px}.hv-s26{--s:26px}.hv-s30{--s:30px}.hv-s44{--s:44px}.hv-ic{display:block;flex:none;width:var(--s);height:var(--s)}.hv-hubfig{border-radius:9px;background:var(--surface2);color:var(--accent);border:1.5px dashed var(--line2)}

/* lista em sanfona */
.hv-lista{margin-top:26px}
.hv-lista-t{margin:0 0 12px;font-size:1.05rem;font-weight:760;letter-spacing:-.01em}
.hv-ac{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:0 0 8px;scroll-margin-top:80px}
.hv-ac summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:48px}
.hv-ac summary::-webkit-details-marker{display:none}
.hv-ac summary::after{content:"";width:.45rem;height:.45rem;border:solid var(--muted);border-width:0 2px 2px 0;transform:rotate(45deg);flex:none;margin-left:4px}
.hv-ac[open] summary::after{transform:rotate(-135deg)}
.hv-ac-n{font-weight:720;min-width:0;flex:1}.hv-ac-pilha{display:flex}.hv-ac-pilha>*{margin-left:-6px;box-shadow:0 0 0 2px var(--surface);border-radius:7px;background:var(--surface)}
.hv-ac-q{color:var(--muted);font-size:.85rem;min-width:1.5em;text-align:right}
.hv-ac[open] summary{border-bottom:1px solid var(--line);margin-bottom:10px}
.hv-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:0 12px 12px}
.hv-ti{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0;min-height:48px;transition:transform .18s,border-color .18s}
.hv-ti:hover{transform:translateY(-2px);border-color:var(--accent)}
.hv-ti.hub{background:transparent;border-style:dashed}
.hv-tn{font-weight:680;line-height:1.15;font-size:.95rem;color:var(--text)}.hv-ts{font-size:.74rem;color:var(--muted)}
.alvo-lista{outline:3px solid var(--tag-borda);outline-offset:4px;border-radius:12px;transition:outline-color 1.2s}

/* celular: a tela de radar ocupa a largura toda e usa os nomes curtos (pedido do Bruno 16/10) */
@media (max-width:820px){
  .hv-tela{grid-template-columns:minmax(0,1fr)}
  .hv-escopo{width:calc(100vw - 10px);max-width:720px;margin:8px 0;left:50%;translate:-50% 0;justify-self:start;order:-1}
  .hv-ac-pilha{display:none}
  .palco.hv-a[data-etapa="1"],.hv-b{padding:22px 12px;border-radius:16px}
  html[data-page-type="app"][data-page-slug="home"]:not(#dr):not([data-etapa="2"]):not([data-etapa="3"]) .pagina{padding-inline:var(--e2)}
}
@media (prefers-reduced-motion:reduce){.hv-b *,.hv-b *::before,.hv-b *::after{animation:none!important;transition:none!important}}
/* padrões das variáveis que o HTML define ponto a ponto (posição na tela, atraso do brilho, tamanho da figura) */
.hv-blip{--x:50%;--y:50%;--xp:50%;--yp:50%;--d:0s}

.topo-nav{flex-direction:row;flex-wrap:nowrap}.rodape-enxuto .rodape-miolo{grid-template-areas:none;grid-template-columns:minmax(0,1fr)}.rodape-enxuto .rodape-miolo>*{grid-area:auto}.rodape-enxuto .rodape-aviso{display:block}.re-irmaos{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.rodape-enxuto .rodape-irmao{min-height:24px;padding:0 .45rem;font-size:.6875rem;font-weight:500}.re-fam{margin-left:.4rem;font-size:.6875rem;font-weight:700;color:var(--muted)}.re-fam::after{content:":"}.re-dest,.re-lin{display:flex;flex:0 0 100%;flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0}.re-dest .rodape-irmao{font-weight:700;box-shadow:inset 0 0 0 1.5px var(--accent)}.re-lin .re-fam{flex:none;margin-left:0}.re-mais{display:contents}.re-mais>summary{display:inline-flex;align-items:center;min-height:28px;padding:0 .45rem;list-style:none;cursor:pointer;color:var(--accent);font-size:.6875rem;font-weight:700;text-decoration:underline;text-underline-offset:2px}.re-mais>summary::-webkit-details-marker{display:none}.re-mais[open]>summary{display:none}.re-mais::details-content{display:flex;flex-wrap:wrap;gap:.25rem}@supports selector(::details-content){@media (min-width:700px){.re-mais>summary{display:none}.re-mais::details-content{display:contents}}}.re-paises{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:.55rem 0 0;font-size:.8125rem}.re-paises .re-fam{margin-left:0}.re-pais{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .4rem;border-radius:999px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:600;min-height:32px}a.re-pais:hover{border-color:var(--accent);color:var(--accent)}a.re-pais:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.re-pais[aria-current]{background:var(--surface2);color:var(--muted)}.re-bandeira{flex:none;border-radius:2px;box-shadow:0 0 0 1px var(--line2)}.hp-sec{margin:2.25rem 0}.hp-sec h2{font-size:1.35rem;line-height:1.2;margin:0 0 .35rem}.hp-sec>p{margin:0 0 .85rem;color:var(--muted)}.hp-guias{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.hp-guias>li{min-width:0;padding:.7rem .85rem;border:1px solid var(--border,#d7dee6);border-radius:12px;background:var(--surface,#fff)}.hp-guias b{display:block;margin-bottom:.25rem}.hp-guias a{display:inline-block;margin:.1rem .7rem .1rem 0;overflow-wrap:anywhere}.hp-paises{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}.hp-paises a,.hp-paises span.hp-atual{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.4rem .75rem;border:1px solid var(--border,#d7dee6);border-radius:12px;background:var(--surface,#fff);text-decoration:none;color:inherit;font-weight:600;overflow-wrap:anywhere}.hp-paises span.hp-atual{box-shadow:inset 0 0 0 1.5px var(--accent)}.hp-paises .re-bandeira{flex:none;width:30px;height:20px;border-radius:3px}.mx-resultados .lista-links{margin:.75rem 0 0;padding-left:1.1rem}