/* Redesenho "A conta na etiqueta" (23/10/2026, docs/design/diagnostico-e-direcao.md, seção 4).
   Reescrito do zero: tokens da 4.2, celular primeiro, sem botão contornado, sombra só na barra fixa,
   algarismo tabular só em preço e tabela. Edite por partes; não volte ao arquivo antigo. */
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fontes/atkinson-latin.woff2') format('woff2')}

:root{
 --texto:#18202C;--texto-2:#3E4756;--texto-3:#5F6672;--linha:#D9DCE1;
 --fundo:#FAFAF7;--superficie:#fff;--prova:#E9EEF8;
 --acao:#1D3F8F;--acao-hover:#163270;
 --abaixo:#17784A;--abaixo-fundo:#E3F2EA;--atencao:#8A5300;--atencao-fundo:#FDF1DE;--erro:#A12C2C;--erro-fundo:#FBE9E9;
 --fonte:'Atkinson Hyperlegible Next',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
 --t-xs:13px;--t-s:15px;--t-m:17px;--t-l:20px;--t-xl:24px;--t-2xl:30px;--t-preco:36px;
 --e-1:4px;--e-2:8px;--e-3:12px;--e-4:16px;--e-5:24px;--e-6:32px;--e-7:48px;--e-8:64px;
 --raio:8px;--raio-p:4px;--alvo:48px;--topo:56px;
 --sombra-fixa:0 -4px 16px rgba(24,32,44,.12);
 --coluna-leitura:680px;
}
@media(min-width:900px){:root{--topo:72px;--t-2xl:44px;--t-xl:28px}}

/* Base */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 72px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--fonte);font-size:var(--t-m);line-height:1.55;font-variant-numeric:normal}
@media(min-width:900px){body{font-size:18px}}
[hidden]{display:none!important}
a{color:var(--acao);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--acao-hover)}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,summary{touch-action:manipulation}
:focus-visible{outline:3px solid var(--acao);outline-offset:2px;border-radius:var(--raio-p)}
img,svg{max-width:100%;height:auto}
p{margin:0 0 var(--e-4)}
h1,h2,h3,h4{margin:0 0 var(--e-3);line-height:1.2;color:var(--texto);font-weight:750;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:var(--t-2xl);font-weight:800;letter-spacing:-.02em;max-width:22ch}
h2{font-size:var(--t-l)}
h3{font-size:var(--t-m)}
h4{font-size:var(--t-m)}
@media(min-width:900px){h2{font-size:var(--t-xl)}h3{font-size:20px}}
ul,ol{padding-left:22px}
li{margin-bottom:var(--e-2)}
figure{margin:0}
blockquote{margin:0;padding-left:var(--e-4);border-left:3px solid var(--linha);color:var(--texto-2)}
dl,dd{margin:0}
details>summary{cursor:pointer}
.preco,td,th,.numero,.conta,.mini-historico,.historico,.paginacao{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pular{position:absolute;left:16px;top:-100px;padding:12px 16px;background:var(--superficie);z-index:60;border-radius:var(--raio)}
.pular:focus{top:8px}
main{min-height:50vh}
main.container{padding-top:var(--e-4);padding-bottom:var(--e-8)}
.container{max-width:1152px;padding-inline:16px;margin-inline:auto}
@media(min-width:900px){.container{padding-inline:32px}main.container{padding-top:var(--e-5)}}
.meta{font-size:var(--t-s);line-height:1.45;color:var(--texto-3)}
.lead{font-size:var(--t-m);line-height:1.5;color:var(--texto-2);max-width:56ch}
@media(min-width:900px){.lead{font-size:var(--t-l)}}
.secao,main>section{margin-top:var(--e-7)}
@media(min-width:900px){.secao,main>section{margin-top:var(--e-8)}}
.introducao{margin-bottom:var(--e-5)}
.introducao .meta{margin:0}

/* Faixa da prévia: 32 px, âmbar, sempre visível que é ilustrativo */
.faixa-previa{background:var(--atencao-fundo);color:var(--atencao);font-size:var(--t-xs);line-height:1.3;min-height:32px;display:flex;align-items:center;text-align:center}
.faixa-previa .container{width:100%;padding-block:6px}
.previa-longa{display:none}
@media(min-width:900px){.previa-longa{display:inline}.previa-curta{display:none}}

/* Cabeçalho: 56 px no celular, 72 px no desktop */
.cabecalho{position:sticky;top:0;z-index:40;background:var(--superficie);border-bottom:1px solid var(--linha)}
.navegacao{display:flex;align-items:center;gap:var(--e-3);height:calc(var(--topo) - 1px)}
.marca{display:flex;align-items:center;min-height:var(--alvo);flex-shrink:1;min-width:0}
.marca img{display:block;width:197.5px;height:auto}
@media(min-width:900px){.marca img{width:237px}}
.menu-desktop{display:none}
.minha-fralda{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--prova);color:var(--acao);font-size:var(--t-s);font-weight:700;text-decoration:none;white-space:nowrap}
.minha-fralda:hover{background:#DCE4F4}
.menu-mobile{position:static}
.menu-mobile>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:var(--alvo);height:var(--alvo);margin-right:-12px;color:var(--texto);border-radius:var(--raio)}
.menu-mobile>summary::-webkit-details-marker{display:none}
.menu-mobile[open]>summary{background:var(--prova)}
.lista-categorias{position:absolute;left:0;right:0;top:100%;background:var(--superficie);border-bottom:1px solid var(--linha);padding:var(--e-2) 16px var(--e-4);display:grid;max-height:calc(100vh - var(--topo));overflow:auto}
.lista-categorias a{display:flex;align-items:center;min-height:var(--alvo);color:var(--texto);text-decoration:none;font-weight:600;border-bottom:1px solid var(--linha)}
.lista-categorias a:last-child{border-bottom:0}
@media(min-width:900px){
 .navegacao{gap:var(--e-6)}
 .menu-desktop{display:flex;gap:var(--e-5);align-items:center}
 .menu-desktop a{display:flex;align-items:center;min-height:var(--alvo);color:var(--texto-2);font-size:16px;font-weight:600;text-decoration:none;border-bottom:2px solid transparent}
 .menu-desktop a:hover{color:var(--acao)}
 .menu-desktop a[aria-current]{color:var(--acao);border-bottom-color:var(--acao)}
 .menu-mobile{display:none}
}

