/* Blog de /blog/. Hereda de base.css y agencia.css; aquí solo lo propio del blog. */
.post-lista { max-width: 760px; margin: 0 auto; padding: 0 20px 56px; display: grid; gap: 28px; }
.post-item { border-bottom: 1px solid var(--border); padding-bottom: 24px; }
.post-item:last-child { border-bottom: 0; }
.post-item h2 { font-size: 26px; margin: 4px 0 8px; }
.post-item h2 a { color: inherit; text-decoration: none; }
.post-item h2 a:hover { color: var(--accent-strong); }
.post-fecha { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--chip); margin: 0; }
.post { max-width: 720px; margin: 0 auto; padding: 24px 20px 56px; }
.miga { font-size: 14px; margin-bottom: 14px; opacity: .8; }
.post-cab { margin-bottom: 26px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.post-cab h1 { font-size: 38px; line-height: 1.08; margin: 8px 0 10px; }
.post-desc { font-size: 17px; opacity: .85; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.chip { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--chip); border: 1px solid var(--border); border-radius: 999px; padding: 3px 10px; }
.post-cuerpo { font-size: 17px; line-height: 1.65; }
.post-cuerpo h2 { font-size: 27px; margin: 34px 0 10px; }
.post-cuerpo h3 { font-size: 21px; margin: 26px 0 8px; }
.post-cuerpo p { margin: 0 0 16px; }
.post-cuerpo ul, .post-cuerpo ol { margin: 0 0 18px 22px; }
.post-cuerpo li { margin-bottom: 8px; }
.post-cuerpo blockquote { margin: 0 0 18px; padding: 12px 18px; border-left: 4px solid var(--accent); background: var(--surface); border-radius: 0 10px 10px 0; }
.post-cta { margin-top: 40px; padding: 24px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; text-align: center; }
.post-cta p { margin-bottom: 14px; }
/* La cabecera del índice y la llamada a la guía en mitad del artículo (2026-10-06). */
.post-hero { max-width: 760px; margin: 0 auto; padding: 40px 20px 8px; text-align: center; }
.post-hero h1 { font-size: 44px; line-height: 1.05; margin: 0 0 12px; }
.post-hero p { font-size: 18px; margin: 0 auto 10px; max-width: 54ch; }
.post-guia { margin: 34px 0; padding: 22px 24px; background: var(--bg-2); border: 1px solid var(--border); border-left: 4px solid var(--accent-2); border-radius: 14px; }
.post-guia p { margin: 0 0 14px; font-size: 16px; }
.post-cta-pie { font-size: 15px; margin: 14px 0 0; opacity: .85; }
@media (max-width: 560px) {
  .post-cab h1 { font-size: 29px; }
  .post-cuerpo { font-size: 16px; }
  .post-hero { padding: 28px 20px 4px; }
  .post-hero h1 { font-size: 31px; }
  .post-hero p { font-size: 16px; }
  .post-guia { padding: 18px; }
}