/* Facial + : estilo do portal. Todo valor vem do DESIGN.md. Nada de valor avulso. */
:root{
  --tinta:#141414; --tinta-suave:#2B2B2B; --cinza:#6B6B6B; --fio:#E3E1DC;
  --papel:#FFFFFF; --papel-suave:#F6F5F2; --acento-marca:#C9A227; --acento:#8A6C00; --acento-escuro:#6E5600;  /* Dr., 10/11: dourado puxado para o amarelo. Texto #8A6C00 (4,97:1); gráficos #C9A227 */ --foco:#1F4E8C;
  /* --acento-marca só em logo e gráfico; texto em coral usa --acento (5,2:1 no branco, 4,8:1 no papel-suave) */
  --f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --f-texto:"Source Serif 4",Georgia,serif;
  --f-ui:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio:4px; --t:180ms ease;
  --e1:8px; --e2:16px; --e3:24px; --e4:32px; --e5:48px; --e6:64px; --e7:96px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 16px/1.5 var(--f-ui);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color var(--t)}
a:hover{color:var(--acento)}
:focus-visible{outline:2px solid var(--foco);outline-offset:2px;border-radius:var(--raio)}
.container{max-width:1200px;margin:0 auto;padding:0 var(--e3)}
@media (min-width:1024px){.container{padding:0 var(--e5)}}
.pular{position:absolute;left:-9999px;top:var(--e1);background:var(--tinta);color:var(--papel);padding:var(--e1) var(--e2);border-radius:var(--raio);z-index:10}
.pular:focus{left:var(--e1)}

/* ---------- tipografia ---------- */
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;margin:0;font-variation-settings:"SOFT" 30,"WONK" 0}
h1{font-size:36px;line-height:1.02;letter-spacing:-.02em}
@media (min-width:640px){h1{font-size:56px}}
.rotulo,.titulo-secao,.botao,.botao-sec,.secoes a,.rotulo-campo,.ver-tudo{font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase}
.rotulo{color:var(--acento);display:inline-block;margin-bottom:var(--e1)}
.meta{font:400 14px/1.4 var(--f-ui);color:var(--cinza);margin:var(--e1) 0 0}
.meta strong{color:var(--tinta);font-weight:600}
.lide{font:400 22px/1.45 var(--f-texto);color:var(--tinta-suave);margin:var(--e2) 0 0}
.resumo{font:400 14px/1.4 var(--f-ui);color:var(--cinza);margin:var(--e1) 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- cabeçalho de portal (DESIGN.md §10) ---------- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.faixa{background:var(--tinta);color:var(--papel)}
.faixa-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px}
@media (min-width:1024px){.faixa-in{height:108px}}
.menu-btn,.buscar{display:inline-flex;align-items:center;gap:var(--e1);min-height:44px;min-width:44px;color:var(--papel);background:none;border:0;padding:0;font:600 14px/1 var(--f-ui);cursor:pointer}
.buscar{justify-self:end}
.menu-btn:hover,.buscar:hover{color:var(--papel);opacity:.85}
.menu-txt,.buscar-txt{display:none}
@media (min-width:640px){.menu-txt,.buscar-txt{display:inline}}
.marca img{height:56px;width:auto}
@media (min-width:1024px){.marca img{height:76px}}
.faixa :focus-visible{outline-color:var(--papel)}
.hoje::first-letter{text-transform:uppercase}

/* gaveta lateral, como o g1 no celular */
.gaveta{position:fixed;inset:0;z-index:50}
.gaveta-fundo{position:absolute;inset:0;background:rgba(20,20,20,.5);opacity:0;transition:opacity var(--t)}
.gaveta-painel{position:absolute;top:0;left:0;bottom:0;width:min(320px,86vw);background:var(--papel);overflow-y:auto;padding:var(--e2) var(--e3) var(--e5);transform:translateX(-100%);transition:transform var(--t)}
.gaveta.aberta .gaveta-fundo{opacity:1}
.gaveta.aberta .gaveta-painel{transform:none}
.gaveta-aberta{overflow:hidden}
.gaveta-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--e1)}
.gaveta-cab img{height:28px;width:auto}
.gaveta-fechar{min-width:44px;min-height:44px;border:0;background:none;color:var(--tinta);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.gaveta .hoje{font:400 14px/1.4 var(--f-ui);color:var(--cinza);margin:0 0 var(--e3)}
.gaveta-tit{font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--acento);margin:var(--e3) 0 var(--e1)}
.gaveta-lista{list-style:none;margin:0;padding:0}
.gaveta-lista a{display:flex;align-items:center;min-height:44px;font:400 18px/1.3 var(--f-ui);border-bottom:1px solid var(--fio)}
.gaveta-lista a::after{content:"›";margin-left:auto;color:var(--acento-marca);font-size:22px}
.secoes{position:sticky;top:0;z-index:5;background:var(--papel);border-top:1px solid var(--fio);border-bottom:1px solid var(--fio);display:flex;align-items:center;margin-bottom:-1px}
/* escondido de verdade (sai do Tab) até o menu ficar fixo: revisão Codex 05, item 6 */
.secoes .mono{display:none;flex:0 0 auto;padding-left:var(--e2)}
.secoes.fixo .mono{display:flex;align-items:center}
.secoes .mono img{width:40px;height:40px;border-radius:8px}  /* Dr., 10/11: ícone maior, cantos levemente arredondados */
.secoes-lista{display:flex;gap:var(--e3);overflow-x:auto;scrollbar-width:none;padding:0 var(--e3);flex:1 1 auto;min-width:0}
/* centraliza quando cabe e rola a partir da borda quando não cabe */
.secoes-lista>a:first-child{margin-left:auto}
.secoes-lista>a:last-child{margin-right:auto}
.secoes-lista::-webkit-scrollbar{display:none}
.secoes-lista a{white-space:nowrap;display:flex;align-items:center;min-height:56px;border-bottom:2px solid transparent}
.secoes-lista a[aria-current]{border-bottom-color:var(--acento-marca)}

