/* Blog — clubeinvestvida.com.br/blog/ (15/10/2026). Carrega DEPOIS de home.css e pages.css e
   usa os mesmos tokens (--night, --navy, --orange, --cyan, --white, --ink, fonte CIV).
   Leitura longa em papel claro; topo e chamados em noite. Contraste conferido ≥ 4,5:1.
   O laranja (#e94d11) nunca é cor de texto pequeno sobre o papel (3,4:1): só traço, ponto e botão. */
.blog{--papel:#f5f4ed;--papel2:#eceee6;--linha-papel:#d3dcd5;--texto:#1f3646;--suave:#4f6672;--link:#0b4f7a}
.blog .breadcrumbs{margin-bottom:26px;font-size:12px;color:#c4d4de;gap:8px}
.blog .breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}
.blog .breadcrumbs [aria-current]{max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blog .paper :focus-visible,.post-papel :focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}
.blog :target{scroll-margin-top:110px}

/* ── capa: rota abstrata, sem foto de banco ─────────────────────────── */
.capa{--rota:var(--cyan);--alvo:var(--orange);position:relative;isolation:isolate;overflow:hidden;color:var(--white);
 background:radial-gradient(circle at var(--gx,30%) var(--gy,30%),#87e6df38,transparent 44%),radial-gradient(circle at 94% 100%,#e94d1145,transparent 40%),
 radial-gradient(#ffffff12 1px,transparent 1.3px) 0 0/16px 16px,linear-gradient(150deg,#0d4166 0%,#062a4a 40%,#06141f 100%)}
.capa--vida,.capa--previdencia{--rota:#f8b24a}
.capa--saude{--rota:#9fd8ff}
.capa-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;mix-blend-mode:luminosity;z-index:-1}
.capa-svg{position:absolute;inset:0;width:100%;height:100%}
.capa-curvas ellipse{fill:none;stroke:#ffffff;stroke-opacity:.07;stroke-width:1}
.capa-rota-sombra{fill:none;stroke:var(--rota);stroke-opacity:.16;stroke-width:11;stroke-linecap:round}
.capa-rota{fill:none;stroke:var(--rota);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1.1 1.5}
.capa-inicio{fill:var(--white)}
.capa-marco{fill:var(--rota)}
.capa-destino{fill:var(--alvo)}
.capa-destino-anel{fill:none;stroke:var(--alvo);stroke-opacity:.55;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
.capa-palavra{position:absolute;left:.32em;bottom:-.14em;font-size:clamp(54px,9vw,104px);font-weight:700;letter-spacing:-.065em;line-height:1;
 text-transform:lowercase;color:transparent;-webkit-text-stroke:1px #ffffff30;pointer-events:none;white-space:nowrap}
.capa-simbolo{position:absolute;top:18px;right:18px;width:38px;height:38px}
.capa--cartao{aspect-ratio:16/9}
.capa--cartao .capa-palavra{font-size:64px}
.capa--topo{border-radius:22px;border:1px solid #ffffff1c;box-shadow:0 30px 80px #0006;aspect-ratio:2/1}
@media(prefers-reduced-motion:no-preference){
 .capa-destino-anel{animation:capa-pulso 2.8s ease-out infinite}
 .capa-rota{transition:stroke-dashoffset 1.4s ease}
 .post-card:hover .capa-rota,.post-card:focus-within .capa-rota{stroke-dashoffset:-12}
}
@keyframes capa-pulso{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}

/* ── chips e tags ───────────────────────────────────────────────────── */
.chip{display:inline-flex;align-items:center;min-height:26px;padding:4px 11px;border-radius:999px;background:#d9f2ee;color:#0a4650;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.chip--escuro{min-height:36px;padding:7px 15px;background:#87e6df1a;color:var(--cyan);border:1px solid #87e6df59}
a.chip--escuro:hover{background:#87e6df33}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 15px;border-radius:999px;border:1px solid #c5d2ca;background:#fff;color:#173b52;font-size:14px;transition:border-color .2s,background .2s}
.tag:hover{border-color:var(--orange);background:#fff8f3}
.tag span{font-size:12px;color:var(--suave)}
.tag--grande{min-height:48px;font-size:17px;padding:10px 20px}
.tags--nuvem{gap:12px}
.tags--cartao{position:relative;z-index:2;margin:14px 0 0;gap:6px}
.tags--cartao .tag{min-height:30px;padding:4px 11px;font-size:12.5px;background:var(--papel)}

/* ── topo da listagem ───────────────────────────────────────────────── */
.blog-topo{position:relative;overflow:hidden;padding:56px 0 52px;background:radial-gradient(ellipse at 88% -10%,#1658638a,transparent 58%),radial-gradient(circle at 0% 130%,#e94d1124,transparent 42%)}
.blog-topo--curto{padding-bottom:44px}
.blog-titulo{font-size:clamp(44px,7.4vw,104px);line-height:.97;letter-spacing:-.062em;max-width:13.5ch;margin:18px 0 24px;text-wrap:balance}
.blog-titulo em{font-style:normal;font-weight:400;color:var(--cyan)}
.blog-topo .intro{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#c9d8e1;max-width:56ch}
.blog-topo-acoes{margin-top:30px}
.blog-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.blog-chips a{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:999px;border:1px solid #ffffff30;color:#d7e3ea;font-size:14px;transition:background .2s,border-color .2s}
.blog-chips a:hover{border-color:var(--cyan)}
.blog-chips a[aria-current]{background:var(--cyan);border-color:var(--cyan);color:var(--night);font-weight:700}

/* ── lista e cartões ────────────────────────────────────────────────── */
.blog-lista{padding:56px 0 84px}
.blog-secao-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:0 0 26px}
.blog-secao-topo h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.045em;color:var(--night)}
.blog-secao-topo p{font-size:14px;color:var(--suave)}
.post-grade-cartoes{display:grid;grid-template-columns:1fr;gap:22px}
.post-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #d5ded7;border-radius:18px;overflow:hidden;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.post-card:hover,.post-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 44px #06141f1f;border-color:#b7c7bd}
.post-card-corpo{display:flex;flex-direction:column;flex:1;padding:22px 22px 20px}
.post-card-topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.post-card-novo{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.post-card-novo:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--orange)}
.post-card-titulo{font-size:21px;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.post-card-link:after{content:'';position:absolute;inset:0;z-index:1;border-radius:18px}
.post-card-link:focus-visible{outline:none}
.post-card:has(.post-card-link:focus-visible){outline:2px solid var(--link);outline-offset:3px}
.post-card-resumo{margin-top:10px;font-size:15px;line-height:1.6;color:var(--suave);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-size:13px;color:var(--suave)}
.post-card-ler{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}
.post-card-ler .icon{width:18px;height:18px;color:var(--orange);transition:transform .2s}
.post-card:hover .post-card-ler .icon{transform:translateX(4px)}
.post-card--destaque{margin-bottom:56px;border-radius:24px}
.post-card--destaque .capa{aspect-ratio:16/10}
.post-card--destaque .post-card-corpo{padding:26px 24px 24px}
.post-card--destaque .post-card-titulo{font-size:clamp(27px,3.3vw,44px);line-height:1.08;letter-spacing:-.045em}
.post-card--destaque .post-card-resumo{font-size:17px;-webkit-line-clamp:5;color:#3f5866}
.post-card--destaque .post-card-link:after{border-radius:24px}
.blog-vazio{max-width:640px;background:#fff;border:1px solid #d5ded7;border-radius:22px;padding:34px 30px;color:var(--suave);font-size:16px;line-height:1.65}
.blog-vazio-titulo{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.04em;font-weight:700;color:var(--ink);margin-bottom:10px}
.blog-vazio .button{width:auto;margin-top:24px}
.blog-mais{margin-top:30px}
.blog-mais .text-link{color:var(--ink)}

/* ── artigo: topo ───────────────────────────────────────────────────── */
.post-topo{padding:40px 0 52px;background:radial-gradient(ellipse at 100% 0%,#16586380,transparent 55%),radial-gradient(circle at -10% 110%,#e94d111f,transparent 40%)}
.post-topo-grade{display:grid;gap:30px}
.post-topo-cat{margin:0 0 18px}
.post-titulo{font-size:clamp(34px,5.4vw,66px);line-height:1.03;letter-spacing:-.05em;text-wrap:balance;max-width:20ch}
.post-resumo{margin-top:20px;font-size:clamp(17px,1.45vw,20px);line-height:1.6;color:#c9d8e1;max-width:58ch}
.post-autor{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.post-autor img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid #87e6df66}
.post-autor strong{display:block;font-size:15px}
.post-autor span{font-size:13px;color:var(--muted)}
.post-autor-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);width:100%}

/* ── artigo: papel ──────────────────────────────────────────────────── */
.post-papel{background:var(--papel);color:var(--texto);padding:40px 0 72px}
.post-grade{display:grid;grid-template-columns:minmax(0,1fr)}
.post-lado{display:none}
.post-corpo{min-width:0;max-width:68ch}
.post-toc-celular{margin:0 0 34px;background:#fff;border:1px solid #d7e0d9;border-radius:16px}
.post-toc-celular summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px 18px;cursor:pointer;list-style:none;font-weight:700;color:var(--ink)}
.post-toc-celular summary::-webkit-details-marker{display:none}
.post-toc-celular summary span{margin-left:auto;font-size:13px;font-weight:400;color:var(--suave)}
.post-toc-celular summary:after{content:'';width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.post-toc-celular[open] summary:after{transform:rotate(225deg)}
.post-toc-celular ol,.post-toc ol{list-style:none;margin:0;padding:0}
.post-toc-celular ol{padding:0 10px 10px}
.post-toc-celular a,.post-toc a{display:grid;grid-template-columns:30px 1fr;gap:4px;padding:10px 8px;font-size:15px;line-height:1.35;color:#2b4655;border-radius:8px}
.post-toc-celular a:hover{background:var(--papel)}
.toc-n{font-size:12px;color:var(--suave);padding-top:2px;font-variant-numeric:tabular-nums}
.post-toc-rotulo,.post-tags-rotulo,.post-share-rotulo{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--suave);font-weight:700}
.post-toc-rotulo{margin-bottom:12px}

/* ── artigo: o texto ────────────────────────────────────────────────── */
.post-texto{counter-reset:secao;font-size:17px;line-height:1.75;color:var(--texto)}
.post-texto>p:first-child{font-size:1.14em;line-height:1.65;color:var(--ink)}
.post-texto p{margin:0 0 1.2em}
.post-texto h2{counter-increment:secao;font-size:clamp(26px,3vw,34px);line-height:1.14;letter-spacing:-.04em;color:var(--night);margin:2.1em 0 .7em;text-wrap:balance}
.post-texto h2:before{content:counter(secao,decimal-leading-zero);display:block;margin-bottom:12px;padding-left:24px;font-size:12px;letter-spacing:.18em;color:var(--suave);
 background:linear-gradient(var(--orange),var(--orange)) left center/16px 2px no-repeat}
.post-texto h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;color:var(--ink);margin:1.7em 0 .55em}
.post-texto h4{font-size:17px;color:var(--ink);margin:1.4em 0 .4em}
.post-texto a{color:var(--link);text-decoration:underline;text-decoration-color:#e94d11b3;text-decoration-thickness:1.5px;text-underline-offset:3px}
.post-texto a:hover{text-decoration-color:var(--orange)}
.post-texto strong{color:var(--ink);font-weight:700}
.post-texto ul,.post-texto ol{margin:0 0 1.3em;padding:0;list-style:none}
.post-texto li{position:relative;padding-left:30px;margin:0 0 .6em}
.post-texto ul>li:before{content:'';position:absolute;left:6px;top:.68em;width:7px;height:7px;border-radius:2px;background:var(--orange)}
.post-texto ol{counter-reset:item}
.post-texto ol>li{counter-increment:item}
.post-texto ol>li:before{content:counter(item);position:absolute;left:0;top:.18em;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center}
.post-texto li ul,.post-texto li ol{margin:.6em 0 0}
.post-texto blockquote{margin:2em 0;padding:4px 0 4px 26px;border-left:3px solid var(--orange);font-size:1.18em;line-height:1.55;color:var(--ink)}
.post-texto blockquote p{margin:0 0 .6em}
.post-texto blockquote footer{font-size:14px;color:var(--suave)}
.post-texto hr{border:0;height:1px;margin:2.6em 0;background:linear-gradient(90deg,transparent,#b9c8bf,transparent)}
.post-texto code{font-size:.88em;background:#e6ebe6;padding:2px 6px;border-radius:5px}
.post-texto figure{margin:2em 0}
.post-texto figure img{border-radius:16px;width:100%;height:auto}
.post-texto figcaption{margin-top:10px;font-size:13px;color:var(--suave)}
.ref{line-height:0;vertical-align:.45em}
.ref a{display:inline;padding:1px 6px;margin-left:2px;border-radius:999px;background:var(--navy);color:#fff!important;font-size:11px;font-weight:700;text-decoration:none!important}
.ref a:hover{background:var(--orange)}
/* "Em uma frase": a ideia do texto inteiro, em noite sobre o papel */
.post-frase{position:relative;overflow:hidden;margin:2.2em 0;padding:28px 28px 30px;border-radius:20px;background:radial-gradient(circle at 100% 0%,#87e6df2e,transparent 50%),var(--night);color:var(--white)}
.post-frase .post-frase-rotulo{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px;font-weight:700}
.post-frase-rotulo:before{content:'';width:22px;height:2px;background:var(--orange)}
.post-frase p{font-size:clamp(20px,2.3vw,25px);line-height:1.38;letter-spacing:-.02em;font-weight:700;margin:0}
.post-frase p+p:not(:nth-child(2)){margin-top:.6em}
.post-frase strong{color:var(--cyan)}
.post-frase a{color:var(--cyan)}
/* "O que fazer": os passos, num cartão */
.post-fazer{margin:2.6em 0;padding:6px 26px 14px;background:#fff;border:1px solid #d3ddd6;border-radius:22px;box-shadow:0 14px 40px #06141f0d}
.post-fazer h2{margin-top:1.2em}
.post-fazer h2:before{content:'O QUE FAZER';color:#8a3a12}
.post-fazer ul>li{padding-left:36px}
.post-fazer ul>li:before{left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:#d9f2ee;
 -webkit-mask:none;content:'✓';color:#0a4650;font-size:13px;font-weight:700;line-height:22px;text-align:center}
.post-fazer ol>li{padding-left:36px}
.post-fazer ol>li:before{background:var(--orange);width:24px;height:24px;line-height:24px}
/* tabela: rola de lado no celular sem quebrar a página */
.post-tabela{margin:2em 0;overflow-x:auto;background:#fff;border:1px solid #d5ded7;border-radius:16px;-webkit-overflow-scrolling:touch;
 background-image:linear-gradient(90deg,#fff 30%,#fff0),linear-gradient(270deg,#fff 30%,#fff0),radial-gradient(farthest-side at 0 50%,#06141f22,#0000),radial-gradient(farthest-side at 100% 50%,#06141f22,#0000);
 background-position:left,right,left,right;background-size:40px 100%,40px 100%,12px 100%,12px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}
.post-tabela table{width:100%;min-width:480px;border-collapse:collapse;font-size:15px;line-height:1.45}
.post-tabela th{text-align:left;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#3e5560;background:#eef2ee;padding:12px 16px;white-space:nowrap}
.post-tabela td{padding:12px 16px;border-top:1px solid #e1e8e3;vertical-align:top}
.post-tabela tr:nth-child(even) td{background:#fafbf8}
.post-tabela .a-right{text-align:right;font-variant-numeric:tabular-nums}
.post-tabela .a-center{text-align:center}

/* ── fontes, tags, nota, compartilhar ───────────────────────────────── */
.post-fontes{margin:3em 0 0;border-top:1px solid var(--linha-papel);border-bottom:1px solid var(--linha-papel)}
.post-fontes summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:16px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:700;color:var(--ink)}
.post-fontes summary::-webkit-details-marker{display:none}
.post-fontes summary:after{content:'+';margin-left:auto;width:32px;height:32px;border-radius:50%;border:1px solid #b8c7be;display:grid;place-items:center;font-size:20px;font-weight:400;line-height:1;transition:transform .2s}
.post-fontes[open] summary:after{transform:rotate(45deg)}
.post-fontes-n{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--papel2);color:var(--suave)}
.post-fontes ol{margin:0;padding:0 0 22px;list-style:none;counter-reset:fonte}
.post-fontes li{counter-increment:fonte;position:relative;padding:10px 12px 10px 40px;border-radius:10px;font-size:15px;line-height:1.5;transition:background .4s}
.post-fontes li:before{content:counter(fonte);position:absolute;left:8px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--papel2);color:var(--ink);font-size:12px;font-weight:700;line-height:22px;text-align:center}
.post-fontes li:target{background:#fff3cf}
.post-fontes a{color:var(--link);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.post-fontes small{display:block;margin-top:3px;font-size:13px;color:var(--suave)}
.post-tags{margin:30px 0 0}
.post-tags-rotulo{margin-bottom:12px}
.post-nota{margin:28px 0 0;padding:16px 18px;border-radius:14px;background:var(--papel2);font-size:14px;line-height:1.6;color:var(--suave)}
.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.post-share-rotulo{width:100%;margin-bottom:2px}
.share-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid #b9c8c0;background:#fff;color:var(--ink);font-size:14px;font-weight:700;transition:border-color .2s,background .2s}
.share-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.share-btn:hover{border-color:var(--orange)}
.share-btn.copiado{background:#d9f2ee;border-color:#7cc7bf}
.share-status{width:100%;min-height:1.2em;font-size:13px;color:#1b5e40}
.post-share--fim{margin-top:28px;padding-top:24px;border-top:1px solid var(--linha-papel)}
.post-share--lado{margin-top:30px;padding-top:24px;border-top:1px solid var(--linha-papel)}

/* ── chamado e relacionados ─────────────────────────────────────────── */
.post-chamado{padding:72px 0;background:var(--night)}
.post-chamado-caixa{display:grid;gap:22px;padding:clamp(26px,4vw,48px);border-radius:26px;border:1px solid #ffffff1f;
 background:radial-gradient(circle at 0% 0%,#87e6df24,transparent 45%),radial-gradient(circle at 100% 100%,#e94d1130,transparent 45%),linear-gradient(140deg,#0c2b3e,#081d2b)}
.post-chamado-foto{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--cyan)}
.post-chamado h2{margin:12px 0 10px;font-size:clamp(26px,3.2vw,40px);line-height:1.08;letter-spacing:-.045em;max-width:20ch}
.post-chamado-texto>p:last-child{font-size:16px;line-height:1.6;color:#c9d8e1;max-width:56ch}
.post-chamado .button{width:auto;margin-top:0}
.post-chamado .micro{margin-top:14px;color:#a9bfcc}
.post-chamado .micro a{text-decoration:underline;display:inline}
.post-relacionados{padding:68px 0 88px}
/* a página já tem o seu chamado: o "Me chama" do rodapé do site seria o mesmo pedido duas vezes */
.blog:has(.post-chamado) .footer-top{display:none}

/* ── arte do topo da listagem: a mesma rota das capas, grande e quieta ── */
.blog-topo-arte{display:none}
@media(min-width:1180px){
 .blog-topo-arte{display:block;position:absolute;right:1vw;top:50%;width:min(52vw,760px);height:auto;transform:translateY(-46%);z-index:-1;pointer-events:none}
 .blog-topo{isolation:isolate}
 .blog-topo-arte ellipse{fill:none;stroke:#fff;stroke-opacity:.06}
 .blog-topo-arte .arte-rota{fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;stroke-dasharray:1.1 1.6;opacity:.75}
 .blog-topo-arte .arte-sombra{fill:none;stroke:var(--cyan);stroke-opacity:.12;stroke-width:12;stroke-linecap:round}
 .blog-topo-arte .arte-inicio{fill:var(--white)}
 .blog-topo-arte .arte-fim{fill:var(--orange)}
 .blog-topo-arte .arte-anel{fill:none;stroke:var(--orange);stroke-opacity:.5;transform-box:fill-box;transform-origin:center}
}
@media(min-width:1180px) and (prefers-reduced-motion:no-preference){.blog-topo-arte .arte-anel{animation:capa-pulso 2.8s ease-out infinite}}

/* ── telas maiores ──────────────────────────────────────────────────── */
@media(min-width:700px){
 .post-grade-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .post-texto{font-size:18px}
 .post-frase{padding:34px 38px 36px}
 .post-fazer{padding:8px 36px 18px}
 .post-autor-meta{width:auto;margin-left:auto}
}
@media(min-width:900px){
 .post-card--destaque{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .post-card--destaque .capa{aspect-ratio:auto;min-height:400px}
 .post-card--destaque .post-card-corpo{padding:40px 40px 34px;justify-content:center}
 .post-chamado-caixa{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px}
 .post-chamado-acoes{max-width:300px}
 .post-chamado .micro{margin-top:12px}
}
@media(min-width:1000px){
 .post-topo{padding:44px 0 64px}
 .post-topo-grade{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);align-items:end;gap:56px}
 .capa--topo{aspect-ratio:4/4.4}
}
@media(min-width:1080px){
 .post-grade-cartoes{grid-template-columns:repeat(3,minmax(0,1fr))}
 .post-papel{padding:64px 0 96px}
 .post-grade{grid-template-columns:250px minmax(0,46rem);gap:clamp(48px,6vw,96px);justify-content:center}
 .post-lado{display:block;position:sticky;top:112px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;padding-right:4px}
 .post-toc a{padding:9px 10px 9px 14px;border-left:2px solid #d3dcd5;border-radius:0;font-size:14px;color:#3b5462;transition:border-color .2s,color .2s}
 .post-toc a:hover{color:var(--ink);border-left-color:#9fb3a8}
 .post-toc a[aria-current]{border-left-color:var(--orange);color:var(--night);font-weight:700}
 .post-toc-celular{display:none}
 .post-share--lado .share-btn{width:100%;justify-content:flex-start}
}
@media(max-width:600px){
 .blog-topo{padding:34px 0 36px}
 .blog-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-19px;padding:0 19px 6px;scrollbar-width:none}
 .blog-chips a{flex-shrink:0}
 .post-topo{padding:28px 0 36px}
 .blog .breadcrumbs [aria-current]{max-width:18ch}
 .post-autor img{width:44px;height:44px}
 .post-card-corpo{padding:20px 18px 18px}
 .post-chamado{padding:52px 0}
 .post-chamado .button{width:100%}
 .post-texto>p:first-child{font-size:1.08em}
 .post-frase{border-radius:16px;padding:24px 22px 26px}
 .post-fazer{padding:4px 18px 12px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.post-card,.post-card:hover{transform:none;transition:none}.capa-destino-anel{animation:none}}
@media print{
 .header,.footer,.post-lado,.post-share,.post-chamado,.post-relacionados,.post-toc-celular,.capa,.progress,.skip{display:none!important}
 .post-topo,.post-papel{background:#fff;color:#000;padding:0}
 .post-titulo,.post-resumo,.post-autor{color:#000}
 .post-corpo{max-width:none}
 .post-frase{background:#fff;color:#000;border:2px solid #000}
}