/* Migalha */
.migalha{font-size:var(--t-xs);color:var(--texto-3);margin-bottom:var(--e-2)}
.migalha ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}
.migalha li{margin:0;display:flex;align-items:center}
.migalha a{display:inline-flex;align-items:center;min-height:44px;color:var(--texto-3)}
.migalha-separador{margin:0 6px;color:var(--linha)}
.migalha [aria-current]{color:var(--texto-3)}

/* Ações: preenchida ou texto. Nada contornado. */
.acao{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--alvo);padding:0 20px;border-radius:var(--raio);font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;line-height:1.2;text-align:center}
.acao.principal{background:var(--acao);color:#fff}
.acao.principal:hover{background:var(--acao-hover);color:#fff}
.acao.secundaria{background:var(--prova);color:var(--acao)}
.acao.secundaria:hover{background:#DCE4F4}
.acao.textual{background:none;color:var(--acao);padding:0;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.acao.textual:hover{color:var(--acao-hover)}
.aviso-afiliado{font-size:var(--t-xs);color:var(--texto-3);margin:var(--e-3) 0 0;line-height:1.4}

/* Seletor de tamanho: seis pílulas do mesmo tamanho */
.seletor{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0}
.seletor a{display:flex;align-items:center;justify-content:center;min-height:var(--alvo);border-radius:var(--raio);background:var(--superficie);color:var(--texto);font-weight:700;font-size:16px;text-decoration:none;box-shadow:inset 0 0 0 1px var(--linha)}
.seletor a:hover{color:var(--acao);box-shadow:inset 0 0 0 1px var(--acao)}
.seletor a.selecionado,.seletor a[aria-current]{background:var(--acao);color:#fff;box-shadow:none}
.seletor:not(:has(> :nth-child(4))){grid-template-columns:repeat(auto-fit,minmax(88px,max-content))}
.barra-tamanho{margin:0 0 var(--e-4)}
.barra-fixa{position:sticky;top:var(--topo);z-index:30;background:var(--fundo);margin-inline:-16px;padding:10px 16px}
.barra-fixa .barra-tamanho{margin:0}
@media(min-width:900px){.barra-fixa{margin-inline:0;padding-inline:0}.barra-fixa .seletor{max-width:560px}}
.ajuda-tamanho{font-size:var(--t-s);margin:var(--e-1) 0 0}
.ajuda-tamanho a{display:inline-flex;align-items:center;min-height:44px}
.preferencia-resumo{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--e-3);font-size:var(--t-s);color:var(--texto-2);margin:0}
.preferencia-resumo .acao{font-size:var(--t-s)}

/* Home */
.home-topo{padding:var(--e-4) 0 var(--e-2)}
.home-topo .introducao{margin:0}
.home-topo h1{max-width:16ch;margin-bottom:var(--e-2)}
.home-topo .lead{margin:0}
@media(min-width:900px){.home-topo{padding:var(--e-6) 0 var(--e-3)}}
main>.vitrine-home,.vitrine-home{margin-top:var(--e-5)}
.vitrine-home>h2{font-size:var(--t-l);margin-bottom:var(--e-3)}
.ver-todas{margin:var(--e-2) 0 0}
.como-sabe{display:grid;gap:var(--e-4)}
.prova-bloco{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4)}
.prova-bloco>.meta{margin-bottom:var(--e-2)}
.como-sabe-numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-2)}
.como-sabe-numeros>div{background:var(--superficie);border-radius:var(--raio);padding:var(--e-3)}
.como-sabe-numeros dt{font-size:var(--t-xs);color:var(--texto-3);line-height:1.3;margin-bottom:var(--e-1)}
.como-sabe-numeros dd{font-size:var(--t-l);font-weight:800;line-height:1.15}
.valor-abaixo{color:var(--abaixo)}
@media(min-width:900px){.como-sabe{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.como-sabe-numeros{grid-template-columns:1fr}.como-sabe-numeros dd{font-size:var(--t-xl)}}
.passos{list-style:none;padding:0;margin:var(--e-5) 0 var(--e-2);display:grid;gap:var(--e-3);counter-reset:passo}
.passos li{counter-increment:passo;display:grid;grid-template-columns:32px 1fr;gap:var(--e-3);align-items:start;margin:0;color:var(--texto-2)}
.passos li::before{content:counter(passo);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--prova);color:var(--acao);font-weight:800;font-size:var(--t-s)}
@media(min-width:900px){.passos{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-5)}}
.como-sabe-foto,.secao-foto{margin:0 0 var(--e-4)}
.lista-guias{list-style:none;padding:0;margin:0;display:grid}
.lista-guias>li{margin:0;padding:var(--e-4) 0;border-top:1px solid var(--linha)}
.lista-guias>li:first-child{border-top:0;padding-top:var(--e-1)}
.lista-guias h3{margin:0 0 var(--e-1);font-size:var(--t-m)}
.lista-guias h3 a{color:var(--texto);text-decoration:none}
.lista-guias h3 a:hover{color:var(--acao);text-decoration:underline}
.lista-guias .meta{margin:var(--e-1) 0 0;font-size:var(--t-xs)}
.rotulo-tema{font-size:var(--t-xs);font-weight:700;color:var(--acao);margin:0 0 var(--e-1);letter-spacing:.02em}
.guia-resposta{color:var(--texto-2);font-size:var(--t-s);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:900px){.lista-guias{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--e-6)}.lista-guias>li:nth-child(2){border-top:0;padding-top:var(--e-1)}}
.links-ferramentas{list-style:none;padding:0;margin:0;display:grid;gap:var(--e-2)}
.links-ferramentas li{margin:0}
.links-ferramentas a{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);min-height:56px;padding:0 var(--e-4);background:var(--superficie);border-radius:var(--raio);color:var(--texto);font-weight:600;text-decoration:none}
.links-ferramentas a::after{content:'';width:8px;height:8px;border-right:2px solid var(--acao);border-top:2px solid var(--acao);transform:rotate(45deg);flex-shrink:0}
.links-ferramentas a:hover{color:var(--acao)}
@media(min-width:900px){.links-ferramentas{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}

/* Foto de marca */
.foto{display:block;border-radius:var(--raio);overflow:hidden;background:var(--prova)}
.foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.foto-larga img{aspect-ratio:5/2}
@media(min-width:900px){.foto-larga img{aspect-ratio:3/1}.cabeca-com-foto .foto-larga img{aspect-ratio:3/2}}
.cabeca-com-foto{display:grid;gap:var(--e-4);margin-bottom:var(--e-5)}
.cabeca-com-foto .introducao{margin:0}
@media(min-width:900px){.cabeca-com-foto{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--e-6)}}

