/* SaludAudit — /docs (Swagger UI) con la marca (Manual de Marca SaludAudit v1.0). La cabecera va en Noche como
   la portada; el cuerpo de la documentación, sobre claro. Los colores de los métodos HTTP son la convención de
   Swagger UI y se quedan, con el texto en Tinta para llegar a AA. */
@font-face { font-family: 'Inter'; src: url('/docs-marca/fuentes/inter-var.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('/docs-marca/fuentes/spacegrotesk-var.woff2') format('woff2'); font-weight: 300 700; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/docs-marca/fuentes/jetbrainsmono-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }

body.docs { margin: 0; font-family: var(--f-sans); background: #fff; color: var(--sa-tinta); }
.sa-saltar { position: absolute; left: -9999px; top: .5rem; z-index: 30; padding: .5rem .9rem; background: var(--sa-tinta); color: #fff; border-radius: .4rem; }
.sa-saltar:focus { left: .5rem; }
.docs-cab { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  height: 60px; padding: 0 clamp(1rem, 3vw, 2.5rem); background: var(--sa-noche); border-bottom: 3px solid var(--sa-teal); }
.sa-marca { display: inline-flex; }
.docs-cab nav { display: flex; gap: clamp(.8rem, 2vw, 1.6rem); font-size: .9rem; }
.docs-cab nav a { color: var(--sa-espuma); text-decoration: none; font-weight: 500; }
.docs-cab nav a:hover, .docs-cab nav a[aria-current="page"] { color: #fff; text-decoration: underline; text-underline-offset: .3em; }
.docs-cab nav a:focus-visible, .sa-marca:focus-visible { outline: 2px solid var(--sa-teal-claro); outline-offset: 3px; border-radius: .2rem; }
@media (max-width: 520px) { .docs-cab nav a:not([aria-current="page"]):not(:first-child) { display: none; } }
.docs-sinjs { max-width: 46rem; margin: 3rem auto; padding: 0 1rem; font-size: 1.05rem; }
.docs-sinjs a { color: var(--sa-teal-oscuro); }

/* ── Swagger UI ─────────────────────────────────────────────────────────── */
.docs .swagger-ui, .docs .swagger-ui .opblock-tag, .docs .swagger-ui .btn,
.docs .swagger-ui .opblock .opblock-summary-description, .docs .swagger-ui .markdown p, .docs .swagger-ui table { font-family: var(--f-sans); }
.docs .swagger-ui .info { margin: 2.2rem 0 1.4rem; }
.docs .swagger-ui .info .title { font-family: var(--f-display); color: var(--sa-tinta); font-weight: 700; letter-spacing: -.02em; }
.docs .swagger-ui .info .title small { background: var(--sa-teal-oscuro); }
.docs .swagger-ui .info .title small pre { color: #fff; font-family: var(--f-mono); }
.docs .swagger-ui .info a, .docs .swagger-ui .info .link { color: var(--sa-teal-oscuro); }
.docs .swagger-ui a.nostyle, .docs .swagger-ui a.nostyle:visited { color: inherit; }
.docs .swagger-ui .opblock-tag { color: var(--sa-tinta); border-bottom-color: var(--sa-borde); }
.docs .swagger-ui .opblock .opblock-summary-path, .docs .swagger-ui .opblock .opblock-summary-path__deprecated,
.docs .swagger-ui code, .docs .swagger-ui .model, .docs .swagger-ui .parameter__name, .docs .swagger-ui .response-col_status { font-family: var(--f-mono); }
.docs .swagger-ui .opblock .opblock-summary-method { color: var(--sa-tinta); text-shadow: none; }
.docs .swagger-ui .btn.authorize { color: var(--sa-teal-oscuro); border-color: var(--sa-teal-oscuro); }
.docs .swagger-ui .btn.authorize svg { fill: var(--sa-teal-oscuro); }
.docs .swagger-ui .btn.execute { background: var(--sa-teal-oscuro); border-color: var(--sa-teal-oscuro); color: #fff; }
.docs .swagger-ui .scheme-container { box-shadow: none; border-top: 1px solid var(--sa-borde); border-bottom: 1px solid var(--sa-borde); background: var(--sa-niebla); }
.docs .swagger-ui .wrapper { padding: 0 clamp(1rem, 3vw, 2.5rem); }
.docs .swagger-ui :focus-visible { outline: 2px solid var(--sa-teal-oscuro); outline-offset: 2px; }