/* Blog /conteudos/ — autocontido, não carrega o style.css da página de vendas. */
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/bricolage-grotesque.woff2') format('woff2-variations');font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans.woff2') format('woff2-variations');font-weight:100 1000;font-display:swap}
:root{--bg:#FAF6F0;--surface:#F5EFE6;--warm:#F0E8D8;--text:#2A1308;--mid:#5C2A12;--soft:#7A5A45;--primary:#C24A12;--orange:#F26B1F;--dark:#1A0C05;--border:rgba(42,19,8,.12);--fd:'Bricolage Grotesque',system-ui,sans-serif;--fb:'DM Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--fb);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--primary)}
.topo{background:var(--dark);padding:14px clamp(20px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.topo a{color:var(--bg);text-decoration:none}
.topo__logo{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:-.02em;color:inherit;text-decoration:none}
.topo__logo span{color:var(--orange)}
.topo__nav{display:flex;gap:18px;align-items:center;font-size:14px}
.topo__cta{background:var(--orange);color:var(--dark)!important;font-weight:700;padding:8px 14px;border-radius:999px}
.artigo,.hub{max-width:46rem;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,5vw,40px) 80px}
.hub{max-width:64rem}
.trilha{font-size:13.5px;color:var(--soft);margin-bottom:28px}
.trilha a{color:var(--soft)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0 0 10px}
h1,h2,h3{font-family:var(--fd);letter-spacing:-.02em;line-height:1.15;color:var(--text)}
h1{font-size:clamp(30px,5.2vw,46px);font-weight:800;margin:0 0 18px}
h2{font-size:clamp(23px,3.4vw,29px);font-weight:750;margin:2.2em 0 .6em}
h3{font-size:20px;font-weight:700;margin:1.6em 0 .4em}
.meta{font-size:14.5px;color:var(--soft);border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:30px}
.lead{font-size:19px;color:var(--mid);max-width:44rem}
.conteudo p,.conteudo li{color:#3a2216}
.conteudo ul,.conteudo ol{padding-left:1.3em}
.conteudo li{margin:.35em 0}
.conteudo>p:first-child{font-size:19px;color:var(--text)}
.exemplo{background:var(--warm);border-left:4px solid var(--orange);border-radius:10px;padding:6px 22px;margin:1.6em 0}
.tabela{overflow-x:auto;margin:1.4em 0}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--surface);font-weight:700}
.faq__item{border-top:1px solid var(--border);padding:4px 0 8px}
.faq__item h3{font-size:18px}
.fontes ul{padding-left:1.2em}
.nota{font-size:14px;color:var(--soft)}
.cta{background:var(--dark);color:var(--bg);border-radius:18px;padding:32px clamp(22px,4vw,40px);margin:56px 0 0}
.cta p{margin:.4em 0;color:#E8DCCD}
.cta__eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)!important}
.cta__titulo{font-family:var(--fd);font-weight:800;font-size:clamp(22px,3.4vw,28px);line-height:1.2;color:var(--bg)!important}
.cta__botao{display:inline-block;margin-top:14px;background:var(--orange);color:var(--dark);font-weight:700;text-decoration:none;padding:13px 22px;border-radius:999px}
.relacionados ul,.cards{list-style:none;padding:0;display:grid;gap:14px}
.relacionados a,.cards a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--text);font-weight:600;line-height:1.4}
.relacionados a span{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:4px}
.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.cards strong{display:block;font-family:var(--fd);font-size:19px;letter-spacing:-.01em;margin-bottom:6px}
.cards span{display:block;font-weight:400;font-size:15px;color:var(--soft)}
.relacionados a:hover,.cards a:hover{border-color:var(--orange)}
.clusters{font-size:15px}
.grupo h2{margin-top:1.8em}
.rodape{background:var(--dark);color:#C9B8A6;font-size:14px;padding:34px clamp(20px,5vw,48px);text-align:center}
.rodape a{color:#E8DCCD}
.rodape .topo__logo{color:var(--bg)}
@media (max-width:520px){.topo__nav a:not(.topo__cta){display:none}}