/* Etiqueta (cartão de oferta): no celular cabe em 240 px */
.cards{display:grid;gap:var(--e-3);grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-4)}}
.cards.grade-unica{max-width:440px;grid-template-columns:1fr}
.cartao-oferta{background:var(--superficie);border-radius:var(--raio);padding:12px 14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"foto cabeca cabeca" "conta conta grafico" "conta conta loja" "saida saida saida";column-gap:var(--e-3);row-gap:6px;align-content:start;min-width:0}
.cartao-oferta[data-foto="nao"]{grid-template-areas:"cabeca cabeca cabeca" "conta conta grafico" "conta conta loja" "saida saida saida"}
.etiqueta-foto{grid-area:foto;align-self:start}
.etiqueta-foto .imagem-produto,.etiqueta-foto img{display:block;width:44px;height:44px;object-fit:contain;border-radius:var(--raio-p)}
.etiqueta-cabeca{grid-area:cabeca;min-width:0}
.etiqueta-cabeca h3{margin:0;font-size:16px;line-height:1.3;font-weight:700;display:flex;align-items:center;gap:6px}
.etiqueta-cabeca h3 a{color:var(--texto);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:699px){.etiqueta-cabeca h3 a{-webkit-line-clamp:1}}
.etiqueta-cabeca h3 a:hover{color:var(--acao);text-decoration:underline}
.etiqueta-cabeca h3 .logo-marca{flex:0 0 auto;width:auto;height:18px;max-width:44px;object-fit:contain;margin-left:auto}
.etiqueta-detalhe{margin:2px 0 0;font-size:var(--t-xs);color:var(--texto-3);line-height:1.35}
.etiqueta-conta{grid-area:conta;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.etiqueta-valor{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;line-height:1}
.etiqueta-valor .preco{font-size:var(--t-preco);font-weight:800;letter-spacing:-.02em;line-height:1}
.etiqueta-unidade{font-size:var(--t-s);color:var(--texto-2)}
.etiqueta-conta .selo{margin:2px 0 0}
.etiqueta-normal{margin:0;font-size:var(--t-xs);color:var(--texto-2);line-height:1.35}
.etiqueta-grafico{grid-area:grafico;align-self:center;justify-self:end}
.etiqueta-grafico svg{display:block;width:112px;height:48px}
.etiqueta-loja{grid-area:loja;margin:0;font-size:var(--t-xs);color:var(--texto-3);line-height:1.35;max-width:112px;justify-self:end;text-align:right}
.etiqueta-loja>span{display:block}
.etiqueta-loja .loja-nome{font-weight:700;color:var(--texto-2)}
.cartao-oferta .saida{grid-area:saida;margin-top:2px}
.cartao-oferta .saida .acao{width:100%}
.cartao-oferta .saida .aviso-afiliado{display:none}
.loja-nome{font-weight:700}
.mini-serie{stroke:var(--texto-3);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}
.mini-normal{stroke:var(--acao);stroke-width:1.25}
.mini-hoje{fill:var(--texto);stroke:var(--superficie);stroke-width:2}
.mini-hoje.hoje-abaixo{fill:var(--abaixo)}
.mini-hoje.hoje-acima,.mini-hoje.hoje-desatualizado{fill:var(--atencao)}
.ilustrativo{display:inline-flex;align-items:center;font-size:12px;font-weight:700;line-height:1;padding:4px 7px;border-radius:999px;background:var(--atencao-fundo);color:var(--atencao);letter-spacing:.01em;align-self:center}
.ilustrativo-aviso{font-size:var(--t-xs);line-height:1.4;color:var(--atencao);background:var(--atencao-fundo);border-radius:var(--raio);padding:var(--e-2) var(--e-3);margin:var(--e-3) 0}

/* Selo do estado do preço: o verde é o único destaque */
.selo{display:inline-flex;align-items:center;width:fit-content;font-size:var(--t-xs);font-weight:700;line-height:1.2;padding:4px 10px;border-radius:999px;margin:0 0 var(--e-2);background:var(--atencao-fundo);color:var(--atencao)}
.selo.abaixo{background:#E3F2EA;color:#17784A}
.selo.normal{background:#E9EEF8;color:#1D3F8F}
.selo.acima{background:#FDF1DE;color:#8A5300}
.selo.formacao{background:#EEF0F3;color:#3E4756}

/* Conta do produto */
.conta{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4) var(--e-4) var(--e-3)}
.conta.conta-abaixo{background:var(--abaixo-fundo)}
.conta h2{font-size:var(--t-s);font-weight:700;color:var(--texto-2);margin-bottom:var(--e-1);letter-spacing:0}
.conta-display{margin:0 0 var(--e-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.conta-display strong{font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.conta-display span{font-size:var(--t-m);color:var(--texto-2)}
.conta dl{margin:0 0 var(--e-2)}
.conta dl>div,.resumo-calculo dl>div,.ficha-tecnica dl>div{display:flex;justify-content:space-between;gap:var(--e-4);padding:6px 0;border-top:1px solid rgba(24,32,44,.08);font-size:var(--t-s)}
.conta dt,.ficha-tecnica dt{color:var(--texto-2)}
.conta dd,.ficha-tecnica dd{font-weight:700;text-align:right;min-width:0;overflow-wrap:anywhere}
.conta .meta{margin:var(--e-2) 0}
.conta .selo{margin:var(--e-2) 0 0}

/* Página do produto */
.produto-cabecalho{display:flex;align-items:center;gap:var(--e-4);margin-bottom:var(--e-2)}
.produto-cabecalho .introducao{margin:0;min-width:0}
.produto-cabecalho h1{font-size:var(--t-xl)}
.produto-cabecalho .lead{font-size:var(--t-s);margin:0}
.produto-cabecalho .imagem-produto{flex:0 0 auto}
.produto-cabecalho .imagem-produto img{display:block;width:88px;height:88px;object-fit:contain;background:var(--superficie);border-radius:var(--raio)}
@media(min-width:900px){.produto-cabecalho .imagem-produto img{width:160px;height:160px}.produto-cabecalho h1{font-size:36px}}
.produto-cabecalho+p{font-size:var(--t-s);margin-bottom:var(--e-4)}
.produto-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-6)}
@media(min-width:900px){.produto-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}
.produto-lateral{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4);margin:0;min-width:0}
.produto-lateral>*{margin:0}
.produto-historico{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4)}
.produto-historico h2{font-size:var(--t-m);margin-bottom:var(--e-2)}
.produto-historico .seletor{grid-template-columns:repeat(2,minmax(0,120px));margin-bottom:var(--e-2)}
.produto-estado{font-size:var(--t-s);color:var(--texto-2)}
.produto-saida{display:grid;gap:var(--e-1)}
.produto-saida .acao{width:100%}
.produto-saida .aviso-afiliado{margin:0}
.historico-encerrado>summary{display:flex;align-items:center;min-height:var(--alvo);font-weight:600;color:var(--acao)}
.barra-compra{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--superficie);box-shadow:var(--sombra-fixa);display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.barra-valor{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;line-height:1.1;min-width:0}
.barra-valor .preco{font-size:var(--t-xl);font-weight:800}
.barra-valor span{font-size:var(--t-xs);color:var(--texto-2)}
.barra-compra .acao{flex-shrink:0}
main:has(.barra-compra:not([hidden])){padding-bottom:120px}
@media(min-width:900px){.barra-compra{display:none}main:has(.barra-compra){padding-bottom:var(--e-8)}}

/* Gráfico grande */
.historico{margin:0}
.historico svg text{fill:var(--texto-2)}
.historico .ponto-hoje{fill:var(--acao);stroke:var(--superficie);stroke-width:2}
.historico .meta{margin:var(--e-2) 0 0}

/* Tabelas: rolagem horizontal com a primeira coluna presa */
.tabela-wrap,.tabela-rolagem{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 var(--e-3);background:var(--superficie);border-radius:var(--raio)}
table{border-collapse:collapse;width:100%;font-size:var(--t-s);line-height:1.4}
th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
thead th{font-size:var(--t-xs);font-weight:700;color:var(--texto-2);background:var(--superficie);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
th.numero,td.numero{text-align:right;white-space:nowrap}
.tabela-wrap th:first-child,.tabela-wrap td:first-child,.tabela-rolagem th:first-child,.tabela-rolagem td:first-child{position:sticky;left:0;z-index:1;background:var(--superficie);box-shadow:1px 0 0 var(--linha)}
.tabela-responsiva td:first-child,.tabela-comparativa td:first-child{font-weight:600;min-width:120px}
.tabela-rolagem table,.tabela-wrap table{min-width:520px}
.tabela-lojas td .acao.textual{min-height:44px}
.lojas-comparacao h2{font-size:var(--t-m)}
.lojas-comparacao .meta{margin-top:var(--e-2)}
.comparacao-vencedor{background:var(--abaixo-fundo);color:var(--texto);padding:var(--e-3) var(--e-4);border-radius:var(--raio)}

/* Guias: coluna de leitura de 680 px */
.layout-editorial{max-width:var(--coluna-leitura);margin-inline:auto}
.guia-cabecalho{margin-bottom:var(--e-4)}
.guia-cabecalho .introducao{margin-bottom:var(--e-2)}
.guia-cabecalho h1{max-width:none}
.guia-cabecalho>.meta{margin:0}
.resposta-curta{background:var(--prova);border-radius:var(--raio);padding:var(--e-4) var(--e-4) var(--e-3);margin:0 0 var(--e-4)}
.resposta-curta p{margin:0 0 var(--e-2)}
.resposta-curta .meta{margin:0}
.resposta-rotulo{font-size:var(--t-xs);color:var(--acao);letter-spacing:.02em}
.sumario{margin:0 0 var(--e-5);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.sumario>summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--alvo);font-weight:700;list-style:none}
.sumario>summary::-webkit-details-marker{display:none}
.sumario>summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--acao);border-bottom:2px solid var(--acao);transform:rotate(45deg);margin-right:6px}
.sumario[open]>summary::after{transform:rotate(-135deg)}
.sumario ul,nav.sumario{list-style:none;padding:0 0 var(--e-3);margin:0}
.sumario li{margin:0}
.sumario a{display:flex;align-items:center;min-height:44px;font-size:var(--t-s)}
nav.sumario{display:grid;margin-bottom:var(--e-5)}
.texto-editorial{font-size:var(--t-m);line-height:1.65}
@media(min-width:900px){.texto-editorial{font-size:19px}}
.texto-editorial h2{margin-top:var(--e-7);scroll-margin-top:calc(var(--topo) + 16px)}
.texto-editorial h3{margin-top:var(--e-5)}
.texto-editorial>p,.texto-editorial li{max-width:68ch}
.texto-editorial a,.fonte-trecho a{overflow-wrap:anywhere}
.texto-editorial .cards{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.texto-editorial .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.texto-editorial .tabela-rolagem,.texto-editorial .tabela-wrap{margin:var(--e-4) 0 var(--e-5)}
.nota-escopo{font-size:var(--t-s);color:var(--texto-2);background:var(--prova);border-radius:var(--raio);padding:var(--e-3) var(--e-4)}
.guia-ficha-link,.guia-precos-hoje{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4);margin:var(--e-5) 0}
.guia-ficha-link h4{margin-bottom:var(--e-2)}
.guia-ficha-link p,.guia-precos-hoje p{margin:0 0 var(--e-2)}
.preco-hoje-rotulo{font-size:var(--t-s)}
.fontes{font-size:var(--t-s);color:var(--texto-2)}
.faq{margin-top:var(--e-7)}
.faq details{border-top:1px solid var(--linha)}
.faq details:last-of-type{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);min-height:56px;padding:var(--e-2) 0;font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--acao);flex-shrink:0}
.faq details[open] summary::after{content:'\2212'}
.faq details p{color:var(--texto-2);margin:0 0 var(--e-4)}
.grupo-guias>h2{display:flex;align-items:center;gap:var(--e-3)}
.grupo-guias .foto{margin-bottom:var(--e-3)}
.grupo-guias .lista-guias .rotulo-tema{display:none}

