/*
 * Página de categoría (listado completo de una sección). Se carga junto con
 * front-page.css (masthead, ticker, rail, .wrap, .card-grid/.card ya vienen
 * de ahí vía la clase body.diario-home). Acá solo el título de sección y la
 * paginación.
 */

.diario-archive .archive-head{padding:28px 0 18px;border-bottom:2px solid var(--ink);margin-bottom:24px;}
.diario-archive .archive-head h1{
  font-family:'Spectral',serif;font-weight:700;font-size:clamp(34px,5vw,52px);
  margin:0;letter-spacing:-.01em;
}
.diario-archive .archive-head h1.economia{color:var(--green);}
.diario-archive .archive-head h1.cripto{color:var(--teal);}
.diario-archive .archive-head h1.realestate{color:var(--brick);}
.diario-archive .archive-head h1.energia{
  display:inline-block;color:#FFFFFF;background:var(--energia-bg);
  padding:4px 24px;border-radius:4px;
}

.diario-archive .archive-empty{font-family:'Work Sans',sans-serif;color:var(--ink-soft);padding:24px 0 48px;}

.diario-archive .card-grid{margin-bottom:24px;}

.diario-archive nav.pagination,.diario-archive nav.diario-pagination{
  padding:24px 0 48px;
}
.diario-archive nav.pagination .nav-links,.diario-archive nav.diario-pagination .nav-links{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
}
.diario-archive .page-numbers{
  font-family:'Roboto Mono',monospace;font-size:13px;color:var(--ink-soft);
  padding:8px 14px;border:1px solid var(--line);border-radius:2px;text-decoration:none;
}
.diario-archive .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink);}
.diario-archive .page-numbers:not(.current):not(.dots):hover{border-color:var(--ink);color:var(--ink);}
.diario-archive .page-numbers.dots{border:none;padding:8px 4px;}