/* ============================================================
   Paginación — copiada y adaptada de tes-cronostec (.cronos-pagination),
   con la paleta Cronostec Chile (azul/rojo, sin amarillo/verde de Brasil).
   ============================================================ */
.cronos-pagination{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem; margin-top:2.75rem; padding-bottom:1rem; }
.cronos-pagination a, .cronos-pagination span{
  display:inline-flex; align-items:center; justify-content:center; min-width:2.4rem; height:2.4rem; padding:0 .85rem;
  border-radius:999px; font-family: var(--font-display); font-size:.75rem; font-weight:700; text-decoration:none;
  transition:background .2s, color .2s, box-shadow .2s; border:1.5px solid var(--border); background:#fff;
  color: var(--brand-ink); box-shadow:0 1px 4px rgba(20,32,70,.07); cursor:pointer; letter-spacing:.02em;
}
.cronos-pagination span.current{ background: var(--brand); color:#fff; border-color: var(--brand); font-weight:900; box-shadow:0 3px 12px rgba(0,64,168,.35); }
.cronos-pagination a:hover{ background: var(--brand-ink); color:#fff; border-color: var(--brand-ink); box-shadow:0 4px 14px rgba(20,32,70,.22); }
.cronos-pagination a.prev, .cronos-pagination a.next{ background: var(--danger); color:#fff; border-color: var(--danger); padding:0 1.25rem; font-weight:800; box-shadow:0 3px 12px rgba(230,0,18,.22); }
.cronos-pagination a.prev:hover, .cronos-pagination a.next:hover{ background: var(--brand-ink); border-color: var(--brand-ink); box-shadow:0 4px 16px rgba(20,32,70,.28); }

@media (max-width:767px){
  .cronos-pagination a, .cronos-pagination span{ min-width:2rem; height:2rem; font-size:.7rem; }
  .cronos-pagination a.prev, .cronos-pagination a.next{ padding:0 .85rem; }
}