/* ============================================================
   Blog generado desde Supabase (scripts/build.mjs)
   Completa la sección 11 de styles.css con lo que puede traer el
   Markdown de un post y que los artículos hechos a mano no usaban.
   ============================================================ */

/* Texto */
.prose h3{ font-size:1.05em; }
.prose h4{ margin:22px 0 6px; font-family:var(--sans); font-weight:600; font-size:.95em; color:var(--ink); }
.prose h2 + h3{ margin-top:6px; }
.prose ol li::marker{ font-variant-numeric:tabular-nums; }
.prose li > ul,.prose li > ol{ margin:6px 0 0; }
.prose li > p{ margin:0 0 8px; }
.prose em{ font-style:italic; }
.prose hr{ margin:44px 0; border:0; border-top:1px solid var(--line); }

.prose blockquote{
  margin:26px 0; padding:4px 0 4px 22px; border-left:2px solid var(--brass);
  font-family:var(--serif); font-weight:300; font-size:1.12em; line-height:1.55; color:var(--ink);
}
.prose blockquote p:last-child{ margin-bottom:0; }

.prose img{ display:block; max-width:100%; height:auto; margin:28px auto; border-radius:2px; }

/* Código */
.prose code{
  padding:.12em .38em; border-radius:3px; background:#EAE3D5;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.86em; color:var(--ink);
}
.prose pre{
  margin:22px 0; padding:18px 20px; overflow-x:auto; border-radius:4px;
  background:var(--ink); color:var(--paper); font-size:14px; line-height:1.6;
}
.prose pre code{ padding:0; background:none; color:inherit; font-size:inherit; }

/* Listado sin artículos */
.blog-empty{
  max-width:var(--maxw); margin:clamp(36px,6vh,64px) auto 0;
  padding:clamp(28px,4vw,48px) 0; color:#6E655A;
}
.blog-empty__title{
  margin:10px 0 12px; font-family:var(--serif); font-weight:300;
  font-size:clamp(24px,2.4vw,34px); line-height:1.15; letter-spacing:-.02em; color:var(--ink);
}
.blog-empty p{ max-width:56ch; }
.blog-empty .cta__actions{ margin-top:22px; }

/* Catálogo: páginas de tipo y de categoría */
.post-crumbs span{ color:var(--muted); }
.page-head .post-crumbs{ margin-bottom:18px; }
.cat-body{ max-width:var(--maxw); margin:clamp(28px,5vh,48px) auto 0; }
.cat-fotos,.cat-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:clamp(14px,2vw,26px); }
.cat-fotos figure{ margin:0; }
.cat-fotos img,.cat-card__img img{ display:block; width:100%; aspect-ratio:3/4; object-fit:contain; background:#EAE3D5; border-radius:2px; }
.cat-fotos figcaption{ margin-top:8px; font-size:13px; color:#6E655A; }
.cat-sub{ margin-top:clamp(28px,5vh,48px); }
.cat-sub h2{ margin-bottom:16px; font-size:clamp(22px,2.4vw,32px); letter-spacing:-.02em; }
.cat-card{ display:block; }
.cat-card__img{ display:block; margin-bottom:12px; }
.cat-body > .cta__actions{ margin-top:clamp(32px,5vh,52px); }