/* Blog post article layout — shared by scripts/templates/blog-post.html and admin preview */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins',sans-serif;color:var(--c-text,#1C244B);background:#fff;line-height:1.6;font-weight:300}
a{color:#31b387;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.post-hero{position:relative;min-height:var(--e2c-cover-min-height,clamp(220px,36vh,360px));overflow:hidden}
.post-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.post-hero-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}
.post-hero-text{position:absolute;bottom:0;left:0;right:0;color:#fff;text-align:left;z-index:2}
.post-hero-text-inner{max-width:760px;margin:0 auto;padding:2rem 2rem 2.5rem}
.post-category-badge{display:inline-block;background:none;color:#31b387;border:1px solid #31b387;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .7rem;border-radius:4px;margin-bottom:.75rem}
.post-hero-text h1{font-size:2.8rem;line-height:1.15;font-weight:600}
.post-body{max-width:760px;margin:0 auto;padding:0 2rem 3rem}
.post-body h2{font-size:1.4rem;font-weight:600;color:var(--c-brand-dark,#1c244b);margin:2rem 0 .75rem}
.post-body h3{font-size:1.1rem;font-weight:600;color:var(--c-brand-dark,#1c244b);margin:1.5rem 0 .5rem}
.post-body p{margin-bottom:1rem}
.post-body ul,.post-body ol{margin:.5rem 0 1rem 1.5rem}
.post-body li{margin-bottom:.35rem}
.post-body table{width:100%;border-collapse:collapse;margin:1.25rem 0}
.post-body th,.post-body td{border:1px solid #ddd;padding:.6rem .85rem;text-align:left;font-size:.88rem}
.post-body th{background:#f0f6fa;color:var(--c-brand-dark,#1c244b);font-weight:600}
.post-body strong{color:var(--c-brand-dark,#1c244b)}
.post-meta-bar{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;font-size:.78rem;font-weight:400;color:var(--c-text-muted,#324A6D);margin:2rem 0 0;padding-top:1rem;border-top:1px solid var(--c-border,#e5e5e5)}
.cta-box{background:#f0f6fa;border-left:4px solid #31b387;border-radius:6px;padding:1.25rem 1.5rem;margin:2.5rem 0}
.cta-box p{margin-bottom:.75rem}
.cta-btn{display:inline-block;background:#31b387;color:#fff;padding:.65rem 1.4rem;border-radius:5px;font-weight:600;font-size:.9rem}
.cta-btn:hover{background:var(--c-brand-hover,#259970);text-decoration:none}
.breadcrumb{max-width:760px;margin:1.25rem auto 0;padding:0 2rem;font-size:.8rem;font-weight:400;color:var(--c-text-muted,#324A6D)}
.breadcrumb a{color:#31b387}
/* Rodapé global: usar apenas assets/css/e2c-footer.css (parciais footer-pt/footer-en + build-layout). Não estilizar .site-footer aqui — conflita com footer.e2c-footer. */
@media(max-width:640px){.post-hero-text h1{font-size:1.75rem}.post-hero-text-inner{padding:1.25rem 1.25rem 1.75rem}}