/* Ferramentas e calculadora */
.calculadora{display:grid;gap:var(--e-5)}
@media(min-width:900px){.calculadora{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.calculo-resultado{position:sticky;top:calc(var(--topo) + 16px)}}
.form-ferramenta{display:grid;gap:var(--e-3)}
.form-ferramenta form{display:grid;gap:var(--e-3)}
.form-ferramenta>*,.form-ferramenta form>*{margin:0}
.rotulo-campo{font-weight:700;font-size:var(--t-s);margin:0}
.campo{display:grid;gap:6px;margin:0 0 var(--e-3)}
.form-ferramenta .campo,.filtros .campo{margin:0}
.campo label{font-weight:700;font-size:var(--t-s);display:flex;align-items:center;gap:var(--e-2)}
.campo input,.campo select,.form-busca-indice input{width:100%;min-height:var(--alvo);padding:0 12px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--superficie);font-size:var(--t-m)}
.campo input:focus,.campo select:focus{border-color:var(--acao)}
.campo .meta{margin:0}
.contador{display:grid;grid-template-columns:var(--alvo) minmax(0,1fr) var(--alvo);gap:6px}
.contador:not(:has(.contador-botao:not([hidden]))){grid-template-columns:minmax(0,1fr)}
.contador input{text-align:center;font-weight:700}
.contador-botao{min-height:var(--alvo);border:0;border-radius:var(--raio);background:var(--prova);color:var(--acao);font-size:22px;font-weight:700;cursor:pointer}
.contador-botao:hover{background:#DCE4F4}
.calc-oferta .meta,.calc-oferta p{margin:0}
.calculo-resultado{background:var(--prova);border-radius:var(--raio);padding:var(--e-5) var(--e-4)}
.calculo-resultado h2{font-size:var(--t-s);color:var(--texto-2);margin-bottom:var(--e-2)}
.calculo-resultado p{margin:0 0 var(--e-2)}
.resultado-destaque .preco{font-size:var(--t-2xl);font-weight:800;line-height:1.1}
.resultado-total{font-size:var(--t-l);font-weight:700}
.calculo-resultado dl>div{display:flex;justify-content:space-between;gap:var(--e-3);padding:6px 0;border-top:1px solid rgba(24,32,44,.08);font-size:var(--t-s)}
.calculo-resultado dd{font-weight:700}
.sem-js .acao{width:100%}
.resumo-calculo{background:var(--prova);border-radius:var(--raio);padding:var(--e-5) var(--e-4)}
.comparar-resultados{display:grid;gap:var(--e-4)}
@media(min-width:700px){.comparar-resultados{grid-template-columns:repeat(2,minmax(0,1fr))}}
.comparar-resultados section,.pacote-comparar{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4);min-width:0}
.comparar-resultados h3{margin-bottom:var(--e-2)}
.comparar-resultados dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e-3);padding:8px 0;border-top:1px solid var(--linha);font-size:var(--t-s)}
.comparar-resultados dd{font-weight:700;white-space:nowrap}
.ferramentas-cards{display:grid;gap:var(--e-3)}
@media(min-width:900px){.ferramentas-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ferramentas-cards .guia-resumo{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4);display:flex;flex-direction:column;gap:var(--e-2)}
.ferramentas-cards .guia-resumo>*{margin:0}
.ferramentas-cards .guia-resumo>.acao{margin-top:auto;align-self:flex-start}
.exemplo-ferramenta{font-size:var(--t-s);color:var(--texto-2)}