/* ---------- capa ---------- */
main{padding-bottom:var(--e6)}
.manchete{display:grid;gap:var(--e3);padding-top:var(--e4);padding-bottom:var(--e5);border-bottom:1px solid var(--fio)}
@media (min-width:1024px){.manchete{grid-template-columns:5fr 7fr;gap:var(--e5);align-items:center}}
.manchete-img img,.cartao-img img,.fileira-img img,.materia-capa img{border-radius:var(--raio);border:1px solid var(--fio);width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--papel-suave)}
.secundarias{display:grid;gap:var(--e3);padding-top:var(--e5);padding-bottom:var(--e5);border-bottom:1px solid var(--fio)}
@media (min-width:640px){.secundarias,.grade-3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.secundarias,.grade-3{grid-template-columns:repeat(3,1fr)}}
.grade-3{display:grid;gap:var(--e5) var(--e3)}
.cartao h3{font-size:22px;line-height:1.25;letter-spacing:0;margin:0}
.cartao-img{display:block;margin-bottom:var(--e2)}
.cartao:hover h3 a,.fileira:hover h3 a{color:var(--acento)}

.titulo-secao{color:var(--tinta);margin:0 0 var(--e3);padding-bottom:var(--e1);border-bottom:2px solid var(--tinta);font-family:var(--f-ui)}
.bloco-duplo{display:grid;gap:var(--e5);padding-top:var(--e5)}
@media (min-width:1024px){.bloco-duplo{grid-template-columns:8fr 4fr}}
.lista-fileiras{list-style:none;margin:0;padding:0}
.fileira{display:grid;grid-template-columns:96px 1fr;gap:var(--e2);padding:var(--e2) 0;border-bottom:1px solid var(--fio)}
.fileira:first-child{padding-top:0}
.fileira h3{font-size:22px;line-height:1.25;letter-spacing:0}
.radar-caixa{background:var(--papel-suave);padding:var(--e3);border-radius:var(--raio);align-self:start}
.radar-caixa p{font:400 16px/1.5 var(--f-ui);color:var(--tinta-suave);margin:0 0 var(--e3)}
.faixa-secao{padding-top:var(--e6)}
.faixa-cab{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--tinta);margin-bottom:var(--e3)}
.faixa-cab .titulo-secao{border:0;margin:0}
.ver-tudo{color:var(--acento)}

/* ---------- botões ---------- */
.botao,.botao-sec{display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;border-radius:var(--raio);transition:background var(--t),color var(--t)}
.botao{background:var(--tinta);color:var(--papel)}
.botao:hover{background:var(--tinta-suave);color:var(--papel)}
.botao-sec{border:1px solid var(--tinta);color:var(--tinta)}
.botao-sec:hover{background:var(--tinta);color:var(--papel)}

