.post { max-width:1120px; }
.post-cabecalho {
  position:relative; isolation:isolate; overflow:hidden;
  padding:clamp(30px,4.2vw,58px); margin-bottom:30px;
  border-radius:28px; color:#fff;
  background:radial-gradient(circle at 92% 5%,rgba(127,194,150,.28),transparent 34%),
    linear-gradient(125deg,#153e33,#0c2923 80%);
  box-shadow:0 22px 52px rgba(16,55,44,.14);
}
.post-cabecalho::after {
  content:""; position:absolute; width:410px; height:410px; right:-120px; bottom:-285px;
  border:1px solid rgba(255,255,255,.14); border-radius:50%;
  box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018);
  pointer-events:none;
}
.post-cabecalho > * { position:relative; z-index:1; }
.post-cabecalho .post-voltar { color:#d2e5d9; margin-bottom:32px; }
.post-cabecalho .post-voltar:hover { color:#fff; }
.post-cabecalho .olho { color:#9ed9b3; font-weight:700; margin-bottom:12px; }
.post-cabecalho h1 {
  max-width:20ch; margin:0 0 18px; font:600 var(--t-h1)/1.08 var(--display);
  letter-spacing:-.035em; text-wrap:balance;
}
.post-resumo { max-width:63ch; margin:0 0 28px; color:#dcebe1; font-size:var(--t-lead); line-height:1.5; }
.post-cabecalho .post-meta {
  display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; max-width:780px;
  padding-top:20px; margin:0; border-top:1px solid rgba(255,255,255,.2);
  color:#c6dacd; font-size:var(--t-apoio);
}
.post-cabecalho .post-meta a { color:#fff; font-weight:600; }
.post-colunas {
  display:grid; grid-template-columns:minmax(0,720px) minmax(220px,260px);
  justify-content:space-between; align-items:start; gap:clamp(28px,3vw,50px);
  padding-inline:clamp(0px,3vw,48px);
}
.post-principal { min-width:0; }
.post-principal > .post-capa { margin:0 0 20px; }
.post-principal > .post-capa img { border-radius:20px; box-shadow:0 12px 32px rgba(18,21,28,.09); }
.post-lateral { position:sticky; top:112px; }
.post-lateral-cartao {
  padding:26px; background:var(--card); border:1px solid var(--line); border-radius:20px;
  box-shadow:var(--sh);
}
.post-lateral-selo { display:block; margin-bottom:12px; color:var(--acc-txt); font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.post-lateral h2 { margin:0 0 10px; font:600 24px/1.16 var(--display); letter-spacing:-.025em; }
.post-lateral p { margin:0 0 22px; color:var(--mut); font-size:15px; line-height:1.55; }
.post-lateral a { display:flex; align-items:center; justify-content:space-between; gap:8px; text-decoration:none; font-size:14px; font-weight:600; line-height:1.3; }
.post-lateral a:focus-visible { outline:3px solid var(--acc); outline-offset:4px; }
.post-lateral-app { min-height:46px; padding:11px 14px; border-radius:11px; color:#fff; background:var(--acc); }
.post-lateral-app:hover { background:#0a5c44; }
.post-lateral-lp { margin-top:12px; padding:8px 2px; color:var(--acc-txt); }
.post-lateral-lp:hover { text-decoration:underline; text-underline-offset:4px; }
.post-corpo > p:first-child { color:var(--txt); font-size:var(--t-lead); line-height:1.55; }
.post-corpo h2 { padding-top:27px; border-top:1px solid var(--line); }
.post-corpo h2::before { content:""; display:block; width:32px; height:3px; margin-bottom:17px; border-radius:3px; background:var(--acc); }
.post-corpo blockquote { padding:20px 24px; border-radius:0 14px 14px 0; background:var(--card2); }
.post .conteudo-relacionado { padding-inline:clamp(0px,3vw,48px); }
.post-cta { border-color:color-mix(in srgb,var(--acc) 22%,var(--line)); }
.post-cta-selo { display:block; margin-bottom:10px; color:var(--acc-txt); font-size:12px; line-height:1.4; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
.post-cta--inicio { text-align:left; margin:24px 0 38px; padding:22px 24px; background:#edf5ee; border-radius:16px; }
.post-cta--inicio h2 { font-size:clamp(20px,2vw,24px); margin-bottom:16px; }
.post-cta--inicio .post-cta-selo { margin-bottom:6px; }
.post-cta--inicio .post-cta-botoes { justify-content:flex-start; margin-bottom:0; }
.post-cta--final {
  margin-top:52px; color:#fff; border-color:#173f34;
  background:radial-gradient(circle at 95% 0%,rgba(151,216,162,.18),transparent 42%),linear-gradient(145deg,#19483a,#102c26);
  box-shadow:0 18px 40px rgba(16,55,44,.13);
}
.post-cta--final h2 { color:#fff; }
.post-cta--final .post-cta-selo { color:#a9e3bb; }
.post-cta--final p { color:#d5e6da; }
.post-cta--final .post-cta-conhecer { color:#fff; border-color:rgba(255,255,255,.43); }
.post-cta--final .post-cta-conhecer:hover { background:rgba(255,255,255,.1); }
.post-cta--final .post-cta-alternativa a,
.post-cta--final .sem-cartao a { color:#fff; }
.post-cta .google { white-space:normal; text-align:center; line-height:1.4; font-size:16px; min-height:48px; }
.post-cta-conhecer { display:inline-flex; justify-content:center; align-items:center; padding:12px 18px; min-height:48px; border-radius:999px; border:1px solid color-mix(in srgb,var(--acc) 28%,var(--line)); color:var(--acc-txt); font-size:15px; font-weight:600; line-height:1.4; text-decoration:none; }
.post-cta-conhecer:hover { background:color-mix(in srgb,var(--acc) 8%,transparent); }
.post-cta a:focus-visible { outline:3px solid var(--acc); outline-offset:4px; }
.post-cta p.post-cta-alternativa { margin:18px auto 10px; font-size:14px; }
.post-cta-alternativa a { font-weight:600; color:var(--acc-txt); }
.post-cta .sem-cartao { font-size:13px; }
@media(min-width:981px) { .post-cta--inicio { display:none; } }
@media(max-width:980px) {
  .post-colunas { display:block; padding-inline:0; }
  .post-principal { max-width:720px; margin-inline:auto; }
  .post-lateral { display:none; }
  .post-cabecalho { max-width:720px; margin-inline:auto; }
  .post .conteudo-relacionado { max-width:720px; padding-inline:0; }
}
@media(max-width:480px) {
  .blog-wrap { padding-top:22px; }
  .post-cabecalho { padding:28px 24px; border-radius:22px; margin-bottom:24px; }
  .post-cabecalho .post-voltar { margin-bottom:26px; }
  .post-cabecalho h1 { font-size:clamp(32px,9vw,42px); }
  .post-resumo { margin-bottom:24px; font-size:17px; }
  .post-cabecalho .post-meta { gap:6px 14px; font-size:13px; }
  .post-corpo h2 { margin-top:36px; padding-top:22px; }
  .post-cta--inicio { padding:18px; }
  .post-cta--final { padding:26px 20px; }
  .post-cta-botoes { flex-direction:column; align-items:stretch; gap:10px; }
  .post-cta .google, .post-cta-conhecer { width:100%; }
}
@media(max-width:360px) {
  .topo .miolo { padding-inline:12px; gap:8px; }
  .topo .marca { font-size:17px; gap:7px; }
  .topo .marca .glifo { width:36px; height:36px; }
  .topo .acoes { margin-left:auto; gap:6px; }
  .topo .cta { padding:10px; font-size:13px; }
}