:root{--teal:#0f766e;--teal-escuro:#0b5d57;--teal-nevoa:#f3faf8;--teal-claro:#ccfbf1;--ambar:#f59e0b;--tinta:#16272a;--tinta-suave:#5b6f6d;--linha:#dceae6;--branco:#fff}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:"Inter Variable",Inter,-apple-system,"Segoe UI",system-ui,sans-serif;color:var(--tinta);background:var(--branco);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.blog-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.blog-nav .logo{margin-right:auto}.blog-nav .logo img{height:28px;width:auto;display:block}
.blog-nav .voltar{color:var(--tinta-suave);font-size:.9rem}
.btn{display:inline-block;background:var(--ambar);color:var(--tinta);padding:9px 18px;border-radius:10px;font-weight:700;font-size:.9rem}
.btn:hover{background:#e08c00;text-decoration:none}
.btn-grande{padding:14px 28px;font-size:1.02rem}
/* HERO da lista */
.blog-hero{max-width:820px;margin:0 auto;padding:48px 20px 12px;text-align:center}
.blog-hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;color:var(--tinta)}
.blog-hero p{color:var(--tinta-suave);margin-top:8px}
.lista-posts{max-width:960px;margin:24px auto 60px;padding:0 20px;display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:720px){.lista-posts{grid-template-columns:1fr 1fr}}
.card-post{border:1px solid var(--linha);border-radius:16px;overflow:hidden;background:var(--branco);transition:box-shadow .15s,transform .15s;color:inherit}
.card-post:hover{box-shadow:0 16px 40px rgba(11,93,87,.12);transform:translateY(-2px);text-decoration:none}
.card-post img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block}
.card-corpo{padding:16px 18px}
.card-corpo .cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--teal)}
.card-corpo h2{font-size:1.15rem;font-weight:700;margin:4px 0 6px;color:var(--tinta);letter-spacing:-.01em}
.card-corpo p{font-size:.92rem;color:var(--tinta-suave)}
/* POST */
.post{max-width:720px;margin:0 auto;padding:28px 20px 60px}
.crumb{font-size:.8rem;color:var(--tinta-suave);margin-bottom:14px}
.post h1{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
.meta-post{font-size:.85rem;color:var(--tinta-suave);margin:12px 0 20px}
.meta-post .cat{color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}
.capa{width:100%;height:auto;border-radius:16px;margin-bottom:22px;box-shadow:0 16px 40px rgba(11,93,87,.14)}
.tldr{background:var(--teal-nevoa);border:1px solid var(--teal-claro);border-left:4px solid var(--teal);border-radius:12px;padding:14px 18px;margin-bottom:24px;font-size:.98rem}
.toc{background:#fafcfb;border:1px solid var(--linha);border-radius:12px;padding:14px 18px;margin-bottom:26px}
.toc b{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--teal);margin-bottom:8px}
.toc ul{margin:0;padding-left:18px}.toc li{margin:3px 0;font-size:.92rem}
.corpo h2{font-size:1.5rem;font-weight:800;color:var(--tinta);margin:34px 0 12px;letter-spacing:-.01em;scroll-margin-top:70px}
.corpo h3{font-size:1.18rem;font-weight:700;margin:24px 0 8px}
.corpo p{margin:0 0 16px}
.corpo ul{margin:0 0 16px;padding-left:22px}.corpo li{margin:6px 0}
.corpo blockquote{border-left:3px solid var(--ambar);background:#fffbf3;padding:12px 18px;border-radius:8px;margin:0 0 18px;font-style:italic;color:var(--tinta)}
.corpo code{background:var(--teal-nevoa);padding:1px 6px;border-radius:4px;font-size:.9em}
.tab-wrap{overflow-x:auto;margin:0 0 20px}
.corpo table{width:100%;border-collapse:collapse;font-size:.92rem}
.corpo th{background:var(--teal);color:#fff;text-align:left;padding:9px 12px;font-weight:700}
.corpo td{border-bottom:1px solid var(--linha);padding:8px 12px;vertical-align:top}
.corpo tr:nth-child(even) td{background:var(--teal-nevoa)}
.faq{margin-top:36px}.faq h2{font-size:1.5rem;font-weight:800;margin-bottom:12px}
.faq details{border:1px solid var(--linha);border-radius:10px;padding:12px 16px;margin-bottom:8px}
.faq summary{font-weight:600;cursor:pointer}
.faq details p{margin-top:8px;color:var(--tinta-suave)}
.fontes{margin-top:36px}.fontes h2{font-size:1.3rem;font-weight:800;margin-bottom:10px}
.fontes ol{padding-left:22px;font-size:.9rem;color:var(--tinta-suave)}.fontes li{margin:5px 0}
.cta-post{margin:40px 0;padding:26px;background:linear-gradient(135deg,var(--teal-nevoa),#fef9ee);border:1px solid var(--teal-claro);border-radius:18px;text-align:center}
.cta-post h3{font-size:1.3rem;font-weight:800;color:var(--tinta);margin-bottom:8px}
.cta-post p{color:var(--tinta-suave);max-width:520px;margin:0 auto 16px}
.autora{display:flex;gap:16px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid var(--linha)}
.autora-foto img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 25%}
.autora strong{color:var(--tinta)}.autora span{font-size:.88rem;color:var(--tinta-suave)}
.blog-rodape{max-width:960px;margin:0 auto;padding:24px 20px 40px;text-align:center;font-size:.85rem;color:var(--tinta-suave);border-top:1px solid var(--linha)}