/*
Versión: 0.26.0901.1
Fecha: 2026-09-01
Cambio:
- Define el archivo cronológico responsive de artículos públicos.
*/
.lc-public .lc-articles-index__header { max-width: none; margin: 0 0 28px; }
.lc-public .lc-articles-index__header h1 { margin: 0; font-size: clamp(2.3rem, 4vw, 3.4rem); line-height: 1.05; }
.lc-public .lc-articles-index__header p { margin: 10px 0 0; color: var(--lc-muted); font-size: 1rem; }
.lc-articles-index__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--lc-border); }
.lc-articles-index__item { position: relative; display: grid; grid-template-columns: 110px minmax(0, 1fr) minmax(130px, 190px) 28px; align-items: center; gap: 18px; min-width: 0; padding: 18px 36px 18px 0; border-bottom: 1px solid var(--lc-border); }
.lc-articles-index__date { color: var(--lc-muted); font: 500 .78rem Ubuntu, Arial, sans-serif; letter-spacing: .08em; }
.lc-articles-index__item h2 { min-width: 0; margin: 0; font-size: clamp(1.1rem, 2vw, 1.35rem); font-weight: 600; line-height: 1.2; }
.lc-articles-index__item h2 a { color: var(--lc-text); text-decoration: none; }
.lc-articles-index__item h2 a:hover { color: var(--lc-accent); }
.lc-articles-index__collection { width: max-content; max-width: 100%; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.lc-articles-index__read-state { position: absolute; right: 0; color: var(--lc-muted); font-size: .95rem; opacity: .72; }
.lc-articles-index__pagination { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 28px; color: var(--lc-muted); font-size: .9rem; }
.lc-articles-index__pagination a { font-weight: 600; text-decoration: none; }
@media (max-width: 760px) { .lc-articles-index__item { grid-template-columns: minmax(0, 1fr) 28px; gap: 8px 16px; padding: 16px 36px 16px 0; } .lc-articles-index__date { grid-column: 1; } .lc-articles-index__item h2 { grid-column: 1; } .lc-articles-index__collection { grid-column: 1; } .lc-articles-index__read-state { grid-column: 2; grid-row: 1 / span 3; align-self: center; } .lc-articles-index__pagination { align-items: flex-start; flex-direction: column; } }