/* Blog de Empirika Sport: solo lo que no está ya en style.css */
.blog-wrap { max-width: 720px; }
.blog-head { margin-bottom: 18px; }
.blog-head p { color: var(--ink-muted); margin: 6px 0 0; }
.blog-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 22px; }
.blog-filtros a {
    font-size: 12.5px; font-weight: 600; text-decoration: none; color: var(--ink-muted);
    background: var(--chip-bg); border: 1px solid var(--chip-border); border-radius: 999px; padding: 6px 12px;
}
.blog-filtros a.activo { background: var(--accent-tint); border-color: var(--accent); color: var(--ink); }
.blog-lista { display: grid; gap: 14px; }
.blog-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; }
.blog-item h2 { margin: 0 0 6px; font-size: 18px; line-height: 1.25; }
.blog-item h2 a { text-decoration: none; color: var(--ink); }
.blog-item h2 a:hover { color: var(--accent); }
.blog-item p { margin: 0 0 8px; color: var(--ink-muted); font-size: 14.5px; line-height: 1.5; }
.blog-meta { font-size: 12px; color: var(--ink-muted); display: flex; gap: 10px; flex-wrap: wrap; }
.blog-meta .vertical { color: var(--accent); font-weight: 600; }
.blog-paginas { display: flex; gap: 10px; justify-content: center; margin-top: 22px; font-size: 14px; }
.blog-paginas a { color: var(--ink); font-weight: 600; text-decoration: none; }

article.blog-articulo h1 { font-size: 30px; line-height: 1.15; margin-bottom: 10px; }
article.blog-articulo .blog-meta { margin-bottom: 22px; }
article.blog-articulo .blog-cuerpo { font-size: 17px; line-height: 1.65; }
article.blog-articulo .blog-cuerpo h2 { font-size: 21px; margin: 32px 0 10px; }
article.blog-articulo .blog-cuerpo h3 { font-size: 17px; margin: 22px 0 8px; }
article.blog-articulo .blog-cuerpo p { margin: 0 0 16px; }
article.blog-articulo .blog-cuerpo ul, article.blog-articulo .blog-cuerpo ol { margin: 0 0 16px; padding-left: 22px; }
article.blog-articulo .blog-cuerpo li { margin-bottom: 6px; }
article.blog-articulo .blog-cuerpo a { color: var(--accent); }
.blog-cta {
    background: var(--accent-tint); border: 1px solid var(--accent); border-radius: var(--radius);
    padding: 18px 20px; margin: 26px 0;
}
.blog-cta p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.5; }
.blog-cta h2 { margin: 0 0 8px; font-size: 19px; }
.blog-cta .btn { display: inline-block; width: auto; padding: 10px 18px; margin: 0; text-decoration: none; }
.blog-cta-final { margin-top: 40px; }
.blog-relacionados { margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--line); }
.blog-relacionados h2 { font-size: 15px; margin: 0 0 10px; }
.blog-relacionados a { display: block; padding: 6px 0; color: var(--ink); text-decoration: none; font-weight: 600; font-size: 15px; }
.blog-relacionados a:hover { color: var(--accent); }
.blog-vista-previa { background: var(--bad-tint); color: var(--bad); border-radius: 8px; padding: 8px 12px; font-size: 13px; font-weight: 600; margin-bottom: 14px; }
.admin-blog table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.admin-blog td, .admin-blog th { padding: 8px 6px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }
.admin-blog form.inline { display: inline; }
.admin-blog .btn-mini { width: auto; padding: 5px 10px; font-size: 12.5px; margin: 2px 2px 2px 0; display: inline-block; }
/* Dentro del cuerpo del artículo los enlaces son naranjas; el botón de la caja no debe heredarlo. */
article.blog-articulo .blog-cuerpo .blog-cta a.btn { color: var(--accent-ink); }