/*
 * Los Altillos — Single Post
 * Archivo: assets/content.css
 * Prefijo: lact-
 * Depende de: assets/main.css
 * ============================================================ */

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

/* BREADCRUMB */
.lact-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; font-size:.8125rem; color:var(--color-text-subtle); padding:1rem 0; border-bottom:1px solid var(--color-border); }
.lact-breadcrumb a { color:var(--color-text-subtle); transition:color var(--transition-fast); }
.lact-breadcrumb a:hover { color:var(--color-accent); }
.lact-breadcrumb__current { color:var(--color-text-muted); font-weight:500; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* LAYOUT */
.lact-layout { display:grid; grid-template-columns:1fr 260px; gap:4rem; padding:3rem 0 5rem; align-items:start; }

/* POST HEADER */
.lact-post-header { margin-bottom:2rem; }
.lact-post-header__cat { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-accent); display:block; margin-bottom:.75rem; }
.lact-post-header__h1 { font-family:var(--font-display); font-size:clamp(1.875rem,4vw,2.75rem); line-height:1.1; letter-spacing:-.025em; color:var(--color-text); margin-bottom:1.125rem; }
.lact-post-header__meta { display:flex; flex-wrap:wrap; gap:1.25rem; }
.lact-post-header__meta-item { display:flex; align-items:center; gap:.4rem; font-size:.8125rem; color:var(--color-text-subtle); }
.lact-post-header__meta-item svg { width:13px; height:13px; flex-shrink:0; }

/* FEATURED IMAGE */
.lact-featured-img { margin-bottom:2rem; border-radius:var(--radius-lg); overflow:hidden; }
.lact-featured-img__img { width:100%; height:auto; display:block; aspect-ratio:16/9; object-fit:cover; }

/* ARTICLE BODY */
.lact-body { font-size:1.0625rem; }

/* TOC SIDEBAR */
.lact-sidebar { position:sticky; top:calc(var(--header-height) + 2rem); }
.lact-toc { background:var(--color-bg-secondary); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:1.375rem; }
.lact-toc__label { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-accent); margin-bottom:.875rem; display:flex; align-items:center; gap:.4rem; }
.lact-toc__label svg { width:11px; height:11px; flex-shrink:0; }
.lact-toc__list { list-style:none; display:flex; flex-direction:column; gap:.1rem; }
.lact-toc__list li a { display:block; padding:.4375rem .75rem; font-size:.8125rem; line-height:1.4; color:var(--color-text-subtle); border-radius:var(--radius-sm); border-left:2px solid transparent; transition:all var(--transition-fast); }
.lact-toc__list li a:hover, .lact-toc__list li a.is-active { color:var(--color-accent); background:rgba(199,8,29,.05); border-left-color:var(--color-accent); font-weight:600; }
.lact-toc__list li.is-h3 a { padding-left:1.375rem; font-size:.7875rem; }

/* RELATED */
.lact-related { margin-top:3rem; padding-top:3rem; border-top:1px solid var(--color-border); }
.lact-related__title { font-family:var(--font-display); font-size:1.375rem; color:var(--color-text); margin-bottom:1.5rem; }
.lact-related__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.lact-related-card { display:flex; flex-direction:column; border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; transition:all var(--transition-base); }
.lact-related-card:hover { border-color:var(--color-border-dark); transform:translateY(-2px); box-shadow:var(--shadow-md); }
.lact-related-card__img { width:100%; height:130px; object-fit:cover; }
.lact-related-card__img-placeholder { width:100%; height:130px; background:var(--color-bg-tertiary); }
.lact-related-card__body { padding:.875rem 1rem; }
.lact-related-card__title { font-size:.875rem; font-weight:600; color:var(--color-text); line-height:1.4; margin-bottom:.25rem; }
.lact-related-card__date { font-size:.75rem; color:var(--color-text-subtle); }

/* CTA */
.lact-cta { margin-top:3rem; background:var(--color-bg-dark); border-radius:var(--radius-xl); padding:2.5rem; position:relative; overflow:hidden; }
.lact-cta::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 50% 80% at 100% 50%,rgba(11,74,161,.4) 0%,transparent 70%); pointer-events:none; }
.lact-cta__inner { position:relative; z-index:1; }
.lact-cta__eyebrow { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-accent-light); margin-bottom:.5rem; }
.lact-cta__title { font-family:var(--font-display); font-size:clamp(1.25rem,2.5vw,1.75rem); color:white; margin-bottom:.625rem; line-height:1.2; }
.lact-cta__text { font-size:.9375rem; color:rgba(255,255,255,.5); margin-bottom:1.5rem; }
.lact-cta__actions { display:flex; flex-wrap:wrap; gap:.75rem; }

/* GENERIC PAGE */
.lact-page-article { max-width:780px; margin:0 auto; padding:3rem 2rem 5rem; }
.lact-page-header { margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--color-border); }
.lact-page-h1 { font-family:var(--font-display); font-size:clamp(2rem,4vw,2.75rem); line-height:1.1; letter-spacing:-.025em; color:var(--color-text); }

/* RESPONSIVE */
@media(max-width:960px){ .lact-layout{ grid-template-columns:1fr; gap:0; } .lact-sidebar{ display:none; } .lact-related__grid{ grid-template-columns:1fr; } }
@media(max-width:640px){ .lact-wrap,.lact-page-article{ padding-left:1.5rem; padding-right:1.5rem; } .lact-cta{ padding:1.75rem 1.5rem; } .lact-related__grid{ grid-template-columns:1fr; } }