/* plugin-13-cms-studio — CSS-base genérico. Identidade vem só dos tokens (papéis) injetados em :root. */
:root{--mut:color-mix(in srgb,var(--texto) 76%,var(--fundo));--linha:color-mix(in srgb,var(--texto) 16%,var(--fundo));--raio:4px;--w:1440px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 18px/1.5 var(--f-texto)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--acento);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.w{max-width:var(--w);margin:0 auto;padding:0 48px}
.t{font-family:var(--f-titulo);font-weight:600;font-variation-settings:"opsz" var(--opsz-titulo,36),"wght" 600;color:var(--marca)}
.k{font:600 13px/1.2 var(--f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--acento-texto)}
.more{font:600 15px var(--f-texto);color:var(--marca);text-decoration:underline;text-underline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{display:inline-block;background:var(--marca);color:var(--fundo);font:600 15px/1 var(--f-texto);padding:13px 18px;border-radius:3px;border:1px solid var(--marca);cursor:pointer;text-align:center}
.btn.claro{background:var(--fundo);color:var(--marca);border-color:var(--fundo)}
.btn.contorno{background:#fff;color:var(--marca)}
/* ── selo de conteúdo comercial: SEMPRE visível ── */
.selo{display:inline-block;font:600 13px/1.2 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--marca);border:1px solid var(--marca);background:#fff;padding:6px 8px;border-radius:2px;margin:0 0 12px}
.faixa-rascunho{background:#FFF3CD;color:#5c4400;font:600 13px/1.3 var(--f-texto);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:9px 16px;border-bottom:1px solid #e6d28a}
.faixa-patro{background:var(--marca);color:var(--fundo);font:600 13px/1.3 var(--f-texto);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:9px 16px}
/* ── moldura ── */
/* ── cabeçalho compacto: logo · editorias · busca + newsletter; faixa fina com dia e indicadores ── */
.topo{background:var(--fundo)}
.topo-l1{display:flex;align-items:center;gap:32px;padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--linha)}
.topo .logo{flex:none}.topo .logo img{height:44px;width:auto}
.topo nav.ed{flex:1;display:flex;justify-content:safe center;gap:30px;overflow-x:auto;scrollbar-width:none}
/* tela média (notebook pequeno, tablet deitado): o menu inteiro não cabe ao lado da marca e das ações — ganha linha própria,
   em vez de cortar editorias dos dois lados (visto em 1024px, 01/10/2026) */
@media (min-width:761px) and (max-width:1300px){
  .hero .agora .mini{float:none;width:100%;aspect-ratio:16/9;margin:0 0 10px}
  .topo-l1{flex-wrap:wrap;row-gap:10px}.topo .acoes{margin-left:auto}
  .topo nav.ed{order:3;flex-basis:100%;border-top:1px solid var(--linha);padding-top:12px}
}
.topo nav.ed a{font:600 14px var(--f-texto);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.topo .acoes{display:flex;align-items:center;gap:24px;flex:none}.topo .acoes .btn{letter-spacing:.06em;text-transform:uppercase;font-size:14px}
.util{border-bottom:1px solid var(--linha);background:color-mix(in srgb,var(--apoio) 35%,var(--fundo))}
.util .w{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px;font:600 13px var(--f-texto);letter-spacing:.12em;text-transform:uppercase}
.ind{display:flex;gap:22px;letter-spacing:.04em;text-transform:none;font-weight:400;color:var(--mut);white-space:nowrap;overflow:hidden}
.ind[hidden],.ind .i[hidden]{display:none}
.ind b{color:var(--texto);font-weight:600;margin-left:6px}
.ind small{font-size:11px;margin-left:5px;color:var(--mut);letter-spacing:.02em}
.ico{width:22px;height:22px;stroke:var(--texto);fill:none;stroke-width:1.7}
.crumb{font:400 14px var(--f-texto);color:var(--mut)}
.w.crumb{padding-top:20px}
.crumb a{text-decoration:underline;text-underline-offset:3px}
footer.rod{background:var(--marca);color:color-mix(in srgb,var(--fundo) 85%,var(--marca));margin-top:48px}
footer.rod .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:30px;padding-bottom:24px;font-size:15px}
footer.rod img{height:40px;width:auto}
footer.rod h4{font:600 13px var(--f-texto);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;color:var(--fundo)}
footer.rod ul{list-style:none;margin:0;padding:0}footer.rod li{padding:3px 0}
footer.rod nav{display:flex;flex-wrap:wrap;gap:8px 24px}
footer.rod .aviso{flex-basis:100%;margin:0;border-top:1px solid color-mix(in srgb,var(--fundo) 25%,var(--marca));padding-top:16px;font-size:14px}
.ph{background:linear-gradient(135deg,var(--marca),color-mix(in srgb,var(--marca) 55%,var(--fundo)) 55%,var(--acento))}
/* ── home ── */
.hero{display:grid;grid-template-columns:minmax(0,1.75fr) 1fr;gap:32px;padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--linha)}
.hero .img{aspect-ratio:16/9;object-fit:cover;width:100%}
.hero h1{font-size:52px;line-height:1.06;margin:14px 0 10px;letter-spacing:-.4px}
.hero p{font-size:20px;line-height:1.45;margin:0 0 14px;color:var(--mut)}
.agora{border-left:1px solid var(--linha);padding-left:28px}
.agora h2{font-size:32px;margin:0 0 8px}
.agora a{display:grid;grid-template-columns:1fr 20px;gap:8px;padding:16px 0;border-bottom:1px solid var(--linha)}
.agora h3{font-size:22px;line-height:1.2;margin:8px 0 6px}.agora p{margin:0;font-size:16px;color:var(--mut)}
.agora a.com-img{display:block;position:relative;padding-right:32px}.agora a.com-img::after{content:"";display:table;clear:both}
.agora a.com-img .arr{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.agora .mini{float:left;width:120px;aspect-ratio:1/1;object-fit:cover;margin:6px 18px 8px 0}   /* o resumo corre por baixo da foto: sem vão (Leo, 02/10) */
.agora .mini.ph{background:var(--linha)}
.arr{align-self:center;color:var(--acento);font-size:20px}
.sec{padding-top:36px;padding-bottom:36px;border-bottom:1px solid var(--linha)}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px}
.sec-h h2{font-size:36px;margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.card .img{aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:14px}
.card h3{font-size:24px;line-height:1.2;margin:8px 0}.card p{font-size:16px;color:var(--mut);margin:0 0 10px}
.card.patro{background:#fff;border:1px solid var(--linha);padding-bottom:16px}.card.patro>*:not(.img){margin-left:16px;margin-right:16px}
.duas{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr;gap:40px}
.lista li{list-style:none;padding:14px 0;border-bottom:1px solid var(--linha)}.lista ul{margin:0;padding:0}
.lista h3{font-size:21px;line-height:1.25;margin:6px 0 4px}.lista small{font-size:14px;color:var(--mut)}
.rank{margin:0;padding:0;counter-reset:r}
.rank li{list-style:none;display:grid;grid-template-columns:34px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--linha)}
.rank li::before{counter-increment:r;content:counter(r);font:600 28px/1 var(--f-titulo);color:var(--acento)}
.rank a{font:600 17px/1.35 var(--f-titulo)}
.imo{display:grid;grid-template-columns:minmax(0,1.4fr) 1fr;gap:28px}
.imo .big .img{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:14px}.imo .big h3{font-size:32px;line-height:1.15;margin:8px 0}
.imo .lst a{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--linha)}
.imo .lst .img{aspect-ratio:4/3;object-fit:cover;width:100%}.imo .lst h3{font-size:19px;line-height:1.25;margin:6px 0 0}
.news{background:var(--marca);color:var(--fundo)}
.news .w{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-top:40px;padding-bottom:40px}
.news h2{font-size:40px;color:var(--fundo);margin:0 0 8px}.news p{margin:0;opacity:.9}
.news input{font:400 16px var(--f-texto);padding:13px;border:0;border-radius:3px;background:#fff;color:var(--texto);width:100%}
.temas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tema{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;display:grid;grid-template-columns:44px 1fr;gap:14px}
.tema-ico{width:34px;height:34px;stroke:var(--acento);fill:none;stroke-width:1.6}
.tema h3{font-size:22px;margin:0 0 4px}.tema p{font-size:15px;color:var(--mut);margin:0}
/* ── peça ── */
.peca{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-top:12px;padding-bottom:40px}
.peca.imersiva{grid-template-columns:minmax(0,1040px);justify-content:center}
/* imersivo: cabeçalho largo (selo, título, linha fina, autor, foto); texto corrido a 720px (55–75 caracteres por linha) */
.peca.imersiva .corpo,.peca.imersiva .fontes,.peca.imersiva .aviso-legal,.peca.imersiva .tags,.peca.imersiva .autor-bio{max-width:720px;margin-left:auto;margin-right:auto}
.w.crumb.imersiva{max-width:calc(1040px + 96px)}
.peca h1{font-size:50px;line-height:1.08;margin:10px 0 12px;letter-spacing:-.4px}
.dek{font-size:21px;line-height:1.45;color:var(--mut);margin:0 0 14px}
.meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--mut);padding:10px 0;border-bottom:1px solid var(--linha);margin-bottom:20px}
.meta b{color:var(--texto)}
.share{display:flex;gap:14px}.share a{display:inline-flex}
figure.destaque{margin:0 0 22px}figure.destaque img{width:100%;aspect-ratio:16/9;object-fit:cover}
figcaption{font-size:14px;color:var(--mut);margin-top:8px}figcaption a{text-decoration:underline}
.corpo figure{margin:26px 0}.corpo figure img{width:100%;border-radius:4px}
.corpo{overflow-wrap:break-word}.corpo p{margin:0 0 16px}.corpo p a,.corpo li a{text-decoration:underline;text-underline-offset:3px}
.corpo h2{font:600 30px/1.2 var(--f-titulo);color:var(--marca);margin:34px 0 12px}
.corpo h2 .n{margin-right:8px}
.corpo blockquote{margin:26px 0;padding-left:22px;border-left:3px solid var(--acento);font:600 26px/1.35 var(--f-titulo);color:var(--marca)}
.corpo blockquote cite{display:block;font:400 14px var(--f-texto);color:var(--mut);margin-top:8px}
.corpo dl dt{font-weight:600;color:var(--marca);margin-top:18px}.corpo dl dd{margin:6px 0 0}
.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;padding:0;list-style:none}
.numeros li{background:#fff;border:1px solid var(--linha);border-top:3px solid var(--acento);border-radius:var(--raio);padding:16px;font-size:14px;color:var(--mut)}
.numeros b{display:block;font:600 30px var(--f-titulo);color:var(--acento)}
.fonte-nota{font-size:14px;color:var(--mut)}
.cta{border:1px solid var(--linha);background:#fff;border-radius:var(--raio);padding:20px 22px;margin:26px 0}
.cta h3{font:600 24px/1.2 var(--f-titulo);color:var(--marca);margin:6px 0 4px}.cta p{margin:0 0 14px;font-size:16px;color:var(--mut)}
.cta.escuro{background:var(--marca);border-color:var(--marca);color:var(--fundo)}.cta.escuro h3{color:var(--fundo)}.cta.escuro p{color:var(--fundo);opacity:.9}
.cta.escuro .k{color:color-mix(in srgb,var(--acento) 55%,var(--fundo))}
.cta.bloco-b{background:var(--apoio);border-color:color-mix(in srgb,var(--apoio) 80%,var(--texto))}
.cta form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.cta input,.cta select{font:400 16px var(--f-texto);padding:12px;border:1px solid var(--linha);border-radius:3px;background:#fff;color:var(--texto);width:100%}
.cta .acoes{display:flex;gap:10px;flex-wrap:wrap}
.cta small.aviso-com{display:block;margin-top:10px;font-size:14px;color:var(--mut)}
.cta.escuro small.aviso-com{color:var(--fundo);opacity:.8}
.fontes{font-size:14px;color:var(--mut);border-top:1px solid var(--linha);padding-top:14px;margin-top:24px}
.fontes a{text-decoration:underline}
.aviso-legal{font-size:14px;color:var(--mut);border-top:1px solid var(--linha);padding-top:14px;margin-top:20px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tags a{font:600 14px var(--f-texto);border:1px solid var(--linha);background:#fff;border-radius:999px;padding:7px 12px;color:var(--marca)}
aside .fixo{position:sticky;top:16px}
.caixa{border:1px solid var(--linha);background:#fff;border-radius:var(--raio);padding:20px;margin-bottom:18px}
.caixa h4{font:600 24px var(--f-titulo);color:var(--marca);margin:0 0 12px}
.toc{margin:0;padding:0 0 0 22px}.toc li{padding:5px 0;font-size:16px}.toc li::marker{color:var(--acento-texto);font-weight:600}
.toc a{text-decoration:underline;text-decoration-color:var(--linha);text-underline-offset:3px}
.toc-m{display:none;border:1px solid var(--linha);background:#fff;border-radius:var(--raio);padding:14px 16px;margin:0 0 20px}
.toc-m summary{font:600 20px var(--f-titulo);color:var(--marca);cursor:pointer}
.pontos>div{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:8px 0}
.pontos b{font:600 17px var(--f-titulo);color:var(--marca)}.pontos p{margin:2px 0 0;font-size:15px;color:var(--mut)}
.pontos .dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--acento);margin-top:6px}
.autor-bio{display:flex;gap:14px;align-items:center;border:1px solid var(--linha);background:#fff;padding:16px;border-radius:var(--raio);margin:20px 0}
.nota-transp{font-size:14px;color:var(--mut);background:color-mix(in srgb,var(--apoio) 45%,var(--fundo));border-left:3px solid var(--marca);padding:10px 14px;margin:-8px 0 20px}
img.av{object-fit:cover}
.av{width:48px;height:48px;border-radius:50%;background:var(--marca);color:var(--fundo);display:grid;place-items:center;font:600 16px var(--f-titulo);flex:none}
.continue{border-top:1px solid var(--linha);padding-top:30px}
.continue .g{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.continue a.c{display:grid;grid-template-columns:200px 1fr;gap:16px}.continue .img{aspect-ratio:4/3;object-fit:cover;width:100%}
.continue h3{font-size:22px;line-height:1.2;margin:6px 0}
.barra-cta{display:none}
.busca input{font:400 18px var(--f-texto);padding:14px;width:100%;border:1px solid var(--linha);border-radius:3px}
.resultados a{display:block;padding:14px 0;border-bottom:1px solid var(--linha)}
/* ── celular ── */
@media (max-width:760px){
  .w{padding-left:20px;padding-right:20px}
  .util .dia{display:none}.ind{overflow-x:auto;scrollbar-width:none;gap:18px}.ind::-webkit-scrollbar{display:none}
  .topo-l1{flex-wrap:wrap;gap:12px 16px}.topo .logo img{height:34px}.topo .acoes{margin-left:auto}.topo .acoes .btn{display:none}
  .topo nav.ed{order:3;flex-basis:100%;justify-content:flex-start;gap:22px}
  .hero,.cards,.duas,.imo,.news .w,.temas,.peca,.continue .g,.numeros{grid-template-columns:minmax(0,1fr)}
  .agora{border-left:0;padding-left:0}
  .hero .agora .mini{float:left;width:88px;aspect-ratio:1/1;margin:4px 14px 6px 0}
  .hero h1,.peca h1{font-size:34px}.dek{font-size:18px}.sec-h h2{font-size:30px}.news h2{font-size:32px}
  aside{display:none}.toc-m{display:block}
  .continue a.c{grid-template-columns:110px 1fr}
  .corpo blockquote{font-size:22px}
  .barra-cta{display:flex;position:sticky;bottom:0;z-index:5;background:var(--marca);color:var(--fundo);padding:10px 16px;gap:10px;align-items:center;justify-content:space-between;font:600 14px var(--f-texto)}
  .barra-cta .btn{background:var(--fundo);color:var(--marca);padding:10px 14px}
}
/* formulários de lead (W3) */
.form-lead .consent,.form-lead .form-msg,.form-lead>button{grid-column:1/-1}
.form-lead.news-form{grid-template-columns:1fr auto}
.form-lead.news-form>button{grid-column:auto}
.form-lead .consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;cursor:pointer}
.form-lead .consent input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--acento)}
.form-lead .form-msg{margin:0;font-size:15px;min-height:0}
.form-lead .form-msg:empty{display:none}
.form-lead .form-msg.erro{color:#b3261e;font-weight:600}
.cta.escuro .form-lead .form-msg.erro,.news .form-lead .form-msg.erro{color:var(--fundo);text-decoration:underline}
.form-lead .form-msg.ok{font-weight:600}
.form-lead.enviado input,.form-lead.enviado select,.form-lead.enviado button,.form-lead.enviado .consent{display:none}
.form-lead button:disabled{opacity:.6;cursor:wait}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--marca);color:var(--fundo);padding:14px 0}
.consent-banner .w{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.consent-banner p{margin:0;flex:1 1 320px;font-size:15px}
/* tabela e perguntas no corpo (conceito do advertorial v2) */
.corpo .tabela{overflow-x:auto;margin:24px 0}
.corpo table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:1.45}
.corpo th,.corpo td{border:1px solid var(--linha);padding:10px 12px;text-align:left;vertical-align:top}
.corpo th{background:var(--apoio);color:var(--marca);font-weight:600}
.corpo .duvidas details{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px;margin:8px 0}
.corpo .duvidas summary{font:600 17px var(--f-texto);color:var(--marca);cursor:pointer}
.corpo .duvidas details p{font-size:16px;line-height:1.6;margin:10px 0 0}
@media (max-width:640px){.corpo table{font-size:14px}.corpo th,.corpo td{padding:8px}}
/* bloco de oferta no corpo (advertorial A1: o que você recebe + preço + garantia) */
.corpo .oferta{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;background:#fff;border:1px solid var(--linha);border-top:4px solid var(--acento);border-radius:var(--raio);padding:24px;margin:30px 0}
.corpo .oferta img{width:100%;height:auto}
.corpo .oferta h3{font:600 24px/1.2 var(--f-titulo);color:var(--marca);margin:0 0 10px}
.corpo .oferta ul{list-style:none;padding:0;margin:0 0 14px}
.corpo .oferta li{padding:5px 0 5px 26px;position:relative;font-size:16px}
.corpo .oferta li:before{content:"✓";position:absolute;left:0;color:var(--acento);font-weight:700}
.corpo .oferta .preco{font:600 34px var(--f-titulo);color:var(--marca);margin:6px 0 2px}
.corpo .oferta .preco small{display:block;font:400 14px var(--f-texto);color:var(--mut)}
@media (max-width:640px){.corpo .oferta{grid-template-columns:minmax(0,1fr)}.corpo .oferta img{max-width:180px;margin:0 auto}}
/* depoimentos no corpo (advertorial) */
.corpo .depoimentos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.corpo .depoimentos figure{margin:0;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px}
.corpo .depoimentos img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.corpo .depoimentos blockquote{border:0;padding:0;margin:10px 0;font:400 16px/1.55 var(--f-texto);color:var(--texto)}
.corpo .depoimentos figcaption b{display:block;color:var(--marca)}
.corpo .oferta .preco s{font-size:20px;color:var(--mut);margin-right:8px}
@media (max-width:640px){.corpo .depoimentos{grid-template-columns:minmax(0,1fr)}}
/* páginas institucionais: faixa de título + navegação entre elas + leitura confortável */
.inst-topo{background:var(--apoio);border-bottom:1px solid var(--linha);padding:56px 0 44px}
.inst-topo .w{max-width:calc(220px + 64px + 720px + 96px)}
.inst-kicker{font:700 12px/1 var(--f-texto);letter-spacing:2px;text-transform:uppercase;color:var(--acento);margin:0 0 14px}
.inst-topo h1{font-size:52px;line-height:1.06;letter-spacing:-.4px;margin:0 0 14px;max-width:820px}
.inst-topo .dek{max-width:720px;margin:0 0 10px}
.inst-data{font-size:14px;color:var(--mut);margin:0}
.inst{display:grid;grid-template-columns:220px minmax(0,720px);gap:64px;max-width:calc(220px + 64px + 720px + 96px);padding-top:44px;padding-bottom:72px}
.inst-nav{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;border-left:1px solid var(--linha)}
.inst-nav a{padding:9px 0 9px 18px;margin-left:-1px;border-left:2px solid transparent;font-size:15px;color:var(--mut);text-decoration:none}
.inst-nav a:hover{color:var(--marca)}
.inst-nav a[aria-current=page]{border-left-color:var(--acento);color:var(--marca);font-weight:600}
.inst-corpo{font-size:18px;line-height:1.7}
.inst-corpo h2{font-size:26px;margin:40px 0 12px}
.inst-corpo h2:first-child{margin-top:0}
.inst-corpo ul{padding-left:22px;margin:0 0 18px}.inst-corpo li{margin:0 0 10px}
@media (max-width:900px){
  .inst-topo{padding:36px 0 28px}.inst-topo h1{font-size:36px}
  .inst{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}
  .inst-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;border-left:0}
  .inst-nav a{padding:7px 12px;margin:0;border:1px solid var(--linha);border-radius:999px;font-size:14px;background:#fff}
  .inst-nav a[aria-current=page]{border-color:var(--marca);background:var(--marca);color:#fff}
  .inst-corpo{font-size:17px}
}
.inst-form{background:#fff;border:1px solid var(--linha);border-top:4px solid var(--acento);border-radius:var(--raio);padding:28px;margin:8px 0 32px}
.inst-form h2{margin-top:0}
.form-lead.form-contato{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:none}
.form-contato select,.form-contato textarea,.form-contato .consent,.form-contato .form-msg{grid-column:1/-1}
.form-contato input,.form-contato select,.form-contato textarea{width:100%;font:400 16px/1.5 var(--f-texto);padding:12px 14px;border:1px solid var(--linha);border-radius:var(--raio);background:#fff;color:var(--texto)}
.form-contato textarea{resize:vertical;min-height:150px}
.form-contato .btn{justify-self:start}
@media (max-width:640px){.form-lead.form-contato{grid-template-columns:minmax(0,1fr)}.inst-form{padding:20px}}

/* formulário de UM campo (ex.: newsletter dentro da matéria): e-mail e botão na mesma linha, aceite embaixo — antes o
   campo ficava estreito e o botão ocupava a largura toda (Leo, 01/10: "tá feio esse CTA") */
.form-lead.uma-linha{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;max-width:640px}
.form-lead.uma-linha>button{grid-column:auto;order:1;white-space:nowrap;padding-left:28px;padding-right:28px}
.form-lead.uma-linha>input{order:0}
.form-lead.uma-linha .consent{order:2}
.form-lead.uma-linha .form-msg{order:3}
@media (max-width:640px){.form-lead.uma-linha{grid-template-columns:minmax(0,1fr)}.form-lead.uma-linha>button{order:2}.form-lead.uma-linha .consent{order:1}}

/* nota de correção/atualização no fim da matéria (regra: erro se corrige na própria peça, com data — nunca em silêncio) */
.corpo .nota-correcao{margin:28px 0 0;padding:12px 16px;border-left:3px solid var(--acento);background:color-mix(in srgb,var(--apoio) 45%,var(--fundo));font-size:15px;color:var(--mut)}
/* títulos menores na fonte de título: eixo óptico próprio (traço mais robusto) — valores vêm dos tokens do site.
   No FIM do arquivo de propósito: o atalho `font:` das regras acima zera font-variation-settings. */
.rank li::before,.rank a,.corpo h2,.corpo blockquote,.numeros b,.cta h3,.caixa h4,.toc-m summary,.pontos b,.av,.corpo .oferta h3,.corpo .oferta .preco{font-variation-settings:"opsz" var(--opsz-menor,36),"wght" 600}
/* página do link da bio (Instagram): cada post abre a matéria */
.bio-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:18px}
.bio-post{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--texto)}
.bio-post img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--raio,4px);background:var(--apoio)}
.bio-post .t{font-size:15px;line-height:1.3}
/* calculadora de financiamento (biblioteca de widgets, W10b) */
/* CTA em cartão, banner e arte pronta (W10b) — cores só dos tokens do site */
.cta.cartao{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:0;padding:0;overflow:hidden}
.cta.cartao .cartao-img img{display:block;width:100%;height:100%;object-fit:cover;min-height:180px}
.cta.cartao .tx{padding:18px 20px}
.cta .cred{display:block;font-size:12px;color:var(--mut);margin-top:8px}
.cta.banner,.cta.arte{padding:0;border:0;background:none;overflow:hidden}
.cta.banner .banner-link,.cta.banner summary,.cta.arte .banner-link,.cta.arte summary{display:block;position:relative;color:inherit;text-decoration:none;cursor:pointer;list-style:none;border-radius:var(--raio);overflow:hidden}
.cta.banner summary::-webkit-details-marker,.cta.arte summary::-webkit-details-marker{display:none}
.cta.banner img,.cta.arte img{display:block;width:100%;height:auto}
.cta.banner img{aspect-ratio:16/7;object-fit:cover}
.cta.banner .ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;padding:18px 20px;
  background:linear-gradient(to top,color-mix(in srgb,var(--marca) 88%,transparent),color-mix(in srgb,var(--marca) 10%,transparent) 75%);color:var(--fundo)}
.cta.banner .ov strong{font:600 24px/1.15 var(--f-titulo)}
.cta.banner .ov .t{font-size:15px;opacity:.92;max-width:46ch}
.cta.banner .ov .selo{background:var(--fundo);color:var(--marca);margin:0 0 4px}
.cta.banner .ov .btn{background:var(--fundo);color:var(--marca);border-color:var(--fundo)}
.cta.banner .ov .btn,.cta.arte .btn{margin-top:4px}
.cta.banner .banner-link:hover img,.cta.banner summary:hover img{filter:brightness(1.04)}
.cta .banner-form{border:1px solid var(--linha);border-top:0;border-radius:0 0 var(--raio) var(--raio);padding:16px 18px;background:var(--fundo)}
.cta details[open] > summary{border-radius:var(--raio) var(--raio) 0 0}
.cta.banner .cred,.cta.arte .cred{padding:0 2px}
@media (max-width:620px){.cta.cartao{grid-template-columns:1fr}.cta.cartao .cartao-img img{min-height:0;aspect-ratio:16/9}
  .cta.banner img{aspect-ratio:4/3}.cta.banner .ov strong{font-size:20px}.cta.banner .ov .t{font-size:14px}}

/* Calculadora declarativa (mockup aprovado 08/10: docs/mockups/calculadora-declarativa.html) — só tokens do site */
.cta.vmc{padding:0;background:var(--apoio);border:0;overflow:clip;container-type:inline-size}
.vmc-cab{padding:22px 26px 6px}
.vmc-cab .selo{background:#fff;font-size:10.5px;letter-spacing:.14em;padding:6px 8px;margin:0 0 12px}
.cta.vmc h3,.cta.vmc .vmc-cab h3{font:600 30px/1.12 var(--f-titulo);font-variation-settings:"opsz" var(--opsz-titulo,36),"wght" 600;color:var(--marca);margin:0 0 6px}
.vmc-cab p{margin:0;font-size:16px;color:var(--mut);max-width:52ch}
.vmc-corpo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-top:18px}
.vmc-campos{padding:4px 26px 22px}
.vmc-campos fieldset{border:0;margin:0 0 14px;padding:0}
.vmc-campos legend{font:600 11.5px/1 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--acento-texto);margin-bottom:10px;padding:0}
.vmc-c{display:grid;gap:5px;margin:0 0 12px;font:600 14px/1.3 var(--f-texto);color:var(--texto)}
.vmc-in{display:flex;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);transition:border-color .15s,box-shadow .15s}
.vmc-in:focus-within{border-color:var(--marca);box-shadow:0 0 0 3px color-mix(in srgb,var(--marca) 14%,transparent)}
.vmc-in i{font-style:normal;color:var(--mut);font-size:14px;padding:0 0 0 12px;font-weight:600;white-space:nowrap}.vmc-in i:empty{display:none}.vmc-in i.d{padding:0 12px 0 0}
.vmc-in input{border:0;background:transparent;padding:11px 12px 11px 8px;font:600 17px var(--f-texto);color:var(--texto);width:100%;min-width:0;font-variant-numeric:tabular-nums;outline:0}
.vmc-faixa{grid-template-columns:1fr auto;align-items:center}.vmc-faixa b{grid-column:2;grid-row:1;font:600 15px var(--f-texto);color:var(--marca);font-variant-numeric:tabular-nums}
.vmc-faixa input{grid-column:1/-1;width:100%;accent-color:var(--marca);margin:2px 0 0}
.vmc-fonte{font-weight:400;font-size:12.5px;color:var(--mut);grid-column:1/-1}.vmc-fonte:empty{display:none}
.vmc-tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:0 10px}.vmc-tres .vmc-c>span:first-child{font-size:13px}
.vmc-res{background:var(--marca);color:var(--fundo);padding:24px 26px;display:flex;flex-direction:column}
.vmc-rot{font:600 12px/1.2 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.vmc-num{font:600 64px/1 var(--f-titulo);font-variation-settings:"opsz" 96,"wght" 600;color:var(--acento);margin:12px 0 16px;font-variant-numeric:tabular-nums}
.vmc-mais{display:flex;justify-content:space-between;gap:10px;font-size:15px;padding:4px 0}.vmc-mais b{font-variant-numeric:tabular-nums}
.vmc-barra{display:flex;height:10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--fundo) 15%,transparent);gap:2px}
.vmc-barra span,.vmc-dl i.p{background:color-mix(in srgb,var(--fundo) 35%,var(--marca))}
.vmc .p0{background:color-mix(in srgb,var(--fundo) 22%,var(--marca))!important}.vmc .p1{background:color-mix(in srgb,var(--fundo) 32%,var(--marca))!important}
.vmc .p2{background:color-mix(in srgb,var(--fundo) 42%,var(--marca))!important}.vmc .p3{background:color-mix(in srgb,var(--fundo) 52%,var(--marca))!important}
.vmc .p4{background:color-mix(in srgb,var(--fundo) 62%,var(--marca))!important}.vmc .p5{background:color-mix(in srgb,var(--fundo) 72%,var(--marca))!important}
.vmc .pfica{background:var(--acento)!important}
.vmc-leg{font-size:14px;margin-top:8px;opacity:.92}.vmc-leg b{color:var(--acento);font-weight:600}
.vmc-trava{list-style:none;margin:20px 0 14px;padding:14px 0 0;border-top:1px solid color-mix(in srgb,var(--fundo) 22%,transparent);font-size:14.5px}
.vmc-trava li{display:flex;gap:9px;align-items:center;padding:3px 0}
.vmc-trava li::before{content:"";width:9px;height:11px;flex:none;border:2px solid var(--acento);border-radius:2px;box-sizing:border-box}
.vmc-res .form-lead{display:grid;gap:8px;grid-template-columns:1fr}
.vmc-res .form-lead input:not([type=checkbox]){font:16px var(--f-texto);padding:12px 13px;border:1px solid transparent;border-radius:var(--raio);background:var(--fundo);color:var(--texto);width:100%}
.vmc-res .form-lead .btn{width:100%;padding:14px 16px;font-size:16px}
.vmc-res .form-lead .consent{font-size:12.5px;line-height:1.4;color:var(--fundo);opacity:.85;display:flex;gap:8px;align-items:flex-start}
.vmc-res .form-lead .consent input{accent-color:var(--acento);margin-top:2px}
.vmc-res .form-lead .form-msg{color:var(--fundo)}
.vmc-dl{display:grid;grid-template-columns:1fr auto;gap:7px 14px;margin:20px 0 0;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--fundo) 22%,transparent);font-size:14.5px}
.vmc-dl dt{display:flex;align-items:center;gap:8px;opacity:.9}.vmc-dl dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.vmc-dl i.p{width:9px;height:9px;border-radius:2px;flex:none}
.cta .vmc-res dt,.cta .vmc-res dd,.cta .vmc-res th,.cta .vmc-res td,.cta .vmc-res b,.cta .vmc-res span,.cta .vmc-res li{color:inherit}
.cta .vmc-res .vmc-dl .tot{border-top:1px solid color-mix(in srgb,var(--fundo) 30%,transparent);padding-top:7px;color:var(--acento);font-weight:600;opacity:1}
.cta .vmc-res .vmc-leg b,.cta .vmc-res .vmc-num,.cta .vmc-res .vmc-fixo b{color:var(--acento)}
.vmc-tab{margin-top:16px;font-size:13.5px}.vmc-tab b{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.vmc-tab table{width:100%;border-collapse:collapse}.vmc-tab td,.vmc-tab th{padding:4px 2px;text-align:right;border-bottom:1px solid color-mix(in srgb,var(--fundo) 15%,transparent);font-variant-numeric:tabular-nums}
.vmc-tab td:first-child,.vmc-tab th:first-child{text-align:left}.vmc-tab .rola{max-height:260px;overflow:auto}
.vmc-pe{font-size:13px;color:var(--mut);padding:12px 26px 16px;border-top:1px solid var(--linha)}
.vmc .aviso-com{padding:0 26px 14px;margin:0}
.vmc-fixo{display:none}
.cta.cartao.vmc{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.cta.cartao.vmc .calc-abre{grid-column:1/-1}
.cta.cartao.vmc .calc-abre>summary{list-style:none;display:inline-block;margin:0 20px 18px}.cta.cartao.vmc .calc-abre>summary::-webkit-details-marker{display:none}
.cta.cartao.vmc .calc-abre[open]>summary{display:none}
.cta.banner.vmc,.cta.arte.vmc{background:none}.cta.vmc .banner-form{padding:0;background:var(--apoio);border:0}
@container (max-width:640px){.vmc-corpo{grid-template-columns:1fr}.vmc-tres{grid-template-columns:1fr 1fr}
  .cta.vmc h3,.cta.vmc .vmc-cab h3{font-size:25px;font-variation-settings:"opsz" var(--opsz-menor,6),"wght" 600}.vmc-num{font-size:52px}
  .vmc-cab,.vmc-campos,.vmc-res{padding-left:18px;padding-right:18px}.vmc-pe{padding:12px 18px 16px}.vmc .aviso-com{padding:0 18px 14px}
  .vmc-fixo{display:flex;position:sticky;bottom:0;z-index:2;align-items:center;gap:10px;background:var(--marca);color:var(--fundo);padding:12px 18px;font-size:13.5px;box-shadow:0 -6px 16px color-mix(in srgb,var(--texto) 18%,transparent)}
  .vmc-fixo b{font:600 24px/1 var(--f-titulo);color:var(--acento);margin-left:auto}.vmc-fixo .seta{opacity:.8}.vmc-fixo.some{visibility:hidden}}
.cta .vmc-res .vmc-dl dt,.cta .vmc-res .vmc-dl dd{margin:0;padding:0;font:inherit;line-height:1.35;border:0}
.cta .vmc-res .vmc-dl dt{font-weight:400}.cta .vmc-res .vmc-dl dd{font-weight:600}
.cta .vmc-res .vmc-dl dt.tot,.cta .vmc-res .vmc-dl dd.tot{border-top:1px solid color-mix(in srgb,var(--fundo) 30%,transparent);padding-top:7px;font-weight:600}