.blog-topo{padding:80px 0 10px}
.blog-topo h1{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:700;margin-top:14px}
.blog-topo p{font-size:18px;color:var(--fumaca);margin-top:14px;max-width:560px}
.selo-mini{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--fumaca)}
.selo-mini img{width:22px;height:22px;border-radius:6px}
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 28px}
.filtros button{border:1px solid var(--linha);background:var(--branco);border-radius:999px;padding:9px 18px;font-weight:600;font-size:14.5px;color:var(--fumaca);transition:all .2s}
.filtros button.on{background:var(--onix);color:var(--papel);border-color:var(--onix)}
.destaque{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--branco);border:1px solid var(--linha);border-radius:32px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.destaque:hover,.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(11,11,12,.08)}
.destaque .img{background:var(--branco);display:grid;place-items:center;padding:20px}
.destaque .txt{padding:44px 44px 40px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.destaque h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.035em;font-weight:700}
.destaque p{color:var(--fumaca)}
.meta{font-size:13.5px;color:var(--fumaca)}
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.card{background:var(--branco);border:1px solid var(--linha);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.card .img{aspect-ratio:3/2;display:grid;place-items:center;border-bottom:1px solid var(--linha)}
.card .img img{width:100%;height:100%;object-fit:cover}
.card .txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{font-size:21px;line-height:1.2;letter-spacing:-.02em;font-weight:700}
.card p{font-size:15px;color:var(--fumaca)}
.card .meta{margin-top:auto;padding-top:6px}
.assine{margin-top:70px;background:var(--onix);color:var(--papel);border-radius:36px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.assine h3{font-size:30px;letter-spacing:-.035em;line-height:1.1}
.assine p{color:var(--fumaca-esc);margin-top:8px}
.assine form{display:flex;gap:6px;background:var(--grafite);border:1px solid var(--linha-esc);border-radius:999px;padding:6px;min-width:380px}
.assine input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:var(--papel);padding:0 16px;outline:none}
.feito{display:none;font-weight:700}
/* artigo */
.art-topo{max-width:760px;margin:0 auto;padding:70px 24px 0;text-align:center}
.trilha{font-size:14px;color:var(--fumaca)}
.trilha a:hover{color:var(--onix)}
.art-topo h1{font-size:clamp(34px,4.6vw,56px);line-height:1.06;letter-spacing:-.045em;font-weight:700;margin:18px 0 16px}
.art-topo .resumo{font-size:19px;color:var(--fumaca)}
.art-topo .meta{margin-top:18px}
.art-capa{max-width:980px;margin:40px auto 0;padding:0 24px}
.art-capa div{background:var(--branco);border:1px solid var(--linha);border-radius:32px;overflow:hidden;aspect-ratio:2/1;display:grid;place-items:center}
.art-capa img{width:100%;height:100%;object-fit:contain}
.texto{max-width:680px;margin:50px auto 0;padding:0 24px;font-size:18.5px;line-height:1.75}
.texto p{margin-bottom:22px}
.texto h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:44px 0 14px}
.texto ul{margin:0 0 22px 22px}
.texto li{margin-bottom:8px}
.texto li::marker{color:var(--lava)}
.dica{background:var(--branco);border:1px solid var(--linha);border-left:4px solid var(--lava);border-radius:18px;padding:20px 22px;margin:30px 0;font-size:17px}
.dica b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--lava);margin-bottom:4px}
.fim-art{max-width:680px;margin:50px auto 0;padding:0 24px}
.cta-art{background:var(--onix);color:var(--papel);border-radius:28px;padding:32px;display:flex;gap:24px;align-items:center}
.cta-art img{width:90px;flex:none}
.cta-art h3{font-size:24px;letter-spacing:-.03em;line-height:1.15}
.cta-art p{color:var(--fumaca-esc);font-size:15px;margin:6px 0 16px}
.relac{margin-top:100px}
.relac h2{font-size:32px;letter-spacing:-.035em;margin-bottom:6px}
@media (max-width:980px){.destaque{grid-template-columns:1fr}.grade{grid-template-columns:1fr 1fr}.assine{grid-template-columns:1fr}.assine form{min-width:0}}
@media (max-width:600px){.grade{grid-template-columns:1fr}.destaque .txt{padding:28px}.assine{padding:30px}.assine form{flex-direction:column;border-radius:22px}.assine input{padding:12px 14px}.cta-art{flex-direction:column;align-items:flex-start}}