/* ═══════════════════════════════════════════════════════════
   Rogelius PDF Tools — estilo común (crema + naranja)
   ═══════════════════════════════════════════════════════════ */
:root{
  --rg-bg:#FBF6EE;          /* crema de fondo */
  --rg-surface:#FFFDF9;     /* tarjetas */
  --rg-sunk:#F4ECDF;        /* zonas hundidas */
  --rg-line:#E8DCC8;        /* bordes */
  --rg-line-strong:#D6C4A8;
  --rg-ink:#2B2118;         /* texto */
  --rg-muted:#7A6A58;       /* texto secundario */
  --rg-accent:#E07A1F;      /* naranja */
  --rg-accent-dark:#B45F12;
  --rg-accent-soft:#FCEBD7;
  --rg-accent-ink:#FFFFFF;
  --rg-brown:#7B4A2A;
  --rg-ok:#3F7A4A;  --rg-ok-soft:#E2F0E3;
  --rg-warn:#9A5B08; --rg-warn-soft:#F8EAD3;
  --rg-err:#B3392B; --rg-err-soft:#F8E1DD;
  --rg-f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --rg-f-body:"DM Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --rg-f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --rg-r:10px;
  color-scheme:light;
}
html,body{margin:0;background:var(--rg-bg);color:var(--rg-ink)}

/* ── Barra superior compartida ─────────────────────────────── */
.rg-nav{
  position:relative;z-index:200;
  display:flex;align-items:center;gap:18px;
  min-height:56px;padding:0 max(16px,env(safe-area-inset-left,0px));
  background:var(--rg-surface);
  border-bottom:1px solid var(--rg-line);
  font-family:var(--rg-f-body);font-size:14px;line-height:1.2;
  flex-shrink:0;box-sizing:border-box;
}
.rg-nav *{box-sizing:border-box}
.rg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--rg-ink);flex-shrink:0}
.rg-brand img{width:32px;height:32px;display:block}
.rg-brand b{font-family:var(--rg-f-display);font-size:19px;font-weight:600;letter-spacing:-.01em}
.rg-brand small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--rg-muted);margin-top:2px;font-weight:500}
.rg-links{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rg-links::-webkit-scrollbar{display:none}
.rg-links a{
  white-space:nowrap;text-decoration:none;color:var(--rg-muted);
  padding:8px 12px;border-radius:8px;font-weight:500;transition:background .15s,color .15s;
}
.rg-links a:hover{background:var(--rg-sunk);color:var(--rg-ink)}
.rg-links a[aria-current="page"]{background:var(--rg-accent-soft);color:var(--rg-accent-dark)}
.rg-links a:focus-visible,.rg-brand:focus-visible{outline:2px solid var(--rg-accent);outline-offset:2px}
@media (max-width:760px){
  .rg-nav{flex-wrap:wrap;gap:6px;padding-top:8px;padding-bottom:6px}
  .rg-links{margin-left:0;width:100%}
  .rg-links a{padding:7px 10px;font-size:13px}
}