/* Referencia de la API en tres columnas: navegación, texto y código. */
.docs { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--e-3); padding-block: var(--e-4); }
.docs__nav { font-size: 0.9375rem; }
.docs__nav ul { list-style: none; margin: 0; padding: 0; }
.docs__nav ul ul { padding-left: var(--e-2); border-left: 1px solid var(--linea); margin-left: 2px; }
.docs__nav a { display: inline-block; padding: 8px 0; color: var(--tinta); text-decoration: none; }
.docs__nav a:hover { text-decoration: underline; text-decoration-color: var(--teal); text-decoration-thickness: 3px; }
.docs__cuerpo { min-width: 0; }
.doc-fila { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--e-2) var(--e-4); padding-block: var(--e-4); border-top: 1px solid var(--linea); scroll-margin-top: var(--e-2); }
.doc-fila:first-child { border-top: 0; }
.doc-texto, .doc-codigo { min-width: 0; }
.doc-texto h2 { font-size: var(--t-3); color: var(--navy); line-height: 1.2; margin-bottom: var(--e-2); }
.doc-texto > * + * { margin-top: var(--e-2); }
.doc-texto ul { padding-left: 1.25rem; }
.doc-texto li + li { margin-top: 6px; }
.ruta { display: flex; gap: var(--e-1); align-items: baseline; flex-wrap: wrap; }
.metodo { font: 600 0.8125rem var(--fuente-titulos); background: var(--navy); color: #fff; border-radius: 4px; padding: 2px 8px; }
.parametros { font-size: 0.9375rem; }
.parametros caption { text-align: left; padding-bottom: 6px; }
.parametros td, .parametros th { overflow-wrap: anywhere; }
.errores dt { font-weight: 600; margin-top: var(--e-2); scroll-margin-top: var(--e-2); }
.errores dd { margin: 2px 0 0; color: var(--tinta); }

@media (min-width: 1000px) {
  .docs { grid-template-columns: 13rem minmax(0, 1fr); gap: var(--e-4); }
  .docs__nav { position: sticky; top: var(--e-2); align-self: start; max-height: calc(100vh - 2rem); overflow-y: auto; }
  .doc-fila { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
}