/* Paginas de texto: guia de inicio y privacidad */
.doc { max-width: 780px; margin: 0 auto; padding: 32px 16px 64px; color: var(--ink); line-height: 1.6; font-size: 17px; }
.doc .back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 18px; color: var(--muted); text-decoration: none; font-size: 15px; }
.doc .back:hover { color: var(--gold); }
.doc h1 { margin: 0 0 6px; font: 900 clamp(28px, 6vw, 42px)/1.1 var(--font-display); letter-spacing: .04em; color: var(--gold); text-transform: uppercase; }
.doc .lead { margin: 0 0 28px; color: var(--muted); font-size: 18px; }
.doc h2 { margin: 34px 0 10px; font: 800 22px/1.25 var(--font-display); color: var(--gold); }
.doc h3 { margin: 22px 0 6px; font-size: 18px; color: var(--gold-light); }
.doc p, .doc li { margin: 0 0 10px; }
.doc ul, .doc ol { padding-left: 22px; margin: 0 0 14px; }
.doc b, .doc strong { color: var(--gold-light); }
.doc code { padding: 1px 6px; border-radius: 6px; background: rgba(255, 255, 255, .08); font-family: Consolas, monospace; font-size: .92em; color: var(--gold-light); word-break: break-word; }
.doc a { color: var(--gold); }
.doc pre.json { margin: 0 0 16px; padding: 14px 16px; border-radius: 12px; background: rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .1); overflow-x: auto; font: 13px/1.45 Consolas, monospace; color: var(--gold-light); }
.doc pre.json code { padding: 0; background: none; font-size: inherit; word-break: normal; }
.doc .note { padding: 14px 16px; border-radius: 12px; border: 1px solid rgba(224, 176, 80, .4); background: rgba(224, 176, 80, .08); }
.doc table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 15px; }
.doc th, .doc td { padding: 8px 10px; border-bottom: 1px solid rgba(255, 255, 255, .12); text-align: left; vertical-align: top; }
.doc th { color: var(--gold); font-weight: 800; }
.doc .toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; padding: 0; list-style: none; }
.doc .toc a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .07); text-decoration: none; font-size: 14px; }
.doc footer { margin-top: 44px; color: var(--muted); font-size: 14px; }
.site-links { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 0 18px; justify-content: center; font-size: 15px; }
.site-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; }
.site-links a { color: var(--muted); }
.site-links a:hover { color: var(--gold); }
@media (max-width: 560px) {
  .doc { font-size: 16px; padding-top: 16px; }
  .doc .lead { font-size: 17px; }
  .doc h2 { font-size: 20px; }
  .doc .toc { gap: 6px; }
  .doc .toc a { padding: 8px 12px; }
  .doc footer a { display: inline-flex; align-items: center; min-height: 44px; }
  .doc table { font-size: 14px; }
  .doc th, .doc td { padding: 6px; }
}