/* Ágil MPE — blog (v1). Usa as variáveis de /styles.css */
.blog-page main{background:white}
.post-wrap{max-width:780px;padding-top:56px;padding-bottom:72px}
.crumbs{font-size:.875rem;margin-bottom:28px;color:var(--muted)}.crumbs a{color:var(--muted)}
.post h1{font-size:clamp(2rem,4.2vw,3rem);margin-bottom:16px}
.post h2{font-size:clamp(1.4rem,2.4vw,1.75rem);margin:44px 0 14px}
.post p,.post li{font-size:1.0625rem;line-height:1.75;color:var(--ink)}
.post-meta{font-size:.875rem;color:var(--muted)!important}
.post-lead{font-size:1.1875rem!important;color:var(--muted)!important}
.steps{counter-reset:s;display:grid;gap:14px;margin:0 0 1.4em}
.steps li{counter-increment:s;position:relative;padding-left:46px}
.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:white;font:700 .875rem var(--display);display:grid;place-items:center}
.bullets{display:grid;gap:12px;margin:0 0 1.4em}
.bullets li{position:relative;padding-left:22px}
.bullets li::before{content:"";position:absolute;left:0;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.formula{background:var(--paper);border-left:4px solid var(--teal);padding:16px 20px;border-radius:6px}
.formula strong{color:var(--navy)}
.cta-box{margin-top:48px;background:var(--navy);border-radius:12px;padding:32px}
.cta-box h2{margin:0 0 12px;color:white}.cta-box p{color:#d3dee6}.cta-box strong{color:white}.cta-box p:last-child{margin:0}
.post-note{font-size:.875rem!important;color:var(--muted)!important;margin-top:28px}
.blog-hero{background:var(--paper);padding:64px 0 40px}.blog-hero h1{font-size:clamp(2.25rem,4.5vw,3.5rem);margin-bottom:12px}
.post-list{display:grid;gap:24px}
.post-card{border:1px solid var(--line);border-radius:12px;padding:28px}
.post-card h2{font-size:1.5rem;margin:6px 0 10px}.post-card h2 a{color:var(--navy);text-decoration:none}.post-card h2 a:hover{text-decoration:underline}
@media(max-width:640px){.post-wrap{padding-top:36px}.cta-box{padding:24px}}

.table-wrap{overflow-x:auto;margin:0 0 1.4em}
.post table{width:100%;border-collapse:collapse;font-size:1rem}
.post th,.post td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink)}
.post th{background:var(--navy);color:white;font-family:var(--display)}
.post td:last-child,.post th:last-child{text-align:right;white-space:nowrap}
.post tr.total td{font-weight:700;background:var(--paper)}
.related{margin-top:40px;border-top:1px solid var(--line);padding-top:8px}
.related h2{font-size:1.125rem;margin:16px 0 8px}
.related p{margin:0 0 14px;line-height:1.5}

.post h3{font-size:1.25rem;margin:30px 0 8px;color:var(--navy)}
.cta-box .bullets li{color:#d3dee6}