/* =============================================================================
 *  blog.css
 * ===========================================================================*/
.blog-wrap { padding-top: 28px; padding-bottom: 60px; }
.blog-wrap .section-title { margin-bottom: 6px; }
.bc-meta { display: block; font-size: .78rem; margin-top: 10px; }

/* ---- Artículo ---- */
.blog-article { max-width: 760px; margin: 0 auto; }
.article-title { font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 10px 0; line-height: 1.15; }
.article-meta { margin-bottom: 24px; font-size: .9rem; }
.article-hero { border-radius: var(--radius); overflow: hidden; margin-bottom: 30px; max-height: 420px; }
.article-hero img { width: 100%; height: 100%; object-fit: cover; }
.article-body { font-size: 1.05rem; line-height: 1.8; color: var(--text); }
.article-body h1, .article-body h2, .article-body h3 { margin: 28px 0 12px; }
.article-body h1 { font-size: 1.6rem; }
.article-body h2 { font-size: 1.35rem; }
.article-body h3 { font-size: 1.15rem; }
.article-body p { margin-bottom: 16px; color: var(--muted); }
.article-body ul { margin: 0 0 16px 22px; color: var(--muted); }
.article-body li { margin-bottom: 6px; }
.article-body a { color: var(--accent); text-decoration: underline; }
.article-body strong { color: var(--text); }