/* ============================================================================
   Atrio — Base compartida (sitio público + panel)
   Fuente única de tokens, reset, animaciones, scrollbar y paginación.
   Debe cargarse ANTES de revista.css / admin.css.
   ========================================================================== */

:root{
  --ink:#16161A;
  --paper:#ffffff;
  --red:#C1121F;
  --muted:#8A8D95;
  --muted-2:#6B6E76;
  --muted-3:#9A9DA5;
  --line:#E2E2E2;
  --line-2:#ECECEE;
  --line-3:#D9D9DD;
  --soft:#F2F2F2;
  --ok:#0E9F6E;
  --ok-2:#1F7A53;
  --warn:#9A8030;
  --sidebar:#5B616E;
  --serif:'Playfair Display',Georgia,serif;
  --read:'Lora',Georgia,serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
  --ui:'Sora',system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

/* Logo de marca (cuando se sube una imagen en Personalización) */
.at-brand-logo{display:block;height:30px;width:auto;max-width:220px;object-fit:contain}

@keyframes at-fin{from{transform:translateY(6px);opacity:.4}to{transform:none;opacity:1}}
@keyframes at-pop{0%{transform:scale(.96)}100%{transform:scale(1)}}
@keyframes at-spin{to{transform:rotate(360deg)}}

.scl::-webkit-scrollbar{width:10px;height:10px}
.scl::-webkit-scrollbar-thumb{background:#dadada;border-radius:99px;border:3px solid transparent;background-clip:content-box}

/* Paginación (compartida) */
.pagination-list{display:flex;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line-3);font-size:13.5px;font-weight:600;color:#4A4C54;border-radius:3px;text-decoration:none}
.pagination-link:hover{border-color:var(--ink)}
.pagination-link.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.pagination-ellipsis{display:inline-flex;align-items:center;padding:0 4px;color:var(--muted)}