:root{--violeta:#7c3aed;--indigo:#4f46e5;--cyan:#06b6d4;--fondo:#f7f6fd;--panel:#fff;--texto:#1e1b2e;--suave:#5b5873;--borde:#e4e1f2;--codigo:#f1eefb}
@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--fondo:#0f0d1a;--panel:#17142a;--texto:#ece9fb;--suave:#a9a5c4;--borde:#2b2645;--codigo:#211c39}}
:root[data-theme=dark]{--fondo:#0f0d1a;--panel:#17142a;--texto:#ece9fb;--suave:#a9a5c4;--borde:#2b2645;--codigo:#211c39}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--indigo)}@media (prefers-color-scheme: dark){a{color:#a5b4fc}}
header.top{background:linear-gradient(120deg,var(--violeta),var(--indigo) 60%,var(--cyan));color:#fff}
header.top .in{max-width:1180px;margin:0 auto;padding:14px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
header.top a{color:#fff;text-decoration:none;font-weight:600}header.top .marca{font-size:18px;margin-right:auto}
.cuerpo{max-width:1180px;margin:0 auto;padding:24px 16px 64px;display:grid;grid-template-columns:260px 1fr;gap:28px}
@media (max-width:860px){.cuerpo{grid-template-columns:1fr}}
nav.lat{position:sticky;top:12px;align-self:start;background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:14px}
nav.lat h4{margin:12px 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
nav.lat a{display:block;padding:5px 8px;border-radius:8px;text-decoration:none;color:var(--texto);font-size:14.5px}
nav.lat a.activo,nav.lat a:hover{background:var(--codigo)}
main.doc{background:var(--panel);border:1px solid var(--borde);border-radius:14px;padding:28px clamp(16px,4vw,40px);min-width:0}
main.doc h1{margin-top:0;color:var(--violeta);line-height:1.2}main.doc h2{border-bottom:1px solid var(--borde);padding-bottom:4px;margin-top:2em}
main.doc img{max-width:100%;border-radius:10px;border:1px solid var(--borde)}
main.doc table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:1em 0}
main.doc th,main.doc td{border:1px solid var(--borde);padding:6px 10px;text-align:left;vertical-align:top;font-size:14.5px}
main.doc th{background:var(--codigo)}
code{background:var(--codigo);padding:1px 5px;border-radius:5px;font-size:.92em}pre{background:var(--codigo);padding:12px;border-radius:10px;overflow-x:auto}pre code{padding:0}
.chip{display:inline-block;font-size:12px;padding:1px 8px;border-radius:999px;background:var(--codigo);color:var(--suave);margin-left:6px;vertical-align:middle}
.met{display:inline-block;min-width:58px;text-align:center;font:600 12px/1.8 ui-monospace,monospace;border-radius:6px;color:#fff;background:var(--indigo)}
.met.GET{background:#0891b2}.met.POST{background:#7c3aed}.met.PATCH,.met.PUT{background:#b45309}.met.DELETE{background:#be123c}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.tarjeta{border:1px solid var(--borde);border-radius:12px;padding:14px;background:var(--fondo)}
.tarjeta b{display:block;font-size:26px;color:var(--violeta)}
.paso{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start;margin:22px 0}
@media (max-width:860px){.paso{grid-template-columns:1fr}}
.pie{color:var(--suave);font-size:13px;margin-top:40px}
.desc{display:block;color:var(--suave);font-size:13.5px;margin-top:4px;line-height:1.45}
main.doc table{display:table;table-layout:auto}main.doc .tablaancha{overflow-x:auto}