:root { --verde-primario: #1d4d18; --verde-sucesso: #28a745; }
.blog-hero { background: linear-gradient(135deg, #0a2108 0%, var(--verde-primario) 100%); color:#fff; padding:36px 20px 48px; text-align:center; }
.blog-hero img { max-width:140px; }
.blog-hero h1 { margin:12px 0 6px; font-size:1.8rem; }
.blog-hero p { opacity:.88; max-width:640px; margin:0 auto; }
.blog-wrap { max-width:820px; margin:-28px auto 50px; padding:0 16px; }
.blog-list { max-width:860px; }
.blog-card { background:#fff; border-radius:12px; padding:22px; margin-bottom:16px; box-shadow:0 4px 12px rgba(0,0,0,.06); border-top:4px solid var(--verde-primario); }
.blog-card h2 { margin:0 0 8px; font-size:1.2rem; }
.blog-card h2 a { color:#143d12; text-decoration:none; }
.blog-card h2 a:hover { color:var(--verde-sucesso); }
.blog-meta { color:#6c757d; font-size:.82rem; margin-bottom:10px; }
.blog-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.blog-tags a { font-size:.75rem; background:#eef7ee; color:#1d4d18; text-decoration:none; padding:3px 8px; border-radius:999px; }
.blog-share {
    margin:16px 0 20px;
    padding:12px 14px;
    background:#f4faf4;
    border:1px solid #d8ead8;
    border-radius:10px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 12px;
}
.blog-share-label {
    font-size:.78rem;
    font-weight:800;
    color:#1d4d18;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.blog-share-btns { display:flex; flex-wrap:wrap; gap:8px; }
.blog-share-btn {
    display:inline-flex;
    align-items:center;
    gap:6px;
    font:inherit;
    font-size:.82rem;
    font-weight:700;
    padding:7px 12px;
    border-radius:8px;
    border:1px solid #cbd5e1;
    background:#fff;
    color:#334155;
    text-decoration:none;
    cursor:pointer;
    transition:.15s;
}
.blog-share-btn:hover { border-color:#94a3b8; background:#f8fafc; }
.blog-share-btn.wa { color:#128c7e; border-color:#a7f3d0; background:#ecfdf5; }
.blog-share-btn.in { color:#0a66c2; border-color:#bfdbfe; background:#eff6ff; }
.blog-share-btn.copy.copied { color:#166534; border-color:#86efac; background:#dcfce7; }
.blog-share-btn.native { color:#475569; }
.blog-body { background:#fff; border-radius:12px; padding:28px 26px 36px; box-shadow:0 4px 12px rgba(0,0,0,.06); }
.blog-body h1 { font-size:1.7rem; color:#143d12; line-height:1.3; margin:0 0 10px; }
.blog-body .blog-html h2 { color:var(--verde-primario); font-size:1.2rem; margin:26px 0 10px; }
.blog-body .blog-html p { line-height:1.7; color:#333; margin:0 0 14px; }
.blog-body .blog-html a { color:var(--verde-primario); font-weight:700; text-decoration:underline; }
.blog-body .blog-html a:hover { color:var(--verde-sucesso); }
.blog-body .blog-html ul, .blog-body .blog-html ol { margin:0 0 16px 20px; line-height:1.6; }
.blog-cta { margin-top:28px; background:#0a2108; color:#fff; border-radius:12px; padding:22px; }
.blog-cta p { margin:0 0 14px; line-height:1.55; color:#d9ead9; }
.blog-cta a { display:inline-block; background:var(--verde-sucesso); color:#fff; font-weight:800; text-decoration:none; padding:12px 18px; border-radius:8px; }
.blog-autor { margin-top:22px; padding-top:18px; border-top:1px solid #eee; display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; }
.blog-autor strong { color:#143d12; }
.blog-autor a { color:var(--verde-primario); font-weight:700; text-decoration:none; }
.blog-empty { background:#fff; padding:28px; border-radius:12px; text-align:center; color:#666; }
.blog-pag { display:flex; justify-content:center; gap:16px; margin:18px 0; }
.blog-pag a { color:var(--verde-primario); font-weight:700; }
.voltar-home { display:inline-block; margin-bottom:10px; color:#cfe8cf; text-decoration:none; font-size:.9rem; }
@media (max-width:640px) {
    .blog-body { padding:18px 14px 28px; }
    .blog-body h1 { font-size:1.35rem; }
}