/* Priorizzi · Blog · carrega depois de /estilo.css e /_partes/partes.css.
   Páginas do blog em papel claro (.papel troca as variáveis do estilo.css só ali dentro);
   cabeçalho, rodapé e a faixa de contato continuam escuros.
   Uma camada de título por tela. Inter no texto, Sora só em título grande, Newsreader só em citação.
   Componentes do artigo usam os nomes de classe do padrão V4: o miolo dos posts migrados entra sem reescrita. */

/* ---------- editorias (DB, Capas do Blog e Linha Editorial, 27/08) ---------- */
.ed-habilitacao{--ed:#2f6fd0}
.ed-recursos{--ed:#d11023}
.ed-sancoes{--ed:#b67d14}
.ed-proposta{--ed:#6b4fd0}
.ed-contratos{--ed:#128a64}
.ed-fundamentos{--ed:#5a677e}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- papel ---------- */
.papel{--bg:#FFFFFF;--panel:#F4F5F7;--white:#0A0E1A;--muted:#59617C;--linha:rgba(10,14,26,.1);background:var(--bg);color:var(--white)}

/* ---------- capa: editoria, título e priorizzi. (1200x750 no molde, a mesma peça nos cards) ---------- */
/* A .capa é o container; a composição mora no .capa__in, então padding, fio e textos medem a largura inteira da capa
   (em cqw dentro do próprio container, padding e borda da .capa mediriam a janela, e o texto encolhia no card).
   Medidas iguais às da PNG de 1200x750: padding 84, título 64 (longo 55), editoria 19,6, logotipo 24,8, fio 9,6. */
.capa{container-type:inline-size;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/10;background:#0a1a36;color:#fff;font-family:var(--inter);line-height:1.2}
.capa::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(64.5cqw 51.6cqw at 100% 0,color-mix(in srgb,var(--ed) 42%,transparent),color-mix(in srgb,var(--ed) 14%,transparent) 40%,transparent 70%)}
.capa::after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:3.15cqw 3.15cqw;-webkit-mask-image:linear-gradient(black,transparent 80%);mask-image:linear-gradient(black,transparent 80%)}
.capa__in{position:absolute;inset:0;display:flex;flex-direction:column;padding:7cqw;border-bottom:.8cqw solid var(--ed)}
.capa__ed{font-size:max(10px,1.634cqw);font-weight:600;color:color-mix(in srgb,var(--ed) 55%,#fff)}
.capa__titulo{margin-top:auto;max-width:77.4cqw;font-family:var(--sora);font-weight:600;font-size:5.33cqw;line-height:1.08;letter-spacing:-.02em}
.capa--longo .capa__titulo{font-size:4.56cqw}
/* logotipo oficial (assets/priorizzi-logotipo-branco.svg) recortado da folga do viewBox -120 -90 1240 434: caixa justa 1000 x 254 */
.capa__logo{position:relative;flex:none;display:block;margin-top:4.3cqw;width:max(64px,9cqw);aspect-ratio:1000/254;overflow:hidden}
.capa__logo img{position:absolute;max-width:none;width:124%;height:auto;left:-12%;top:-35.433%}
/* capa pequena (cards): na Sora pesada abaixo de uns 30 px o pingo do i encosta na haste em tela 1x e "licitação" vira "lIcItação".
   Medido em recorte 1x: 600 e 500 ainda encostam, 400 abre. A PNG (64 px) fica em 600. O logotipo é o arquivo oficial, não fonte. */
@container (max-width:720px){.capa__titulo{font-weight:400;letter-spacing:-.01em}}

/* ---------- página inicial e editorias ---------- */
.b-abre{padding:clamp(56px,9vw,104px) 0 clamp(28px,4vw,40px)}
.b-abre .wrap,.b-lista .wrap{max-width:calc(908px + 2 * var(--gut))} /* a mesma largura do artigo: índice 220 + 88 + coluna 600 */
.b-abre h1{font-size:clamp(2.25rem,2.2vw + 1.6rem,3.375rem);font-weight:600;line-height:1.1;letter-spacing:-.015em;max-width:18ch}
.b-abre .lead{margin-top:1rem;max-width:52ch}
.b-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2.5rem;margin-top:clamp(2rem,4vw,3rem);padding-top:1rem;border-top:1px solid var(--linha)}
.filtros{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;white-space:nowrap} /* no celular as editorias quebram em duas linhas em vez de cortar */
.filtros::-webkit-scrollbar{display:none}
.filtro{font-size:.95rem;font-weight:500;color:var(--muted);padding:.4rem 0;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}
.filtro:hover{color:var(--white)}
.filtro[aria-current]{color:var(--white);border-color:var(--white)}
.busca{display:none;position:relative;flex:1 1 100%}
.js .busca{display:block}
.busca input{width:100%;min-height:44px;padding:.6rem 1rem .6rem 2.5rem;border-radius:999px;border:1px solid var(--linha);background:var(--panel);color:var(--white);font:inherit;font-size:.95rem;-webkit-appearance:none;appearance:none}
.busca input::placeholder{color:var(--muted)}
.busca input:focus{outline:none;border-color:var(--muted);background:var(--bg)}
.busca::before{content:'';position:absolute;left:1rem;top:50%;width:11px;height:11px;margin-top:-7px;border:1.5px solid var(--muted);border-radius:50%}
.busca::after{content:'';position:absolute;left:calc(1rem + 10px);top:calc(50% + 3px);width:5px;height:1.5px;background:var(--muted);transform:rotate(45deg)}
@media (min-width:900px){.busca{flex:0 1 220px}.filtros{flex-wrap:nowrap;gap:1.5rem}.b-nav{flex-wrap:nowrap}}

.b-lista{padding:clamp(40px,6vw,64px) 0 clamp(80px,12vw,140px)}
.b-destaque{display:grid;gap:1.25rem 3rem;align-items:center}
.b-destaque h2{font-size:clamp(1.6rem,1.8vw + 1rem,2.4rem);font-weight:600;line-height:1.14;letter-spacing:-.015em;max-width:20ch;text-wrap:balance}
.b-destaque time,.card time{display:block;font-size:.875rem;color:var(--muted);margin-top:.6rem}
@media (min-width:900px){.b-destaque{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.cards{display:grid;gap:clamp(2.75rem,5vw,4rem) 2rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
/* página inicial: destaque, 4 recentes em 2 colunas e uma faixa por editoria com os demais em lista; o mesmo respiro entre blocos */
.b-lista .wrap > #conteudo > * + *{margin-top:clamp(2.75rem,5vw,4rem)} /* igual ao vão entre cards */
.b-lista .wrap > #conteudo > .b-faixa{margin-top:clamp(4rem,8vw,6rem)}
.b-faixa__cab{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--linha)}
.b-faixa h2{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--sora);font-weight:600;font-size:clamp(1.3rem,.8vw + 1.05rem,1.6rem);line-height:1.2;letter-spacing:-.015em;max-width:none}
.b-faixa h2::before{content:'';width:10px;height:10px;border-radius:3px;background:var(--ed)}
.b-faixa__cab .seta{font-size:.9rem;white-space:nowrap}
.b-faixa__lista{display:grid;gap:0 2rem}
@media (min-width:720px){.b-faixa__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.b-item{display:block;padding:1.1rem 0 1.25rem;border-bottom:1px solid var(--linha)}
.b-item h3{font-family:var(--inter);font-weight:600;font-size:1.02rem;line-height:1.4;letter-spacing:-.005em;color:var(--white);text-wrap:pretty}
.b-item time{display:block;margin-top:.4rem;font-size:.85rem;color:var(--muted)}
.b-item:hover h3{text-decoration:underline;text-decoration-color:var(--ed);text-decoration-thickness:1px;text-underline-offset:3px}
.card{display:block}
.card h3{margin-top:1.1rem;font-family:var(--inter);font-weight:600;font-size:1.05rem;line-height:1.4;letter-spacing:-.005em;max-width:34ch}
.capa{transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.card .capa,.b-destaque .capa{border-radius:10px}
.card:hover .capa,.b-destaque:hover .capa{transform:translateY(-3px);box-shadow:0 18px 36px -18px rgba(10,14,26,.45)}
.card:hover h3,.b-destaque:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}

.b-decisoes{margin-top:clamp(4.5rem,10vw,7.5rem)}
.b-decisoes h2,.b-resultados h2{font-size:clamp(1.4rem,1.2vw + 1rem,1.75rem);font-weight:700;margin-bottom:1.25rem}
.papel .post h3{font-family:var(--inter);font-weight:600;font-size:1.05rem;line-height:1.4}
.papel .post:hover h3{color:var(--white);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.post__resumo{color:var(--muted);font-size:.95rem;line-height:1.55;max-width:70ch}
@media (min-width:720px){.post__resumo{grid-column:2}}
.contato--blog .lead{max-width:40ch}
.papel .seta{border-color:var(--linha)}
.papel .seta:hover{border-color:var(--red)}

/* ---------- faixa quadriculada do topo (artigo, página inicial e editorias) ----------
   Fundo --pz-light, malha fina de 24 px e malha de 96 px, sumindo para as bordas; brilho da editoria num canto.
   Começa com uma sombra interna leve para o cabeçalho escuro não cortar seco, e termina em branco. */
.quadro{position:relative;isolation:isolate;background:linear-gradient(#F4F5F7 55%,#FFFFFF);box-shadow:inset 0 22px 28px -24px rgba(8,11,20,.28)}
.quadro::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(to right,rgba(10,14,26,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(10,14,26,.06) 1px,transparent 1px),
    linear-gradient(to right,rgba(10,14,26,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(10,14,26,.04) 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px,24px 24px;background-position:center -1px;
  -webkit-mask-image:radial-gradient(ellipse 75% 95% at 50% 0,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 75% 95% at 50% 0,#000 30%,transparent 80%)}
.quadro::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px 380px at 92% 0,color-mix(in srgb,var(--ed,#5a677e) 11%,transparent),transparent 70%)}

/* ---------- artigo: grade ----------
   Desktop: índice de 220 px + coluna de leitura de 600 px (cerca de 70 caracteres medidos em Manrope 18 px), o conjunto centrado. Topo, texto e fim na mesma coluna. */
.a-grade{display:grid;grid-template-columns:minmax(0,600px);justify-content:center;column-gap:88px}
.a-cab,.a-col{grid-column:-2}
.a-lado{display:none}
@media (min-width:1100px){
  .a-grade{grid-template-columns:220px minmax(0,600px)}
  .a-lado{display:block;grid-column:1;grid-row:1}
}

/* ---------- artigo: topo ---------- */
.progresso{position:fixed;left:0;right:0;top:var(--topo);z-index:19;height:2px;background:var(--ed);transform:scaleX(var(--lido,0));transform-origin:0 50%;pointer-events:none}
.a-topo{padding:clamp(48px,7vw,88px) 0 clamp(40px,5vw,56px)}
.a-ed{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .65rem;border:1px solid var(--linha);border-radius:999px;background:#fff;font-size:.8125rem;font-weight:500;line-height:1.3;color:var(--white);transition:border-color .2s}
.a-ed::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ed)}
.a-ed:hover{border-color:color-mix(in srgb,var(--ed) 45%,transparent)}
.a-topo h1{margin-top:1.25rem;max-width:none;font-weight:600;font-size:clamp(2.1rem,2.2vw + 1.45rem,3.375rem);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.a-sub{margin-top:1.25rem;max-width:60ch;font-size:clamp(1.125rem,.35vw + 1.05rem,1.25rem);line-height:1.55;color:var(--muted);text-wrap:pretty}
.autor{display:flex;align-items:center;gap:.875rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--linha)}
.autor img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 15%;flex:none}
.autor p{margin:0;line-height:1.4}
.autor__nome{font-size:.9375rem}
.autor__nome strong{font-weight:600;color:var(--white)}
.autor__nome span{margin-left:.35rem;color:var(--muted);font-size:.875rem}
.autor__meta{margin-top:.15rem !important;font-size:.875rem;color:var(--muted)}

/* ---------- artigo: índice ---------- */
.a-corpo{padding:clamp(16px,3vw,32px) 0 clamp(88px,12vw,140px)}
.sb-toc{position:sticky;top:calc(var(--topo) + 40px);padding-top:.35rem}
.sb-toc__t{margin-bottom:.75rem;font-size:.8125rem;font-weight:600;color:var(--white)}
.toc-link{display:block;padding:.45rem 0 .45rem .9rem;border-left:1px solid var(--linha);font-size:.875rem;line-height:1.4;color:var(--muted);transition:color .2s,border-color .2s}
.toc-link:hover{color:var(--white)}
.toc-link.active{color:var(--white);border-color:var(--ed);box-shadow:inset 1px 0 0 var(--ed)}
.sb-toc br{display:none}
.toc-movel{margin-bottom:2rem;border:1px solid var(--linha);border-radius:14px;background:#fff}
.toc-movel summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 1.1rem;font-size:.9375rem;font-weight:600;cursor:pointer;list-style:none}
.toc-movel summary::-webkit-details-marker{display:none}
.toc-movel summary::after{content:'';width:7px;height:7px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease)}
.toc-movel[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.toc-movel nav{padding:0 1.1rem 1rem}
.toc-movel .toc-link{border-left:0;padding:.5rem 0;border-top:1px solid var(--linha)}
@media (min-width:1100px){.toc-movel{display:none}}

/* ---------- artigo: texto ---------- */
.artigo{--texto:#1E2330;font-size:1.0625rem;line-height:1.65;color:var(--texto)}
@media (min-width:720px){.artigo{font-size:1.125rem;line-height:1.7}}
.artigo > *{margin:0}
.artigo > * + *{margin-top:1.2em}
.artigo p,.artigo li{text-wrap:pretty}
.artigo h2{margin-top:2.5em;margin-bottom:0;max-width:none;font-family:var(--sora);font-weight:600;font-size:clamp(1.5rem,.9vw + 1.2rem,1.875rem);line-height:1.22;letter-spacing:-.015em;color:var(--white);text-wrap:balance}
.artigo h2::before{content:'';display:block;width:32px;height:2px;margin-bottom:1rem;background:var(--ed)}
.artigo h2 + *{margin-top:.75em}
.artigo h3{margin-top:2em;font-family:var(--inter);font-weight:600;font-size:1.25rem;line-height:1.35;letter-spacing:-.01em;color:var(--white)}
.artigo h3 + *{margin-top:.5em}
.artigo h2 .dot,.pull-quote .dot,.fact-n .dot,.faq-title .dot{display:none}
.artigo strong{font-weight:600;color:var(--white)}
.artigo a:not([class]){text-decoration:underline;text-decoration-color:var(--ed);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-thickness .15s}
.artigo a:not([class]):hover{text-decoration-thickness:2px}
.artigo a[data-cit]::after{content:none} /* citação no texto: só o sublinhado, sem a seta de nova aba do estilo.css */
.artigo br{display:none}
.artigo p:empty{display:none}

/* listas: traço na cor da editoria; numeradas com o número na cor da editoria */
.artigo ul:not([class]),.artigo ol:not([class]){padding:0;list-style:none}
.artigo ul:not([class]) > li,.artigo ol:not([class]) > li{position:relative;padding-left:1.75em}
.artigo li + li{margin-top:.6em}
.artigo ul:not([class]) > li::before{content:'';position:absolute;left:.15em;top:.84em;width:.7em;height:2px;background:var(--ed)}
.artigo ol:not([class]){counter-reset:item}
.artigo ol:not([class]) > li{counter-increment:item}
.artigo ol:not([class]) > li::before{content:counter(item);position:absolute;left:0;top:.18em;width:1.3em;height:1.3em;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--ed) 11%,transparent);color:var(--ed);font-size:.8em;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}

.art-lede{font-size:1.2em;line-height:1.6;color:var(--white)}

/* resposta direta: o cartão que responde ao título (painel claro tingido da editoria) */
.artigo .resposta{padding:clamp(1.25rem,2.5vw,1.75rem);border:1px solid color-mix(in srgb,var(--ed) 20%,transparent);border-radius:14px;background:color-mix(in srgb,var(--ed) 5%,#fff)}
.resposta p{max-width:none;font-size:clamp(1.0625rem,.4vw + 1rem,1.1875rem);font-weight:500;line-height:1.6;color:var(--white)}
.artigo .resposta + *{margin-top:2.25em}

/* citação de lei: fio da editoria, Newsreader, fonte em Inter miúdo */
.artigo .lei-cite{margin:2.5em 0;padding:.2rem 0 .2rem 1.5rem;border-left:2px solid var(--ed)}
.lei-cite blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.1875rem,.5vw + 1.05rem,1.3125rem);line-height:1.55;color:var(--white)}
.lei-cite blockquote strong{font-weight:inherit}
.lei-cite cite{display:block;margin-top:.85rem;font-style:normal;font-size:.8125rem;line-height:1.4;color:var(--muted)}

/* pull quote: a primeira é citação entre fios; da segunda em diante vira parágrafo */
.artigo .pull-quote{margin:2.75em 0;padding:1.5rem 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.pull-quote-txt{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,1vw + 1.15rem,1.75rem);line-height:1.4;color:var(--white);text-wrap:balance}
.pull-quote-src{margin-top:.75rem;font-size:.875rem;color:var(--muted)}
.artigo .pull-quote ~ .pull-quote{margin:1.2em 0 0;padding:0;border:0}
.pull-quote ~ .pull-quote .pull-quote-txt{font-family:var(--inter);font-style:normal;font-size:inherit;line-height:inherit;color:var(--texto)}

/* destaque: o primeiro é painel claro, os seguintes viram parágrafo */
.artigo .destaque{margin:2.25em 0;padding:1.25rem 1.5rem;border-radius:14px;background:#F4F5F7;font-weight:600;font-size:1.0625em;line-height:1.55;color:var(--white)}
.artigo .destaque ~ .destaque{margin:1.2em 0 0;padding:0;background:none;font-weight:400;font-size:1em;color:var(--texto)}

.chapter,.artigo .tags,.leia-badge,.faq-icon{display:none}

/* fact strip: exceção, sem moldura */
.artigo .fact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.5em 0}
.fact-n{font-weight:600;font-size:1.6rem;line-height:1.15;letter-spacing:-.02em;color:var(--white)}
.fact-d{margin-top:.35rem;font-size:.875rem;line-height:1.4;color:var(--muted)}

/* caso: fio à esquerda */
.artigo .caso-strip{margin:2.5em 0;padding-left:1.5rem;border-left:2px solid var(--linha)}
.caso-strip-eye{font-weight:600;margin-bottom:.5rem}
.caso-result{margin-top:1rem}

/* verificado antes de publicar (posts antigos): linha de fonte */
.artigo .nota{font-size:.9rem;line-height:1.6;color:var(--muted)}
.nota-label{display:inline;font-weight:600;color:var(--white)}
.nota-label::after{content:'. '}

/* ---------- artigo: fim (CTA, FAQ, base legal, leia também, Na Priorizzi) na mesma coluna, 64 a 80 px entre blocos ---------- */
.artigo > .cta-block,.artigo > .faq,.artigo > .base-legal,.artigo > .leia,.artigo > .na-priorizzi{margin-top:clamp(4rem,6vw,5rem)}
.fim-t,.faq-title{margin-bottom:1rem;font-family:var(--inter);font-size:.9375rem;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--white)}

.artigo .cta-block{display:grid;gap:1.25rem;padding:1.75rem;border:1px solid var(--linha);border-radius:14px;background:#F4F5F7}
.cta-txt h3{margin:0;font-family:var(--inter);font-size:1.15rem;font-weight:600;letter-spacing:0}
.cta-txt p{margin-top:.35rem;color:var(--muted);font-size:1rem;line-height:1.55}
.cta-btns .btn-ghost{display:none} /* posts V4 traziam o fixo como botão: fixo nunca é CTA */
.btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.75rem 1.4rem;border-radius:999px;background:var(--wa);color:#080B14;font-weight:600;font-size:.98rem;line-height:1.1;white-space:nowrap;transition:background .2s,transform .2s var(--ease)}
.btn-wa:hover{background:var(--wa-h);transform:translateY(-1px)}
.btn-wa svg{width:18px;height:18px;flex:none;fill:currentColor}
@media (min-width:720px){.artigo .cta-block{grid-template-columns:1fr auto;align-items:center}}

.faq-item{border-top:1px solid var(--linha)}
.faq-item:last-child{border-bottom:1px solid var(--linha)}
.faq-q{position:relative;padding:1.1rem 2.5rem 1.1rem 0;font-weight:600;font-size:1.0625rem;line-height:1.45;color:var(--white)}
.faq-a{padding-bottom:1.25rem;font-size:1rem;line-height:1.65;color:var(--texto)}
.js .faq-q{cursor:pointer}
.js .faq-q::before,.js .faq-q::after{content:'';position:absolute;right:.35rem;top:50%;width:13px;height:1.5px;background:var(--ed);transition:transform .25s var(--ease)}
.js .faq-q::after{transform:rotate(90deg)}
.js .faq-item.open .faq-q::after{transform:rotate(0)}
.js .faq-item:not(.open) .faq-a{display:none}

.base-legal__lista{display:flex;flex-wrap:wrap;gap:.5rem}
.artigo .base-legal__lista li{margin:0}
.artigo .base-legal__data{margin:.9rem 0 0;font-size:.8125rem;line-height:1.4;color:var(--muted)}
.artigo .base-legal a{text-decoration:none;display:inline-flex;align-items:center;min-height:36px;padding:.35rem .85rem;border:1px solid var(--linha);border-radius:999px;background:#fff;font-size:.875rem;line-height:1.3;color:var(--white);transition:border-color .2s,background .2s}
.artigo .base-legal a:hover{border-color:color-mix(in srgb,var(--ed) 45%,transparent);background:color-mix(in srgb,var(--ed) 4%,#fff)}

.leia-grid{display:grid;gap:.75rem}
.leia-card{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:1.05rem 3rem 1.15rem 1.25rem;border:1px solid var(--linha);border-radius:14px;background:#fff;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.leia-card:hover{border-color:color-mix(in srgb,var(--ed) 40%,transparent);transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(10,14,26,.35)}
.leia-ed{display:inline-flex;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:500;color:var(--muted)}
.leia-ed::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ed)}
.leia-card strong{font-weight:600;font-size:1rem;line-height:1.4;color:var(--white)}
.leia-card p{margin:0}
.leia-card::after{content:'';position:absolute;right:1.35rem;top:50%;width:8px;height:8px;border:solid var(--muted);border-width:1.5px 1.5px 0 0;transform:translateY(-50%) rotate(45deg);transition:transform .25s var(--ease),border-color .25s}
.leia-card:hover::after{border-color:var(--ed);transform:translate(3px,-50%) rotate(45deg)}
.leia-mais{margin-top:1.25rem !important;font-size:.9375rem}

.artigo .na-priorizzi{display:block;padding-top:1.25rem;border-top:1px solid var(--linha);font-size:.9rem;color:var(--muted)}
.na-priorizzi__t::after{content:'. '}
.artigo .na-priorizzi a{color:var(--white);font-weight:500;text-decoration:underline;text-decoration-color:var(--linha);text-underline-offset:3px}
.artigo .na-priorizzi a:hover{text-decoration-color:var(--ed)}

/* entrada suave dos blocos (blog.js põe .entra só no que está abaixo da primeira tela) */
.js .entra{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .entra.in{opacity:1;transform:none}

/* ---------- botão flutuante do WhatsApp ----------
   Desktop: pílula no canto de baixo. Celular: pílula dentro da barra escura do cabeçalho, ao lado do Menu, para nunca cobrir texto.
   Entra depois de 25% da leitura (blog.js), pulsa uma vez. Texto em tinta sobre o verde: branco sobre #25D366 fica abaixo de 2:1. */
.float-wa{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:.6rem;min-height:52px;padding:.8rem 1.35rem .8rem 1.05rem;border-radius:999px;background:var(--wa);color:#080B14;font-weight:600;font-size:.98rem;line-height:1;white-space:nowrap;box-shadow:0 14px 32px -12px rgba(8,11,20,.45),0 2px 6px rgba(8,11,20,.12);opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s linear .5s,background .2s}
.float-wa.on{opacity:1;visibility:visible;transform:none;transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s,background .2s}
.float-wa svg{width:22px;height:22px;flex:none;fill:currentColor}
.float-wa:hover{background:var(--wa-h)}
.float-wa.on:hover{transform:translateY(-2px)}
.float-wa:focus-visible{outline-color:#fff}
.float-wa.pulsa::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:wa-pulso 1.4s var(--ease) .55s 1 both}
@keyframes wa-pulso{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
@media (max-width:719px){
  .float-wa{top:calc((var(--topo) - 36px) / 2);bottom:auto;right:calc(var(--gut) + 58px);min-height:36px;padding:.45rem .8rem .45rem .6rem;gap:.4rem;font-size:.875rem;box-shadow:none;transform:translateY(-6px)}
  .float-wa svg{width:17px;height:17px}
  .float-wa .fw-longo{display:none}
  .topo.aberto ~ .float-wa{opacity:0;visibility:hidden}
}

@media (prefers-reduced-motion:reduce){
  .capa,.btn-wa,.filtro,.toc-link,.leia-card,.js .faq-q::after{transition:none}
  .float-wa,.float-wa.on{transform:none;transition:opacity .01s,visibility 0s}
  .float-wa.pulsa::after{animation:none}
  .js .entra{opacity:1;transform:none;transition:none}
  .card:hover .capa,.b-destaque:hover .capa,.float-wa.on:hover,.btn-wa:hover,.leia-card:hover{transform:none}
}