/* Listas, filtros e resultados */
.barra-resultados{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--e-2) var(--e-4);margin:var(--e-3) 0}
.barra-resultados p,.resultado-contagem{margin:0;font-size:var(--t-s);color:var(--texto-2)}
.barra-resultados .campo{margin:0}
.ordem-resultados{display:flex;flex-wrap:wrap;align-items:end;gap:var(--e-2)}
.ordem-resultados .campo,.ordem-resultados .acao{margin:0}
.painel-filtros,.painel,.linhas-pendentes{margin:var(--e-3) 0;background:var(--superficie);border-radius:var(--raio)}
.painel-filtros>summary,.painel>summary,.linhas-pendentes>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);min-height:var(--alvo);padding:0 var(--e-4);font-weight:700;color:var(--texto);list-style:none}
.painel-filtros>summary::-webkit-details-marker,.painel>summary::-webkit-details-marker,.linhas-pendentes>summary::-webkit-details-marker{display:none}
.painel-filtros>summary::after,.painel>summary::after,.linhas-pendentes>summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--acao);border-bottom:2px solid var(--acao);transform:rotate(45deg);flex-shrink:0}
.painel-filtros[open]>summary::after,.painel[open]>summary::after,.linhas-pendentes[open]>summary::after{transform:rotate(-135deg)}
.painel>*:not(summary),.linhas-pendentes>*:not(summary){padding-inline:var(--e-4)}
.painel>:last-child,.linhas-pendentes>:last-child{padding-bottom:var(--e-4)}
.filtros{display:grid;gap:var(--e-3);padding:0 var(--e-4) var(--e-4)}
@media(min-width:900px){.filtros{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}}
.filtros>.acao{margin:0}
.filtros-tabela{display:flex;flex-wrap:wrap;gap:var(--e-3);align-items:end}
.filtros-tabela .campo{flex:1 1 180px;margin:0}
.chips-aplicados{display:flex;flex-wrap:wrap;gap:var(--e-2);margin:var(--e-2) 0 var(--e-3)}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--prova);color:var(--acao);font-size:var(--t-s);font-weight:600;text-decoration:none}
.paginacao{display:flex;flex-wrap:wrap;gap:6px;margin:var(--e-5) 0}
.paginacao a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--raio);background:var(--superficie);text-decoration:none;font-weight:600}
.paginacao a[aria-current]{background:var(--acao);color:#fff}
.estado-vazio{background:var(--superficie);border-radius:var(--raio);padding:var(--e-5) var(--e-4);text-align:left}
.estado-vazio h2{font-size:var(--t-m)}
.estado-vazio>:last-child{margin-bottom:0}
.duas-colunas{display:grid;gap:var(--e-5)}
@media(min-width:900px){.duas-colunas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.categorias-tamanhos{display:grid;gap:var(--e-6)}
@media(min-width:900px){.categorias-tamanhos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.categorias-tamanhos>section{display:flex;flex-direction:column;gap:var(--e-3);min-width:0}
.categorias-tamanhos h2{margin:0}
.categoria-guia,.acoes-categoria{display:flex;flex-wrap:wrap;gap:var(--e-2) var(--e-4);margin:var(--e-3) 0 var(--e-4)}
.categoria-guia>.acao,.acoes-categoria>.acao{margin:0}
.grupo-alternativas+.grupo-alternativas{margin-top:var(--e-6)}
.grade-marca .cards:has(> :only-child){max-width:440px;grid-template-columns:1fr}
.indice-marcas{display:grid;gap:var(--e-4)}
@media(min-width:900px){.indice-marcas{grid-template-columns:repeat(3,minmax(0,1fr))}}
.indice-marcas ul,.indice-linhas-marca{list-style:none;padding:0;margin:0}
.indice-marcas li,.indice-linhas-marca li{margin:0}
.indice-marcas a,.indice-linhas-marca a{display:flex;align-items:center;min-height:44px}
@media(min-width:900px){.indice-linhas-marca{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--e-6)}}
.linhas-pendentes ul{font-size:var(--t-s)}
.form-busca-indice{display:flex;flex-wrap:wrap;gap:var(--e-2);align-items:end;max-width:var(--coluna-leitura);margin:var(--e-4) 0}
.form-busca-indice label{width:100%;font-weight:700;font-size:var(--t-s)}
.form-busca-indice input{flex:1;min-width:200px;width:auto}
.precos-ficha{background:var(--prova);border-radius:var(--raio);padding:var(--e-4);display:flex;flex-direction:column;gap:var(--e-2);margin:var(--e-4) 0}
.precos-ficha>*{margin:0}
.preco-ficha-item,.precos-ficha p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.precos-ficha .selo{margin:0}
.ficha-tecnica dl>div{display:block}
.ficha-tecnica dd{text-align:left}
.identidade{display:flex;align-items:flex-start;gap:var(--e-3);margin-bottom:var(--e-3)}
.identidade img{width:64px;height:64px;object-fit:contain;flex-shrink:0}
.identidade h3{margin-bottom:4px}
.identidade p{margin:0;font-size:var(--t-s)}
.imagem-produto{display:inline-block}
.imagem-produto img{background:var(--superficie)}
.logo-marca{display:inline-block;height:20px;width:auto;object-fit:contain;vertical-align:middle}
.valor-unidade p{margin:0}
.valor-unidade .preco{font-size:var(--t-xl);font-weight:800}
.valor-unidade .pacote{font-size:var(--t-s);color:var(--texto-2)}
.hoje-tamanho{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4)}
.preferencia{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4)}
.acoes-preferencia{display:flex;flex-wrap:wrap;gap:var(--e-2);margin-top:var(--e-3)}
.confirmacao{color:var(--abaixo);background:var(--abaixo-fundo);padding:var(--e-3) var(--e-4);border-radius:var(--raio)}
.condicoes{font-size:var(--t-s)}
.condicoes p{margin-bottom:var(--e-2)}

