/* ==========================================================================
   TLIMM — BLOG (/blog, /blog/categoria/..., /blog/<artigo>)
   Complementa landing-v2.css + profissao.css. Leitura confortável:
   coluna de ~720px, 18px, entrelinha generosa, contraste alto.
   ========================================================================== */

.b-estreito{max-width:780px;margin-inline:auto}

/* chips de categoria */
.b-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.b-chips a{font-size:13.5px;text-decoration:none;color:var(--dim);padding:8px 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);transition:border-color .2s,color .2s}
.b-chips a:hover{color:var(--gold-b);border-color:var(--line)}
.b-chips a[aria-current]{background:var(--gold-b);color:#1A1300;border-color:var(--gold-b);font-weight:600}

/* cards */
.b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
@media (max-width:980px){.b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.b-grid{grid-template-columns:minmax(0,1fr)}}
.b-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid var(--line2);text-decoration:none;transition:transform .25s,border-color .25s}
.b-card:hover{transform:translateY(-4px);border-color:var(--line)}
.b-card img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:#15120E}
.b-card-txt{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.b-card-txt b{font:600 20px/1.2 var(--f-display)}
.b-card-txt span:not(.b-card-cat){color:var(--dim);font-size:14.5px;flex:1}
.b-card-txt i{font-style:normal;font:500 12px var(--f-mono);color:var(--faint)}
.b-card-cat{display:inline-block;align-self:flex-start;font:600 11px var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-b);text-decoration:none}

.b-destaque{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:transform .25s}
.b-destaque:hover{transform:translateY(-3px)}
.b-destaque img{width:100%;height:100%;object-fit:cover;aspect-ratio:1200/630}
.b-destaque>div{display:flex;flex-direction:column;gap:12px;padding:30px;justify-content:center}
.b-destaque b{font:600 clamp(24px,2.6vw,32px)/1.12 var(--f-display)}
.b-destaque span:not(.b-card-cat){color:var(--dim)}
.b-destaque i{font-style:normal;display:inline-flex;align-items:center;gap:8px;font:600 12.5px var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-b)}
.b-destaque i svg{width:16px;height:16px}
@media (max-width:820px){.b-destaque{grid-template-columns:minmax(0,1fr)}.b-destaque>div{padding:22px}}

/* artigo */
.b-art-topo{position:relative;padding-top:40px}
.b-art-topo h1{font-size:clamp(32px,4.6vw,52px);line-height:1.08;font-weight:600;margin-top:14px}
.b-lead{margin-top:16px;color:var(--dim);font-size:clamp(17px,1.8vw,19px)}
.b-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font:500 12.5px var(--f-mono);color:var(--faint)}
.b-meta b{color:var(--dim);font-weight:500}
.b-capa{width:100%;height:auto;border-radius:22px;margin-top:28px;border:1px solid var(--line2);aspect-ratio:1200/630;object-fit:cover}

.b-sumario{margin-top:30px;border:1px solid var(--line2);border-radius:18px;background:var(--card);padding:6px 22px}
.b-sumario summary{cursor:pointer;padding:14px 0;font:600 13px var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-b)}
.b-sumario ol{margin:0 0 16px;padding-left:20px;display:grid;gap:6px}
.b-sumario a{color:var(--dim);text-decoration:none;font-size:15.5px}
.b-sumario a:hover{color:var(--gold-b)}

.b-texto{margin-top:34px;font-size:18px;line-height:1.75;color:#E9E3D8}
.b-texto>*+*{margin-top:1.05em}
.b-texto h2{font-size:clamp(26px,3vw,34px);line-height:1.15;font-weight:600;margin-top:2em;color:var(--text);scroll-margin-top:90px}
.b-texto h3{font:600 21px/1.3 var(--f-body);margin-top:1.6em;color:var(--text);scroll-margin-top:90px}
.b-texto p{margin-bottom:0}
.b-texto a{color:var(--gold-b);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.b-texto strong{color:var(--text)}
.b-texto ul,.b-texto ol{padding-left:24px}
.b-texto li+li{margin-top:.45em}
.b-texto li::marker{color:var(--gold-b)}
.b-dica{border-left:3px solid var(--gold-b);background:rgba(242,201,76,.07);border-radius:0 14px 14px 0;padding:16px 20px;font-size:16.5px}
.b-dica p{margin:0}
.b-tabela{overflow-x:auto;border:1px solid var(--line2);border-radius:14px}
.b-tabela table{border-collapse:collapse;width:100%;font-size:15.5px;min-width:420px}
.b-tabela th,.b-tabela td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line2)}
.b-tabela th{background:var(--card2);font:600 12px var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-b)}
.b-tabela tr:last-child td{border-bottom:0}

.b-cta-mini{margin:2em 0 0;padding:18px 20px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.b-cta-mini p{margin:0;font-size:16px;color:var(--dim)}
.b-cta-mini b{color:var(--text)}
.b-cta-mini a{color:var(--gold-b);font:600 13.5px var(--f-label);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap}

.b-compartilhar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line2);font-size:14.5px;color:var(--faint)}
.b-compartilhar a,.b-compartilhar button{font:600 13px var(--f-body);padding:9px 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--text);text-decoration:none;cursor:pointer}
.b-compartilhar a:hover,.b-compartilhar button:hover{border-color:var(--line);color:var(--gold-b)}

.b-cta{margin-top:36px;padding:30px;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,rgba(242,201,76,.16),transparent 60%),var(--card);border:1px solid var(--line);display:grid;gap:20px}
.b-cta h2{font-size:clamp(24px,3vw,32px);line-height:1.12;font-weight:600;margin-top:10px}
.b-cta h2 em{font-style:italic;font-weight:500;color:var(--gold-b)}
.b-cta p{margin-top:10px;color:var(--dim)}
.b-cta-btns{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.b-cta-link{color:var(--dim);font-size:14.5px}
.b-cta-link:hover{color:var(--gold-b)}
@media (max-width:520px){.b-cta{padding:22px}.b-cta .btn{width:100%}}

.b-rel{background:var(--bg2);margin-top:70px}

/* "Conteúdos" na página /para/<profissão> */
.p-conteudos .b-grid{margin-top:36px}