/* ---------- matéria ---------- */
.materia-cab{max-width:calc(680px + 2 * var(--e3));padding-top:var(--e5);text-align:left}
@media (min-width:1024px){.materia-cab{max-width:calc(880px + 2 * var(--e5))}}
.materia-capa{max-width:calc(680px + 2 * var(--e3));margin:var(--e4) auto}
.texto{max-width:calc(680px + 2 * var(--e3));margin:0 auto;padding:0 var(--e3);font:400 18px/1.65 var(--f-texto);color:var(--tinta);overflow-wrap:anywhere}
.texto p{margin:0 0 var(--e3)}
.texto h2{font-size:28px;line-height:1.15;letter-spacing:-.01em;margin:var(--e5) 0 var(--e2)}
.texto h3,.texto h4{font-size:22px;line-height:1.25;margin:var(--e4) 0 var(--e2)}
.texto a{color:var(--acento);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.texto a:hover{color:var(--acento-escuro)}
.texto ul,.texto ol{margin:0 0 var(--e3);padding-left:var(--e3)}
.texto li{margin-bottom:var(--e1)}
.texto blockquote{margin:var(--e4) 0;padding-left:var(--e3);border-left:2px solid var(--acento-marca);color:var(--tinta-2,#3a3a3a)}
.texto hr{border:0;border-top:1px solid var(--fio);margin:var(--e5) 0}
.texto figure{margin:var(--e4) 0}
.texto figure img,.texto video{border-radius:var(--raio);border:1px solid var(--fio);margin:0 auto}
.texto figcaption{font:400 14px/1.4 var(--f-ui);color:var(--cinza);margin-top:var(--e1)}
.texto .galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--e2)}
.materia-pe{border-top:1px solid var(--fio);padding-top:var(--e3);margin-top:var(--e5)}
.compartilhar{margin:var(--e3) 0 0}
.leia-tambem{padding-top:var(--e6)}

/* ---------- seções, busca, vazio ---------- */
.cab-secao{padding-top:var(--e5);padding-bottom:var(--e5);max-width:calc(880px + 2 * var(--e5));margin-left:auto;margin-right:auto}
.vazio{padding-top:0;font:400 18px/1.65 var(--f-texto)}
.cab-secao+.vazio{margin-top:calc(-1 * var(--e3))}
.vazio a{color:var(--acento)}
.texto-curto p{max-width:680px}
.links-secoes{display:flex;flex-wrap:wrap;gap:var(--e2)}
.busca input{width:100%;max-width:680px;font:400 18px/1.5 var(--f-ui);padding:12px var(--e2);border:1px solid var(--tinta);border-radius:var(--raio);margin:var(--e1) 0 var(--e2);color:var(--tinta);background:var(--papel)}
.busca input:focus{outline:2px solid var(--foco);outline-offset:2px}
.rotulo-campo{display:block;color:var(--cinza)}
.busca .lista-fileiras{margin-top:var(--e3);max-width:880px}

/* ---------- rodapé ---------- */
.rodape{background:var(--tinta);color:var(--papel);padding:var(--e6) 0 var(--e4)}
.rodape-grade{display:grid;gap:var(--e5)}
@media (min-width:1024px){.rodape-grade{grid-template-columns:2fr 1fr 1fr}}
.rodape img{height:auto;width:200px;margin-left:-12px}
.rodape h2{font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:#9A9A9A;margin:0 0 var(--e2)}
.rodape-grade a{display:block;font:400 16px/1.5 var(--f-ui);padding:4px 0;color:var(--papel)}
.rodape-grade a:hover{color:var(--papel);text-decoration:underline;text-underline-offset:3px}
.rodape-nota{font:400 14px/1.4 var(--f-ui);color:#BDBDBD;max-width:420px;margin:var(--e2) 0 0}
.rodape-legal{font:400 14px/1.4 var(--f-ui);color:#9A9A9A;border-top:1px solid #2B2B2B;padding-top:var(--e3);margin-top:var(--e5)}

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

/* ---------- manchete rotativa ---------- */
.carrossel{padding-top:var(--e4);padding-bottom:var(--e3);border-bottom:1px solid var(--fio)}
.carrossel-trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carrossel-trilho::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;display:grid;gap:var(--e3);align-items:center}
@media (min-width:1024px){.slide{grid-template-columns:5fr 7fr;gap:var(--e5)}}
.manchete-tit{font-size:36px;line-height:1.02;letter-spacing:-.02em}
@media (min-width:640px){.manchete-tit{font-size:56px}}
.carrossel-ctrl{display:flex;align-items:center;justify-content:center;gap:var(--e1);margin-top:var(--e3)}
.car-btn{min-width:44px;min-height:44px;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);color:var(--tinta);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.car-btn:hover{border-color:var(--tinta)}
.car-pontos{display:flex;gap:var(--e1);padding:0 var(--e1)}
.car-ponto{width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
.car-ponto::before{content:"";position:absolute;left:12px;right:12px;top:20px;height:4px;border-radius:var(--raio);background:var(--fio)}
.car-ponto[aria-current]::before{background:var(--acento-marca)}
@media (max-width:639px){.car-pontos{padding:0;gap:0}.car-ponto{width:30px}.car-ponto::before{left:6px;right:6px}.carrossel-ctrl{gap:4px}}
.carrossel .ic-play{display:none}
.carrossel.pausado .ic-play{display:block}
.carrossel.pausado .ic-pausa{display:none}

/* ---------- últimas notícias (feed) ---------- */
.feed{list-style:none;margin:0;padding:0}
.feed-item{display:grid;grid-template-columns:96px 1fr;gap:var(--e2);padding:var(--e3) 0;border-bottom:1px solid var(--fio)}
.feed-item:first-child{padding-top:0}
@media (min-width:640px){.feed-item{grid-template-columns:160px 1fr;gap:var(--e3)}}
.feed-img img{border-radius:var(--raio);border:1px solid var(--fio);width:100%;aspect-ratio:1/1;object-fit:cover}
.feed-item h3{font-size:22px;line-height:1.25}
.feed-item:hover h3 a{color:var(--acento)}
.lateral{display:grid;gap:var(--e4);align-content:start}
.caixa-servicos ul{list-style:none;margin:0;padding:0}
.caixa-servicos li a{display:block;padding:var(--e2) 0;border-bottom:1px solid var(--fio)}
.caixa-servicos strong{display:block;font:600 16px/1.3 var(--f-ui)}
.caixa-servicos span{display:block;font:400 14px/1.4 var(--f-ui);color:var(--cinza);margin-top:4px}
.caixa-servicos li a:hover strong{color:var(--acento)}

/* ---------- publicidade: pouca, marcada, com altura reservada ---------- */
.pub{margin:var(--e5) auto;text-align:center;max-width:728px}
.pub-rotulo{display:block;font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--cinza);margin-bottom:var(--e1)}
.pub-caixa,.pub ins{min-height:250px;display:block}
@media (min-width:1024px){.pub-caixa,.pub ins{min-height:280px}}
.pub-caixa{border:1px dashed var(--fio);border-radius:var(--raio);background:var(--papel-suave);color:var(--cinza);font:400 14px/1.4 var(--f-ui);display:flex;align-items:center;justify-content:center}
.lateral .pub{margin:0}
.texto .pub{margin:var(--e5) 0}

/* ---------- serviços ---------- */
.servico{max-width:calc(680px + 2 * var(--e3));margin:0 auto;padding:0 var(--e3)}
.servico form{display:grid;gap:var(--e3);background:var(--papel-suave);border-radius:var(--raio);padding:var(--e3)}
.campo label,.campo legend{display:block;font:600 14px/1.4 var(--f-ui);margin-bottom:var(--e1);padding:0}
.campo fieldset{border:0;margin:0;padding:0}
.campo input[type=number],.campo select{width:100%;font:400 18px/1.4 var(--f-ui);padding:12px var(--e2);border:1px solid var(--tinta);border-radius:var(--raio);background:var(--papel);color:var(--tinta)}
.opcoes{display:flex;flex-wrap:wrap;gap:var(--e1)}
.opcoes label{display:inline-flex;align-items:center;gap:var(--e1);min-height:44px;padding:0 var(--e2);border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);font:400 16px/1.2 var(--f-ui);margin:0;cursor:pointer}
.opcoes input{accent-color:var(--acento);width:18px;height:18px}
.opcoes label:has(input:checked){border-color:var(--tinta)}
.servico button[type=submit]{justify-self:start;border:0;cursor:pointer;font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase}
.resultado{margin-top:var(--e4);font:400 18px/1.65 var(--f-texto)}
.resultado:empty{display:none}
.resultado h2{font-size:28px;line-height:1.15;margin:0 0 var(--e2)}
.resultado h3{font-size:22px;margin:var(--e3) 0 var(--e1)}
.resultado .numero{font:600 56px/1 var(--f-display);color:var(--acento);margin:var(--e1) 0}
.resultado ol,.resultado ul{padding-left:var(--e3)}
.resultado table{width:100%;border-collapse:collapse;font:400 16px/1.4 var(--f-ui);margin:var(--e2) 0}
.resultado th,.resultado td{text-align:left;padding:var(--e1);border-bottom:1px solid var(--fio)}
.aviso-saude{font:400 14px/1.5 var(--f-ui);color:var(--tinta-suave);border-left:2px solid var(--acento-marca);padding-left:var(--e2);margin:var(--e4) 0}
.grade-servicos{display:grid;gap:var(--e3)}
@media (min-width:640px){.grade-servicos{grid-template-columns:repeat(2,1fr)}}
.grade-servicos a{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--fio);border-radius:var(--raio);padding:var(--e3)}
.grade-servicos a:hover{border-color:var(--tinta)}
.grade-servicos h2{font-size:22px;line-height:1.25;margin:var(--e1) 0}
.grade-servicos p{font:400 16px/1.5 var(--f-ui);color:var(--cinza);margin:0}

/* ---------- autor ---------- */
.meta a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

.feed-item.feed-item-sem-img{grid-template-columns:1fr}

/* ---------- anúncio próprio da LivStetic (identidade dela: livstetic-brand) ---------- */
.anuncio-liv{display:flex;flex-direction:column;align-items:center;gap:var(--e2);background:#0A1F38;color:#F6F1E6;border-radius:var(--raio);padding:var(--e4) var(--e3);min-height:250px;justify-content:center;text-align:center}
.anuncio-liv:hover{color:#F6F1E6}
.anuncio-liv img{width:200px;height:auto}
.anuncio-liv-txt{font:400 18px/1.4 var(--f-ui);max-width:280px}
.anuncio-liv-btn{font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;background:#C9A24B;color:#0A1F38;padding:12px 20px;border-radius:var(--raio)}
.anuncio-liv:hover .anuncio-liv-btn{background:#E8C877}

/* ---------- radar ---------- */
.radar-lista{list-style:none;margin:0 0 var(--e3);padding:0}
.radar-item{padding:var(--e2) 0;border-bottom:1px solid var(--fio)}
.radar-item h3{font-size:22px;line-height:1.25}
.radar-caixa .radar-item h3{font:600 16px/1.35 var(--f-ui)}
.radar-meta{font:400 14px/1.4 var(--f-ui);color:var(--cinza);margin:0 0 4px}
.radar-veiculo{font-weight:600;color:var(--acento)}
.resumo-radar{font:400 18px/1.6 var(--f-texto);color:var(--tinta-suave);margin:var(--e1) 0}
.radar-ir{font:600 14px/1.4 var(--f-ui);margin:0}
.radar-ir a{color:var(--acento)}
.radar-lista{max-width:880px}

/* ---------- bloco especial ---------- */
.bloco-especial{margin-top:var(--e6);background:var(--papel-suave);border-radius:var(--raio);padding:var(--e4) var(--e3)}
@media (min-width:1024px){.bloco-especial{padding:var(--e5)}}
.bloco-especial-cab h2{font-size:28px;line-height:1.15;margin:0 0 var(--e1)}
.bloco-especial-cab p{font:400 16px/1.5 var(--f-ui);color:var(--tinta-suave);margin:0 0 var(--e3)}
.bloco-especial-grade{display:grid;gap:var(--e2)}
@media (min-width:640px){.bloco-especial-grade{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.bloco-especial-grade{grid-template-columns:repeat(3,1fr)}}
.bloco-especial-item{display:flex;flex-direction:column;align-items:flex-start;background:var(--papel);border:1px solid var(--fio);border-radius:var(--raio);padding:var(--e3)}
.bloco-especial-item:hover{border-color:var(--tinta)}
.bloco-especial-item strong{display:block;font:600 22px/1.25 var(--f-display);margin-bottom:var(--e1)}
.bloco-especial-item>span:not(.serv-ico):not(.serv-btn){display:block;font:400 14px/1.4 var(--f-ui);color:var(--cinza)}

/* ---------- compartilhar ---------- */
.compartilhar{display:flex;flex-wrap:wrap;gap:var(--e1);align-items:center;margin:var(--e3) 0 0}
.compartilhar .rotulo-compart{font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--cinza);margin-right:var(--e1)}
.compart-btn{display:inline-flex;align-items:center;gap:var(--e1);min-height:44px;padding:0 var(--e2);border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);color:var(--tinta);font:600 14px/1 var(--f-ui);cursor:pointer}
.compart-btn:hover{border-color:var(--tinta);color:var(--tinta)}
.compart-btn svg{width:18px;height:18px}

/* ---------- guia de procedimentos ---------- */
.grade-guia{display:grid;gap:var(--e2)}
@media (min-width:640px){.grade-guia{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.grade-guia{grid-template-columns:repeat(3,1fr)}}
.guia-item{display:block;border:1px solid var(--fio);border-radius:var(--raio);padding:var(--e3)}
.guia-item:hover{border-color:var(--tinta)}
.guia-item h2{font-size:22px;line-height:1.25;margin:var(--e1) 0}
.guia-item p{font:400 14px/1.4 var(--f-ui);color:var(--cinza);margin:0}
.indice-guia{margin-bottom:var(--e4)}
.indice-guia ul{list-style:none;margin:0;padding:var(--e2) var(--e3);background:var(--papel-suave);border-radius:var(--raio);font:400 16px/1.8 var(--f-ui)}
.indice-guia a{color:var(--acento)}
.credito-foto{font:400 14px/1.4 var(--f-ui);color:var(--cinza)}
.credito-foto a{color:var(--cinza)}

/* ---------- guia especial ---------- */
.destaque-especial{display:block;margin-top:var(--e5);background:var(--tinta);color:var(--papel);border-radius:var(--raio);padding:var(--e4) var(--e3)}
@media (min-width:1024px){.destaque-especial{padding:var(--e5)}}
.destaque-especial:hover{color:var(--papel)}
.destaque-especial .rotulo{color:var(--acento-marca)}
.destaque-especial strong{display:block;font:600 28px/1.15 var(--f-display);margin:var(--e1) 0 var(--e2)}
@media (min-width:640px){.destaque-especial strong{font-size:40px}}
.destaque-especial span{display:block;font:400 18px/1.5 var(--f-ui);color:#D6D6D6;max-width:680px}
.destaque-especial .destaque-ir{display:inline-block;margin-top:var(--e3);font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta);background:var(--papel);padding:12px 20px;border-radius:var(--raio)}
.indice-especial ol{list-style:none;margin:0 0 var(--e4);padding:var(--e2) var(--e3);background:var(--papel-suave);border-radius:var(--raio)}
.indice-especial li a{display:flex;gap:var(--e2);align-items:baseline;padding:var(--e1) 0;font:400 16px/1.4 var(--f-ui);color:var(--tinta)}
.indice-especial li a span{font:600 14px/1 var(--f-ui);color:var(--acento);min-width:20px}
.capitulo{scroll-margin-top:72px}
.cap-num{display:inline-block;font:600 14px/1 var(--f-ui);color:var(--tinta);background:var(--acento-marca);border-radius:var(--raio);padding:6px 9px;margin-right:var(--e2);vertical-align:middle}

/* rádio e caixa marcados no dourado vivo */
.opcoes input{accent-color:var(--acento-marca)}
.grade-especiais{display:grid;gap:var(--e3)}
@media (min-width:1024px){.grade-especiais{grid-template-columns:repeat(2,1fr)}}
.destaque-ferramenta{display:block;border:1px solid var(--acento-marca);border-radius:var(--raio);padding:var(--e2) var(--e3);margin-bottom:var(--e4);background:var(--papel-suave)}
.destaque-ferramenta strong{display:block;font:600 18px/1.3 var(--f-ui)}
.destaque-ferramenta span{display:block;font:400 14px/1.4 var(--f-ui);color:var(--cinza)}

.indice-especial a,.indice-guia a{text-decoration:none}
.indice-especial a:hover,.indice-guia a:hover{text-decoration:underline}
.autor-cab .autor-foto{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:var(--e2);border:1px solid var(--fio)}

/* ---------- anúncios próprios: Cliup e Fotofesta ---------- */
.anuncio-casa{display:flex;flex-direction:column;align-items:center;gap:var(--e2);border-radius:var(--raio);padding:var(--e4) var(--e3);min-height:250px;justify-content:center;text-align:center;color:#fff}
.anuncio-casa:hover{color:#fff}
.anuncio-casa-txt{font:400 18px/1.4 var(--f-ui);max-width:320px}
.anuncio-casa-btn{font:600 12px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;padding:12px 20px;border-radius:var(--raio)}
.anuncio-cliup{background:#0B1B33}
.anuncio-cliup img{height:48px;width:auto}
.anuncio-cliup .anuncio-casa-btn{background:#1A73E8;color:#fff}
.anuncio-fotofesta{background:#1D1D24}
.anuncio-fotofesta img{width:140px;height:auto}
.anuncio-fotofesta .anuncio-casa-btn{background:#FF3D6E;color:#fff}
.aviso-marca{font:400 14px/1.5 var(--f-ui);background:var(--papel-suave);border-left:2px solid var(--acento-marca);padding:var(--e2);margin-bottom:var(--e3)}
.rotulo-marca{color:var(--cinza)}

/* ---------- lembrete de água ---------- */
.caixa-agua{display:grid;gap:var(--e3);border:1px solid var(--fio);border-radius:var(--raio);padding:var(--e3);background:var(--papel);margin-top:var(--e4)}
@media (min-width:1024px){.caixa-agua{grid-template-columns:5fr 7fr;align-items:center;padding:var(--e4)}}
.caixa-agua-destaque{border:2px solid var(--acento-marca)}
.caixa-agua h2{font-size:28px;line-height:1.15;margin:var(--e1) 0}
.caixa-agua-txt p{font:400 16px/1.5 var(--f-ui);color:var(--tinta-suave);margin:0}
.caixa-agua-campos{display:grid;gap:var(--e2)}
.caixa-agua input[type=email]{width:100%;font:400 18px/1.4 var(--f-ui);padding:12px var(--e2);border:1px solid var(--tinta);border-radius:var(--raio);background:var(--papel);color:var(--tinta)}
.caixa-agua .consent{display:flex;gap:var(--e1);align-items:flex-start;font:400 14px/1.4 var(--f-ui);color:var(--tinta-suave)}
.caixa-agua .consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--acento-marca)}
.caixa-agua .consent a{color:var(--acento);text-decoration:underline}
.caixa-agua button{justify-self:start;border:0;cursor:pointer}
.caixa-agua button:disabled{opacity:.6}
.agua-msg{font:600 14px/1.4 var(--f-ui);color:var(--tinta);margin:0;min-height:20px}
.bloco-especial{margin-top:var(--e4)}
.agua-nota{font:400 13px/1.4 var(--f-ui);color:var(--cinza);margin:0}
.caixa-agua input[type=number]{width:100%;font:400 18px/1.4 var(--f-ui);padding:12px var(--e2);border:1px solid var(--tinta);border-radius:var(--raio);background:var(--papel);color:var(--tinta)}

/* ---------- lembrete de água: visual próprio (Dr., 10/11: "merece um design melhor, falar que é grátis") ---------- */
.caixa-agua{background:linear-gradient(160deg,#EAF6FC 0%,#D4EDF9 100%);border:0;border-radius:12px;padding:var(--e4) var(--e3);position:relative;overflow:hidden}
@media (min-width:1024px){.caixa-agua{padding:var(--e5)}}
.caixa-agua-destaque{border:0;box-shadow:0 0 0 2px #3BA9E0}
.caixa-agua-txt{position:relative}
.agua-gota{width:44px;height:55px;display:block;margin-bottom:var(--e2)}
.selo-gratis{display:inline-block;background:var(--acento-marca);color:var(--tinta);font:600 14px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border-radius:999px}
.caixa-agua h2{font-size:32px;line-height:1.1;margin:var(--e2) 0 var(--e1);color:#0B3954}
@media (min-width:640px){.caixa-agua h2{font-size:40px}}
.caixa-agua-txt p{color:#16455F}
.agua-periodos{list-style:none;margin:var(--e3) 0 var(--e2);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e1)}
.agua-periodos li{background:#fff;border-radius:8px;padding:var(--e2) var(--e1);text-align:center}
.agua-periodos strong{display:block;font:600 16px/1.2 var(--f-ui);color:#0B3954}
.agua-periodos span{display:block;font:400 13px/1.3 var(--f-ui);color:#3E6E88;margin-top:4px}
.agua-garantia{font:600 14px/1.4 var(--f-ui)!important;color:#0B6E99!important;margin-top:var(--e1)!important}
.caixa-agua-campos{background:#fff;border-radius:10px;padding:var(--e3)}
.caixa-agua input[type=email],.caixa-agua input[type=number]{border-color:#9CCBE3}
.botao-agua{background:#0B6E99;color:#fff;width:100%;justify-content:center;min-height:52px;font-size:14px}
.botao-agua:hover{background:#08597C;color:#fff}
.caixa-agua .consent a{color:#0B6E99}

/* ---------- calculadora de alimentos ---------- */
.calc-alim-busca{display:grid;gap:var(--e1);background:var(--papel-suave);border-radius:var(--raio);padding:var(--e3);margin-bottom:var(--e3)}
.calc-alim-busca input{width:100%;font:400 18px/1.4 var(--f-ui);padding:12px var(--e2);border:1px solid var(--tinta);border-radius:var(--raio);background:var(--papel);color:var(--tinta)}
.calc-alim-busca .botao{justify-self:start;border:0;cursor:pointer;margin-top:var(--e1)}
.sugestoes{display:grid;gap:4px}
.sugestao{display:block;text-align:left;background:var(--papel);border:1px solid var(--fio);border-radius:var(--raio);padding:var(--e1) var(--e2);cursor:pointer;min-height:44px}
.sugestao:hover{border-color:var(--tinta)}
.sugestao strong{display:block;font:600 15px/1.3 var(--f-ui)}
.sugestao span{display:block;font:400 13px/1.3 var(--f-ui);color:var(--cinza)}
.tabela-rolagem{overflow-x:auto}
#refeicao{width:100%;border-collapse:collapse;font:400 15px/1.4 var(--f-ui)}
#refeicao th,#refeicao td{text-align:left;padding:var(--e1);border-bottom:1px solid var(--fio);vertical-align:middle}
#refeicao th{font-size:13px;color:var(--cinza)}
#refeicao td:nth-child(n+2){white-space:nowrap}
.tirar-btn{width:36px;height:36px;border:1px solid var(--fio);border-radius:50%;background:var(--papel);color:var(--tinta);font:600 20px/1 var(--f-ui);cursor:pointer}
.tirar-btn:hover{border-color:var(--tinta)}
/* no celular a tabela vira lista: nada cortado */
@media (max-width:639px){#refeicao thead{display:none}#refeicao tr{display:grid;grid-template-columns:1fr auto;gap:2px var(--e1);padding:var(--e1) 0;border-bottom:1px solid var(--fio)}#refeicao td{border:0;padding:2px 0}#refeicao td:first-child{grid-column:1/2;font-weight:600}#refeicao td:last-child{grid-column:2;grid-row:1/span 5;align-self:center}#refeicao td:nth-child(2)::before{content:'Quantidade: '}#refeicao td:nth-child(3)::before{content:'Calorias: '}#refeicao td:nth-child(4)::before{content:'Proteína (g): '}#refeicao td:nth-child(5)::before{content:'Carboidrato (g): '}#refeicao td:nth-child(6)::before{content:'Gordura (g): '}#refeicao td:nth-child(n+2){font-size:14px;color:var(--tinta-suave)}}
.nutri-grade{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--e1)}
@media (min-width:640px){.nutri-grade{grid-template-columns:repeat(4,1fr)}}
.nutri{background:var(--papel-suave);border-radius:var(--raio);padding:var(--e2)}
.nutri strong{display:block;font:600 22px/1.2 var(--f-display);color:var(--tinta)}
.nutri span{display:block;font:400 13px/1.3 var(--f-ui);color:var(--cinza)}

/* celular: só o botão de menu, como o g1 (Dr., 10/11: "versão celular com 2 menus?") */
@media (max-width:639px){.secoes{display:none}}

/* serviços: ícone e botão que convida ao clique (10/11) */
.serv-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#FBF3D6;color:var(--acento-escuro);margin-bottom:var(--e2)}
.serv-btn{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:10px 16px;border-radius:999px;background:var(--tinta);color:#fff;font:600 14px/1 var(--f-ui);transition:background .15s,transform .15s}
.bloco-especial-item>span:not(.serv-ico):not(.serv-btn),.grade-servicos p{margin-bottom:var(--e3)}
.bloco-especial-item:hover .serv-btn,.grade-servicos a:hover .serv-btn,.bloco-especial-item:focus-visible .serv-btn,.grade-servicos a:focus-visible .serv-btn{background:var(--acento-escuro)}
.bloco-especial-item:hover .serv-btn svg,.grade-servicos a:hover .serv-btn svg{transform:translateX(3px)}
.serv-btn svg{transition:transform .15s}
@media (prefers-reduced-motion:reduce){.serv-btn,.serv-btn svg{transition:none}}

/* Pele e clima hoje (10/11) */
.clima{border:1px solid var(--fio);border-radius:var(--raio);padding:var(--e3);margin-bottom:var(--e4);background:var(--papel)}
.clima .titulo-secao{margin-top:0}
.clima-local{font:600 13px/1.2 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--acento);margin:0 0 var(--e2)}
.clima-dados{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e2);margin:0 0 var(--e3)}
.clima-dados div{background:#FBF3D6;border-radius:var(--raio);padding:10px 8px;text-align:center}
.clima-dados dt{font:400 12px/1.2 var(--f-ui);color:var(--cinza)}
.clima-dados dd{margin:4px 0 0;font:600 18px/1.2 var(--f-ui);color:var(--tinta)}
.clima-dicas{margin:0 0 var(--e2);padding-left:18px;font:400 15px/1.45 var(--f-ui)}
.clima-dicas li{margin-bottom:6px}
.clima-msg:empty{display:none}
.clima-msg,.clima-fonte{font:400 13px/1.4 var(--f-ui);color:var(--cinza);margin:var(--e2) 0 0}

/* ===== anúncio animado do Cliup (Codex, 10/11) ===== */
/* Carregar depois de anuncio-atual.css. Estado final visível por padrão.
   Laço de 8 s: agenda, ficha, aprovação, estoque, nota, título e CTA.
   As consultas usam a largura do anúncio, inclusive numa coluna lateral. */
.anuncio-cliup,
.anuncio-cliup *,
.anuncio-cliup *::before,
.anuncio-cliup *::after { box-sizing: border-box; }

.anuncio-cliup.anuncio-casa {
  display: block;
  container: cliup-anuncio / inline-size;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 250px;
  padding: 20px;
  border: 0;
  border-radius: var(--raio, 6px);
  background: #0B1B33;
  color: #fff;
  font-family: var(--f-ui, "Source Sans 3"), "Source Sans 3", sans-serif;
  text-align: left;
  text-decoration: none;
  -webkit-tap-highlight-color: #1A73E833;
}
.anuncio-cliup.anuncio-casa:hover { color: #fff; }
.anuncio-cliup:focus-visible { outline: 3px solid #1A73E8; outline-offset: 4px; }
.anuncio-cliup .anuncio-cliup-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.anuncio-cliup .anuncio-cliup-conteudo { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.anuncio-cliup .anuncio-cliup-marca { display: block; line-height: 0; }
.anuncio-cliup .anuncio-cliup-marca img { display: block; width: 114px; max-width: 100%; height: auto; }
.anuncio-cliup .anuncio-cliup-titulo { display: block; margin: 0; font-size: 24px; font-weight: 600; line-height: 1.12; letter-spacing: -0.025em; overflow-wrap: anywhere; }
.anuncio-cliup .anuncio-cliup-titulo > span { color: #A9D1FF; }
.anuncio-cliup .anuncio-cliup-botao {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 100%;
  min-height: 44px;
  overflow: hidden;
  padding: 10px 16px;
  border: 1px solid #A9D1FF;
  border-radius: var(--raio, 6px);
  background: #1A73E8;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.anuncio-cliup .anuncio-cliup-botao::after { content: ""; position: absolute; inset: -50% auto -50% -60%; z-index: -1; width: 40%; background: linear-gradient(100deg, transparent, #ffffff30, transparent); opacity: 0; transform: translateX(0) skewX(-16deg); pointer-events: none; }
.anuncio-cliup:hover .anuncio-cliup-botao,
.anuncio-cliup:focus-visible .anuncio-cliup-botao { border-color: #fff; }
.anuncio-cliup .anuncio-cliup-tela { align-self: center; width: 100%; min-width: 0; overflow: hidden; border: 1px solid #466182; border-radius: var(--raio, 6px); background: #102642; color: #fff; font-size: 12px; line-height: 1.3; }
.anuncio-cliup .anuncio-cliup-barra { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid #466182; font-weight: 600; }
.anuncio-cliup .anuncio-cliup-sinal { flex: 0 0 8px; height: 8px; border-radius: 50%; background: #A9D1FF; }
.anuncio-cliup .anuncio-cliup-hoje { margin-left: auto; color: #B9CEE8; font-size: 11px; font-weight: 400; }
.anuncio-cliup .anuncio-cliup-fluxo { display: grid; gap: 4px; padding: 8px; }
.anuncio-cliup .anuncio-cliup-etapa { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 6px; min-width: 0; min-height: 27px; padding: 4px; border-radius: var(--raio, 6px); background: #193553; opacity: 1; transform: none; }
.anuncio-cliup .anuncio-cliup-icone { display: flex; color: #A9D1FF; }
.anuncio-cliup .anuncio-cliup-icone svg { display: block; width: 18px; height: 18px; }
.anuncio-cliup .anuncio-cliup-rotulo { min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.anuncio-cliup .anuncio-cliup-dado { display: inline-flex; align-items: center; gap: 3px; color: #C8DDF5; font-size: 10px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.anuncio-cliup .anuncio-cliup-ponto { width: 5px; height: 5px; margin-left: 3px; border-radius: 50%; background: #A9D1FF; }
.anuncio-cliup .anuncio-cliup-aprovado { color: #fff; }
.anuncio-cliup .anuncio-cliup-tique { width: 12px; height: 12px; opacity: 1; transform: none; }
.anuncio-cliup .anuncio-cliup-quantidade { display: inline-grid; min-width: 14px; }
.anuncio-cliup .anuncio-cliup-quantidade > span { grid-area: 1 / 1; }
.anuncio-cliup .anuncio-cliup-antes { opacity: 0; }
.anuncio-cliup .anuncio-cliup-depois { opacity: 1; }
.anuncio-cliup .anuncio-cliup-emitida { opacity: 1; transform: none; }
.anuncio-cliup .anuncio-cliup-rodape { padding: 4px 12px 10px; color: #B9CEE8; font-size: 10px; }

/* 520 px de conteúdo + 40 px de padding = anúncio com 560 px.
   Sem suporte a container queries, a coluna única continua completa. */
@container cliup-anuncio (min-width: 520px) {
  .anuncio-cliup .anuncio-cliup-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 28px; }
  .anuncio-cliup .anuncio-cliup-titulo { font-size: 26px; }
}

/* Animar somente transform e opacity. Nenhum delay: todas as etapas
   compartilham o mesmo relógio, inclusive o retorno suave ao começo. */
@media (prefers-reduced-motion: no-preference) {
  .anuncio-cliup .anuncio-cliup-agenda { animation: cliup-agenda 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-ficha { animation: cliup-ficha 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-orcamento { animation: cliup-orcamento 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-tique { animation: cliup-tique 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-estoque { animation: cliup-estoque 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-antes { animation: cliup-quantidade-antes 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-depois { animation: cliup-quantidade-depois 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-nota { animation: cliup-nota 8s ease-in-out infinite; }
  .anuncio-cliup .anuncio-cliup-emitida { animation: cliup-emissao 8s ease-in-out infinite; }
  /* título e botão ficam sempre visíveis (10/11): o anúncio não pode passar a maior parte do laço vazio */
  .anuncio-cliup .anuncio-cliup-botao::after { animation: cliup-brilho 8s ease-in-out infinite; }
  /* Ao interagir, a mensagem e o destino ficam imediatamente legíveis. */
  .anuncio-cliup:is(:hover, :focus-visible) .anuncio-cliup-titulo,
  .anuncio-cliup:is(:hover, :focus-visible) .anuncio-cliup-botao { animation: none; }
}
@keyframes cliup-agenda { 0%, 4%, 100% { opacity: 0; transform: translateY(5px); } 8%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-ficha { 0%, 17%, 100% { opacity: 0; transform: translateY(5px); } 21%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-orcamento { 0%, 30%, 100% { opacity: 0; transform: translateY(5px); } 34%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-tique { 0%, 34%, 100% { opacity: 0; transform: scale(.88); } 38%, 94% { opacity: 1; transform: scale(1); } }
@keyframes cliup-estoque { 0%, 43%, 100% { opacity: 0; transform: translateY(5px); } 47%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-quantidade-antes { 0%, 48% { opacity: 1; transform: none; } 52%, 100% { opacity: 0; transform: translateY(-4px); } }
@keyframes cliup-quantidade-depois { 0%, 48%, 100% { opacity: 0; transform: translateY(4px); } 52%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-nota { 0%, 56%, 100% { opacity: 0; transform: translateY(5px); } 60%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-emissao { 0%, 60%, 100% { opacity: 0; transform: translateY(4px); } 64%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-titulo { 0%, 64%, 100% { opacity: 0; transform: translateY(4px); } 69%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-botao { 0%, 70%, 100% { opacity: 0; transform: translateY(4px); } 75%, 94% { opacity: 1; transform: none; } }
@keyframes cliup-brilho { 0%, 76% { opacity: 0; transform: translateX(0) skewX(-16deg); } 79% { opacity: .7; } 87%, 100% { opacity: 0; transform: translateX(450%) skewX(-16deg); } }

@media (prefers-reduced-motion: reduce) {
  .anuncio-cliup *, .anuncio-cliup *::before, .anuncio-cliup *::after { animation: none !important; }
}


/* Ativos que combinam (10/11) */
.ativos-escolha{display:grid;gap:var(--e1);max-width:480px}
.ativos-escolha select{font:400 17px/1.3 var(--f-ui);padding:12px;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);color:var(--tinta)}
.ativos-escolha .botao{margin-top:var(--e2);justify-self:start}
.selo-ativo{display:inline-block;font:600 12px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px;white-space:nowrap}
.selo-combina{background:#E3F2E6;color:#1E5B2B}
.selo-cuidado{background:#FBF3D6;color:#6E5600}
.selo-separar{background:#FBE6E1;color:#8A2F1D}
#resultado-ativos h3{margin:var(--e2) 0 var(--e1)}
.ativo-como{font-weight:600}
.ativo-cuidado{border-left:3px solid var(--acento-marca);padding-left:var(--e2);color:var(--tinta)}
.tabela-ativos{border-collapse:collapse;width:100%;font:400 15px/1.45 var(--f-ui)}
.tabela-ativos th,.tabela-ativos td{border-bottom:1px solid var(--fio);padding:10px 8px;text-align:left;vertical-align:top}
.tabela-ativos td:first-child{font-weight:600;min-width:150px}
.tabela-ativos td:last-child{min-width:240px}
.fontes{font:400 15px/1.5 var(--f-ui)}