/* Páginas de documentación (documentacion.html y los documentos que genera tools/generate-docs.mjs).
   Complementa css/home.css, de donde salen los colores. */
.doc-shell{max-width:1400px;padding:60px 0 90px}
.doc-shell .eyebrow a{color:inherit}
.doc-shell>h1{max-width:900px;margin:10px 0 14px}
.doc-intro{max-width:720px;color:var(--muted);font-size:1rem;line-height:1.75}
.doc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}
.doc-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;padding:22px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:rgba(17,18,22,.7);text-decoration:none}
.doc-card:hover,.doc-card:focus-visible{border-color:var(--gold)}
.doc-index{grid-row:span 2;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.12em}
.doc-card strong{font:400 1.4rem/1.2 Georgia,serif}
.doc-kind{color:var(--gold);font-size:.7rem;font-weight:800;white-space:nowrap}
.doc-lead{grid-column:2/-1;color:var(--muted);font-size:.84rem;line-height:1.55}

/* Texto del documento: columna de lectura, no a todo el ancho. */
.doc{max-width:860px;margin-top:8px;color:var(--muted);font-size:.95rem;line-height:1.75;overflow-wrap:anywhere}
.doc h1{margin:8px 0 18px;color:var(--ink);font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.05;letter-spacing:-.05em}
.doc h2{margin:54px 0 14px;padding-top:26px;border-top:1px solid var(--line);color:var(--ink);font:400 clamp(1.5rem,2.8vw,2.1rem)/1.15 Georgia,serif;letter-spacing:-.03em;scroll-margin-top:20px}
.doc h3{margin:34px 0 10px;color:var(--ink);font:400 1.35rem/1.25 Georgia,serif;scroll-margin-top:20px}
.doc h4,.doc h5,.doc h6{margin:26px 0 8px;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;scroll-margin-top:20px}
.doc p{margin:0 0 14px}
.doc strong{color:var(--ink)}
.doc a{color:var(--gold)}
.doc ul,.doc ol{margin:0 0 16px;padding-left:24px}
.doc li{margin:4px 0}
.doc hr{margin:34px 0;border:0;border-top:1px solid var(--line)}
.doc blockquote{margin:0 0 16px;padding:12px 18px;border-left:2px solid var(--gold);background:rgba(232,181,109,.06)}
.doc blockquote p{margin:0}
.doc code{padding:1px 5px;border-radius:5px;color:var(--ink);background:rgba(244,239,230,.08);font:400 .84em/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.doc pre{margin:0 0 18px;padding:14px 16px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#0b0c10}
.doc pre code{padding:0;background:none;font-size:.78rem;overflow-wrap:normal;white-space:pre}
.doc-table{margin:0 0 18px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.doc-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:.8rem;line-height:1.5}
.doc-table th,.doc-table td{padding:9px 12px;border-bottom:1px solid rgba(244,239,230,.1);text-align:left;vertical-align:top}
.doc-table th{color:var(--ink);background:rgba(244,239,230,.05);font-weight:700}
.doc-table tr:last-child td{border-bottom:0}
.doc-toc{margin:0 0 30px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(17,18,22,.7)}
.doc-toc summary{color:var(--gold);font-size:.8rem;font-weight:800;cursor:pointer}
.doc-toc ol{margin:12px 0 0;columns:2;column-gap:30px;font-size:.82rem;line-height:1.5}
.doc-toc li{break-inside:avoid}
.doc-back{margin:50px 0 0}
.doc-back a{color:var(--gold);font-size:.86rem}
@media(max-width:760px){
.doc-shell{padding-top:26px}
.doc-cards{grid-template-columns:1fr}
.doc-card{grid-template-columns:auto minmax(0,1fr)}
.doc-kind{grid-column:2}
.doc-toc ol{columns:1}
.doc{font-size:.92rem}
}