/* FOGEL STUDIO v2 — archivo (fase 4). La hoja y la lupa están en hoja.css. */

.ar-h{padding:calc(var(--nav) + clamp(56px,9vw,130px)) var(--gut) clamp(40px,5vw,64px);max-width:1200px}
.ar-h h1{font-size:clamp(2.2rem,7vw,6.8rem);margin:16px 0 22px}   /* "ARCHIVO" en Syne 800 ≈ 8,4 em: cabe desde 320 px */
.ar-h p{color:var(--ink-dim);max-width:58ch;font-size:clamp(1rem,1.3vw,1.12rem)}
.ar-h .ar-uso{margin-top:10px}
.ar-h .ar-cuenta{margin-top:24px;color:var(--ink-mute)}

/* ── filtros: se pegan bajo la cabecera; ya pegados, la franja de arriba le da fondo oscuro a la cabecera ── */
.ar-filtros{position:sticky;top:var(--nav);z-index:60;background:#0b0b0d;border-bottom:1px solid var(--line)}
.ar-filtros.pegada::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--nav);background:#0b0b0d;pointer-events:none}
.ar-f{display:flex;align-items:center;gap:2px;padding:6px var(--gut);overflow-x:auto;scrollbar-width:none}
.ar-f::-webkit-scrollbar{display:none}
.ar-f .sep{flex:none;width:1px;height:20px;background:var(--line-strong);margin:0 12px}
.fb{position:relative;flex:none;padding:12px 12px;font-family:'Syne';font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-mute);transition:color .2s}
.fb b{font-family:'Space Grotesk';font-weight:500;font-size:9px;letter-spacing:.08em;color:var(--terra);margin-left:6px}
.fb:hover{color:var(--ink-dim)}
.fb[aria-pressed="true"]{color:var(--ink)}
/* el filtro elegido queda encerrado a lápiz graso */
.fb .gp{position:absolute;left:-1px;top:1px;width:calc(100% + 2px);height:calc(100% - 2px)}
.fb .gp path{stroke-width:2.2;transition:stroke-dashoffset .55s cubic-bezier(.6,.1,.2,1)}
.fb[aria-pressed="true"] .gp path{stroke-dashoffset:0}
.ar-mostrando{flex:none;margin-left:auto;padding-left:22px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);
  white-space:nowrap;font-variant-numeric:tabular-nums}

.ar-vacio{display:flex;flex-wrap:wrap;align-items:center;gap:16px;width:100%;max-width:1480px;margin:0 auto;padding:40px 6px;font-size:1.05rem}
.ar-vacio .cue{color:var(--tinta)}

/* ── cierre ── */
.ar-fin{padding:clamp(90px,11vw,160px) var(--gut);max-width:1100px}
.ar-fin h2{font-size:clamp(1.9rem,5.4vw,4.6rem);margin:14px 0 18px}
.ar-fin p{color:var(--ink-dim);max-width:52ch}
.ar-fin .acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.ar-fin .cue{max-width:100%;white-space:normal}   /* "ESCRIBIR POR WHATSAPP" medía 350 px: en 360 px empujaba la página (2026-11-11) */

@media (prefers-reduced-motion:reduce){.fb .gp path{transition:none}}