/* Método, relatos e evidência */
.metodo-conteudo{display:grid;gap:var(--e-6)}
@media(min-width:1024px){.metodo-conteudo{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.metodo-conteudo aside{position:sticky;top:calc(var(--topo) + 16px)}}
.metodo-ficha{max-width:none}
.criterio{border-top:1px solid var(--linha);padding:var(--e-4) 0}
.criterio h3{margin-bottom:var(--e-2)}
.criterio meter{width:100%;height:12px}
.contagem-lados,.contagem-relatos{display:flex;flex-wrap:wrap;gap:var(--e-3)}
.contagem-a-favor,.contagem-relatos .favor{color:var(--abaixo)}
.contagem-contra,.contagem-relatos .contra{color:var(--atencao)}
.relato{border-top:1px solid var(--linha);padding-top:var(--e-4);margin-top:var(--e-4)}
.relato h3{font-size:var(--t-m)}
.fonte-trecho{margin:var(--e-5) 0}
.fonte-trecho figcaption{font-size:var(--t-xs);color:var(--texto-3);margin:var(--e-2) 0}
.correcoes{margin:var(--e-6) 0}
.evidencia-teste{background:var(--superficie);border-radius:var(--raio);padding:var(--e-4)}

/* Convite do canal */
.telegram{background:var(--prova);border-radius:var(--raio);padding:var(--e-5) var(--e-4);margin-top:var(--e-7)}
.telegram h2{font-size:var(--t-l)}
.telegram p{max-width:55ch;color:var(--texto-2)}
@media(min-width:900px){.telegram{display:flex;align-items:center;justify-content:space-between;gap:var(--e-6);padding:var(--e-6)}.telegram .acao{flex-shrink:0}}

/* Rodapé */
.rodape{margin-top:var(--e-8);background:var(--superficie);border-top:1px solid var(--linha);padding:var(--e-6) 0 calc(var(--e-6) + env(safe-area-inset-bottom));font-size:var(--t-s)}
.rodape-marca{font-weight:800;font-size:var(--t-m);margin-bottom:var(--e-3)}
.rodape nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--e-4);margin-bottom:var(--e-4)}
.rodape nav a{display:flex;align-items:center;min-height:44px;color:var(--texto-2)}
@media(min-width:900px){.rodape nav{display:flex;flex-wrap:wrap;gap:0 var(--e-5)}}
.rodape .aviso-afiliado{font-size:var(--t-xs);max-width:70ch}
.rodape .meta{font-size:var(--t-xs);margin:var(--e-2) 0 0}
main:has(.barra-compra:not([hidden]))+.rodape{padding-bottom:110px}
@media(min-width:900px){main:has(.barra-compra)+.rodape{padding-bottom:var(--e-6)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.cabecalho,.barra-fixa,.barra-compra,.faixa-previa,.rodape nav{display:none}}

/* Página do tamanho: resumo em uma linha e faixas recolhidas */
.resumo-tamanho{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:var(--e-3) 0 var(--e-1)}
.resumo-tamanho strong{font-size:var(--t-m)}
.resumo-tamanho+.meta{margin-bottom:var(--e-2)}
.recolhido{margin:var(--e-6) 0 0;background:var(--superficie);border-radius:var(--raio)}
.recolhido>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);min-height:56px;padding:0 var(--e-4);font-weight:700;list-style:none}
.recolhido>summary::-webkit-details-marker{display:none}
.recolhido>summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--acao);border-bottom:2px solid var(--acao);transform:rotate(45deg);flex-shrink:0}
.recolhido[open]>summary::after{transform:rotate(-135deg)}
.recolhido>*:not(summary){margin-inline:var(--e-4)}
.recolhido>:last-child{padding-bottom:var(--e-3)}
.recolhido .tabela-rolagem{margin-inline:0}

