/*
 * Los Altillos — Blog / Archive
 * Archivo: assets/blog.css
 * Prefijo: labl-
 * Depende de: assets/main.css
 * ============================================================ */

.labl-container { max-width:1280px; margin:0 auto; padding:0 2rem; }

/* BLOG HEADER */
.labl-blog-header { background:var(--color-bg-secondary); border-bottom:1px solid var(--color-border); padding:3rem 0 2.5rem; }
.labl-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; font-size:.8125rem; color:var(--color-text-subtle); margin-bottom:1rem; }
.labl-breadcrumb a { color:var(--color-text-subtle); transition:color var(--transition-fast); }
.labl-breadcrumb a:hover { color:var(--color-accent); }
.labl-blog-header__h1 { font-family:var(--font-display); font-size:clamp(2rem,4vw,2.75rem); line-height:1.1; letter-spacing:-.025em; color:var(--color-text); margin-bottom:.75rem; }
.labl-blog-header__sub { font-size:1.0625rem; color:var(--color-text-muted); line-height:1.7; max-width:560px; margin-bottom:1.75rem; }

/* FILTER */
.labl-filter { display:flex; flex-wrap:wrap; gap:.5rem; }
.labl-filter__btn { padding:.4375rem 1rem; border:1px solid var(--color-border); border-radius:100px; font-size:.8125rem; font-weight:600; color:var(--color-text-subtle); background:var(--color-bg); cursor:pointer; transition:all var(--transition-fast); }
.labl-filter__btn:hover { border-color:var(--color-accent); color:var(--color-accent); }
.labl-filter__btn.is-active { background:var(--color-accent); border-color:var(--color-accent); color:white; }

/* GRID */
.labl-content { padding:3rem 0 5rem; }
.labl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.labl-post-card { background:var(--color-bg); border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; display:flex; flex-direction:column; transition:all var(--transition-base); }
.labl-post-card:hover { border-color:#C4C9D4; transform:translateY(-3px); box-shadow:var(--shadow-md); }
.labl-post-card__thumb-link { display:block; overflow:hidden; flex-shrink:0; }
.labl-post-card__thumb-img { width:100%; height:176px; object-fit:cover; display:block; transition:transform .4s; }
.labl-post-card:hover .labl-post-card__thumb-img { transform:scale(1.03); }
.labl-post-card__thumb-placeholder { width:100%; height:176px; background:var(--color-bg-tertiary); display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--color-border); color:#D0D5DD; }
.labl-post-card__thumb-placeholder svg { width:36px; height:36px; stroke:currentColor; fill:none; }
.labl-post-card__body { padding:1.375rem; flex:1; display:flex; flex-direction:column; }
.labl-post-card__cat { font-size:.6875rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-accent); display:block; margin-bottom:.5rem; }
.labl-post-card__title { font-family:var(--font-display); font-size:.9375rem; line-height:1.3; color:var(--color-text); margin-bottom:.625rem; }
.labl-post-card__title a { color:inherit; }
.labl-post-card__title a:hover { color:var(--color-accent); }
.labl-post-card__excerpt { font-size:.8125rem; line-height:1.65; color:var(--color-text-muted); flex:1; }
.labl-post-card__footer { padding:.875rem 1.375rem; border-top:1px solid var(--color-border); display:flex; align-items:center; justify-content:space-between; }
.labl-post-card__date { font-size:.75rem; color:var(--color-text-subtle); }
.labl-post-card__read { font-size:.75rem; font-weight:600; color:var(--color-accent); display:flex; align-items:center; gap:.25rem; }
.labl-post-card__read svg { width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2.5; }
.labl-post-card.is-hidden { display:none; }
.labl-empty { text-align:center; padding:4rem 2rem; color:var(--color-text-muted); }
.labl-empty a { color:var(--color-accent); font-weight:600; }

@media(max-width:960px){ .labl-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .labl-container{ padding-left:1.5rem; padding-right:1.5rem; } .labl-grid{ grid-template-columns:1fr; } }