/* Lo propio de la documentación de la API. El resto lo pone /legal/legal.css,
   que es el sistema de las páginas de lectura: misma tipografía, mismo ancho de
   línea y los mismos grises ya validados contra axe. Aquí solo se añade lo que
   allí no existe: bloques de código, verbos HTTP y el catálogo de rutas. */

/* BLOQUES DE CÓDIGO. Fondo oscuro a propósito: separa de un vistazo «esto se
   copia y se pega» de «esto se lee», que en una guía de arranque es la
   distinción que más se agradece. */
.codigo{background:var(--carbon);border-radius:12px;padding:16px 18px;margin:16px 0;
 overflow-x:auto;-webkit-overflow-scrolling:touch}
.codigo pre{font-family:var(--mono);font-size:13px;line-height:1.65;color:#E8E6E3;
 white-space:pre;margin:0}
.codigo .c{color:#9AA4B2}          /* comentario */
.codigo .s{color:#9CD8A2}          /* cadena */
.codigo .k{color:#F2A0A0}          /* palabra clave / verbo */

code{font-family:var(--mono);font-size:.9em;background:var(--hueso);
 border:1px solid var(--linea);border-radius:5px;padding:1px 5px;color:var(--rojo-tinta)}
.codigo code{background:none;border:none;padding:0;color:inherit}

/* LOS PASOS de la guía de arranque. Numerados porque aquí el orden SÍ es
   información: no se puede emitir sin saber con qué serie. */
.paso{border-left:3px solid var(--rojo);padding-left:18px;margin:30px 0}
.paso h3{margin-top:0}
/* --rojo (#E31E24) sobre --papel da 4,49:1 y la norma pide 4,5 para texto
   normal: falla por una centésima, y axe no perdona centésimas. Se usa
   --rojo-hondo (#AE0000), que es el rojo que este sistema ya reserva para
   texto y enlaces sobre fondo claro. La franja de la izquierda sí puede ir
   en --rojo: es decoración, no texto. Mismo fallo que las páginas legales
   tuvieron el 7 y el 8-ago-2026, y por eso existe la variable. */
.paso h3 span{color:var(--rojo-hondo);font-family:var(--mono);font-size:14px;margin-right:8px}

/* VERBOS HTTP en el catálogo. */
.v{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.04em;
 padding:2px 7px;border-radius:4px;text-transform:uppercase;display:inline-block;min-width:52px;
 text-align:center}
.v-get{background:#E6F0FF;color:#1F4B8E}
.v-post{background:#E4F4E8;color:#1B6134}
.v-put,.v-patch{background:#FDF4E3;color:#8A5A00}
.v-delete{background:#FCE9E9;color:#8A0000}

.rutas td:first-child{width:74px}
.rutas td code{background:none;border:none;padding:0;font-size:13px}

/* La franja de estado: esto todavía no se contrata solo. Decirlo arriba y sin
   rodeos evita que alguien construya media integración y luego descubra que no
   hay botón de alta. */
.estado{background:var(--ambar-fondo);border:1px solid #F0DFBC;border-radius:12px;
 padding:16px 18px;margin:0 0 26px}
.estado p{color:var(--ambar);font-size:14.5px;margin:0}
.estado p+p{margin-top:8px}
.estado a{color:var(--ambar);font-weight:650}