/* Etiqueta no celular: preço, "a tira" e o aviso de ilustrativo lado a lado; a loja já está no botão */
@media(max-width:699px){
 .etiqueta-valor{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;row-gap:2px;align-items:end}
 .etiqueta-valor .preco{grid-row:1/3;align-self:center}
 .etiqueta-valor .etiqueta-unidade{grid-column:2;grid-row:1;line-height:1.1}
 .etiqueta-valor .ilustrativo{grid-column:2;grid-row:2;justify-self:start;align-self:start}
 .cartao-oferta:has(.saida) .etiqueta-loja .loja-nome{display:none}
}

/* Entrada visual: uma foto e uma escolha clara, sem texto adicional. */
.home-topo{display:grid;gap:var(--e-4);align-items:center}.home-topo .acao{margin-top:var(--e-3)}.foto-home{display:block;overflow:hidden;border-radius:20px}.foto-home img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.home-topo h1{max-width:18ch}@media(min-width:900px){.home-topo{grid-template-columns:1.1fr 1fr;gap:var(--e-6);padding-bottom:var(--e-5)}}@media(max-width:599px){.foto-home img{aspect-ratio:2.5/1}.home-topo{gap:var(--e-3)}}

.selecao-intro{max-width:680px;margin:var(--e-5) 0}.selecao-intro .meta{margin-top:var(--e-3)}.selecao-produtos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-4)}.selecao-produto{min-width:0;background:var(--branco,#fff);border:1px solid var(--borda,#d2d9d6);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.selecao-foto{display:flex;background:#fff;padding:24px;align-items:center;justify-content:center}.selecao-foto img{width:100%;height:220px;object-fit:contain}.selecao-corpo{padding:var(--e-4);display:flex;flex-direction:column;align-items:flex-start;flex:1}.selecao-corpo h2{font-size:1.1rem;line-height:1.35;margin:0 0 var(--e-3)}.selecao-preco{font-size:2rem;font-weight:800;line-height:1.1;margin:0 0 var(--e-2)}.selecao-corpo .acao{margin-top:auto}.selecao-corpo .meta{margin-bottom:var(--e-3)}.selecao-apoio{display:flex;gap:var(--e-4);flex-wrap:wrap;margin:var(--e-5) 0}@media(max-width:899px){.selecao-produtos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.selecao-produtos{grid-template-columns:1fr}.selecao-foto img{height:200px}.selecao-intro{margin:var(--e-4) 0}}

/* Navegação por fase: alvos grandes, sem rolagem horizontal no celular. */
.idades{margin:24px 0}.idades-titulo{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--n900,#18202C)}.idades-chips{display:flex;flex-wrap:wrap;gap:8px}.idade-chip{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border:1px solid #CDD2DA;border-radius:8px;background:#fff;color:#1D3F8F;font-size:17px;font-weight:700;line-height:1.25;text-decoration:none}.idade-chip:hover{background:#E9EEF8}.idade-chip.selecionada{background:#1D3F8F;color:#fff;border-color:#1D3F8F}.idade-chip:focus-visible,.categorias-idade a:focus-visible{outline:3px solid #17784A;outline-offset:3px}.idade-ajuda{max-width:65ch;margin:16px 0 24px;color:#3E4756;font-size:16px}.descoberta-idade{padding:24px 0;border-top:1px solid #CDD2DA;border-bottom:1px solid #CDD2DA;margin:32px 0}.descoberta-idade h2{margin:0 0 8px}.descoberta-idade>p{margin:0}.descoberta-idade .idades{margin-bottom:16px}.categorias-idade{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.categorias-idade a{display:inline-flex;align-items:center;min-height:48px;padding:8px 14px;border-radius:8px;color:#1D3F8F;background:#E9EEF8;text-decoration:none;font-weight:700}.categorias-idade a[aria-current]{background:#1D3F8F;color:#fff}.convite-idade{margin:40px 0;padding:24px;background:#E9EEF8;border-radius:8px;max-width:760px}.convite-idade h2{margin:0 0 8px}.convite-idade p{margin:0 0 16px;max-width:54ch}.convite-idade .acao{margin:0 8px 8px 0;white-space:normal}.selecao-apoio a{display:inline-flex;align-items:center;min-height:48px;margin-right:16px}@media(max-width:480px){.idades-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.idade-chip{padding:12px 8px;text-align:center}.idade-chip:first-child{grid-column:1/-1}.convite-idade{padding:20px 16px}.convite-idade .acao{display:flex;width:100%;text-align:center}}

/* Diferencial: hoje e normal lado a lado, sem depender de abrir detalhes. */
.prova-diferencial{max-width:62ch;font-size:var(--t-s);color:var(--texto-2);line-height:1.45;margin:var(--e-3) 0}
.conta-precos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e-3);margin-bottom:var(--e-2)}
.conta-rotulo{margin:0 0 4px;font-size:var(--t-xs);color:var(--texto-2);font-weight:700}
.conta-precos .conta-display{display:block;margin:0}
.conta-precos .conta-display span{display:block;font-size:var(--t-xs);margin-top:4px}
.conta-precos .conta-normal>p:last-child{margin:0;line-height:1.2}
.conta-normal strong{display:block;font-size:var(--t-xl);font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
.conta-normal span{font-size:var(--t-xs);color:var(--texto-2)}
.conta-formacao .conta-normal strong{font-size:var(--t-s);line-height:1.3}

/* Termômetro: a cor apoia nome, explicação e ponteiro. Tokens da marca. */
.termometro{display:flex;align-items:center;gap:12px;color:var(--texto);margin:12px 0;line-height:1.4;font-size:14px;text-align:left}
.termometro svg{flex:0 0 112px;width:112px;height:auto;color:var(--texto)}
.termometro strong{display:block;font-size:16px}.termometro p{margin:4px 0 0;max-width:58ch}
.zona-estoque{fill:var(--abaixo)}.zona-bom{fill:var(--acao)}.zona-necessario{fill:var(--atencao)}.zona-basico{fill:var(--erro)}
.termometro-ligando rect{fill:var(--linha)}.termometro-ligando svg{color:var(--texto-2)}
.etiqueta-conta .termometro{display:block}.etiqueta-conta .termometro svg{width:120px}.etiqueta-conta .termometro p{font-size:14px}
.comparador-loja-cabecalho .termometro{flex-basis:100%}
@media(max-width:480px){.termometro{align-items:flex-start;gap:8px}.termometro svg{flex-basis:90px;width:90px}}

/* Lista de compras: consumo em linhas editáveis e conta como recibo. */
.lista-app{display:grid;gap:32px;align-items:start}.lista-montagem h2{font-size:var(--t-l)}
.lista-form{display:grid;gap:16px;padding:20px;background:var(--prova);border-radius:var(--raio)}
.lista-form label,.lista-item-campos label,.lista-idade>label{display:block;font-size:var(--t-s);font-weight:650;margin-bottom:6px}
.lista-app input:not([type=checkbox]),.lista-app select{width:100%;min-height:48px;border:1px solid #79818D;border-radius:var(--raio-p);background:var(--superficie);padding:10px;min-width:0}
.lista-form input::placeholder{color:var(--texto-3)}.lista-form select{max-width:100%}.lista-idade{margin:24px 0 8px}.lista-idade input{max-width:110px;margin-right:16px}.lista-idade .meta{margin-top:8px}
.lista-item{padding:24px 0;border-bottom:1px solid var(--linha);overflow-wrap:anywhere}.lista-item-cabeca{display:flex;align-items:start;justify-content:space-between;gap:16px}.lista-item-cabeca h3{max-width:32ch}.lista-item-cabeca button{flex-shrink:0;margin-top:-8px}
.lista-item-preco{font-variant-numeric:tabular-nums}.lista-item-preco strong{font-size:var(--t-2xl);font-weight:800;letter-spacing:-.02em}.lista-item-preco span{color:var(--texto-2)}
.lista-item-campos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 12px}.lista-duracao{font-weight:700}.lista-comparacao{font-size:var(--t-s);color:var(--texto-2)}
.lista-recibo{padding:24px;background:var(--superficie);border:1px solid var(--linha);border-top:4px solid var(--acao);border-radius:var(--raio);min-width:0}.lista-recibo h2{font-size:var(--t-l)}.lista-total{margin:20px 0}.lista-total strong{display:block;font-size:44px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.lista-total span{color:var(--texto-2);font-size:var(--t-s)}
.lista-telegram{padding-top:24px;margin-top:24px;border-top:1px dashed var(--linha)}.lista-telegram p{font-size:var(--t-s)}.lista-consentimento{display:flex;gap:10px;font-size:var(--t-s);margin-bottom:16px;cursor:pointer}.lista-consentimento input{width:22px;height:22px;flex:0 0 22px;margin:2px 0}.lista-telegram button{width:100%;margin-bottom:12px}.lista-telegram button:disabled{opacity:.55;cursor:default}
.lista-vazia{padding:28px 16px;margin-top:24px;border:1px dashed var(--linha);color:var(--texto-2)}.lista-sem-preco{color:var(--atencao)}.lista-termometro{border-left:4px solid var(--acao);padding-left:12px;margin:12px 0}.lista-termometro p{font-size:var(--t-s);margin:4px 0}
.lista-explicacao{max-width:680px}.lista-explicacao h3{margin-top:24px}.lista-explicacao p{color:var(--texto-2)}[data-lista-status]{margin-top:24px;font-size:var(--t-s);color:var(--texto-2)}
@media(min-width:900px){.lista-app{grid-template-columns:minmax(0,1fr) 340px;gap:48px}.lista-recibo{position:sticky;top:100px}.lista-form{grid-template-columns:minmax(0,1fr) 150px}.lista-produto{grid-column:1/-1}.lista-form button{grid-column:1/-1;justify-self:start}.lista-intro h1{max-width:none}}