/* ── La marca de SEIS en el panel: kit A «Instrumento clínico» (11-10-2026) ──
   Fuente única: SEIS/marca/kit-a-instrumento/ (tokens.css y la lámina). Este archivo
   traduce esos valores a los nombres de token que el panel ya usaba, y se carga
   DESPUÉS de tema.css o del <style> propio de cada página, así gana sin tocar sus
   reglas. Si el kit cambia, se cambia acá; ninguna página lleva un color escrito.
   Deroga: cliente/identidad/ESTILO-SEIS.md · 1-agentes-por-cargo/ESTILO.md ·
   ESTILO-PRESENTACION.md (quedan como registro, marcados). */

@font-face{ font-family:"IBM Plex Sans"; font-weight:400; font-display:swap; src:url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2") }
@font-face{ font-family:"IBM Plex Sans"; font-weight:500; font-display:swap; src:url("fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2") }
@font-face{ font-family:"IBM Plex Sans"; font-weight:600; font-display:swap; src:url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2") }
@font-face{ font-family:"IBM Plex Sans"; font-weight:700; font-display:swap; src:url("fonts/ibm-plex-sans-latin-700-normal.woff2") format("woff2") }
@font-face{ font-family:"IBM Plex Mono"; font-weight:400; font-display:swap; src:url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2") }
@font-face{ font-family:"IBM Plex Mono"; font-weight:500; font-display:swap; src:url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2") }

/* Día: el kit tal cual. --estructura es el navy de títulos y cifras grandes. */
:root{
  --fondo:#FFFFFF; --papel:#F3F5F8; --hueco:#E8ECF1; --realce:#F3F5F8;
  --tinta:#24344A; --suave:#475467; --tenue:#5F6B7A;
  --linea:#D9DEE7; --linea2:#E8ECF1; --barra:#FFFFFF;
  --acento:#0A6BA8; --acento2:#0A6BA8; --acento-suave:#D6E6F2; --vivo:#2F6B12; --hecho:#2F6B12;
  --falta:#A8442C; --lazo:#A8442C; --plataforma:#0B3C5D; --gob:#0B3C5D;
  --estructura:#0B3C5D;
  --texto:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"IBM Plex Sans",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
/* Noche: el kit no la define; se deriva del navy de estructura, con el azul y el verde
   subidos de luz para que lean sobre oscuro (los mismos valores que el sitio de prueba). */
:root[data-tema="noche"], :root[data-theme="dark"]{
  --fondo:#0B3C5D; --papel:#11486E; --hueco:#164F78; --realce:#164F78;
  --tinta:#EEF3F8; --suave:#B9C7D6; --tenue:#9FB2C6;
  --linea:#2A5C82; --linea2:#1E5479; --barra:#0B3C5D;
  --acento:#7CC0F0; --acento2:#7CC0F0; --acento-suave:#1E5479; --vivo:#8FD36A; --hecho:#8FD36A;
  --falta:#F0A58A; --lazo:#F0A58A; --plataforma:#B9D4EC; --gob:#B9D4EC;
  --estructura:#FFFFFF;
}
/* Si el sistema está en modo oscuro y la persona no eligió tema, la presentación trae un bloque
   propio con más especificidad que el de arriba; se repite acá con la misma forma para ganarle. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]):not([data-tema="dia"]){
    --fondo:#0B3C5D; --papel:#11486E; --hueco:#164F78; --realce:#164F78;
    --tinta:#EEF3F8; --suave:#B9C7D6; --tenue:#9FB2C6;
    --linea:#2A5C82; --linea2:#1E5479; --barra:#0B3C5D;
    --acento:#7CC0F0; --acento2:#7CC0F0; --acento-suave:#1E5479; --vivo:#8FD36A; --hecho:#8FD36A;
    --falta:#F0A58A; --lazo:#F0A58A; --plataforma:#B9D4EC; --gob:#B9D4EC;
    --estructura:#FFFFFF;
  }
  :root:not([data-theme="light"]):not([data-tema="dia"]) .marca img{ content:url("logo-seis-blanco.svg") }
}
/* De noche el logo va en blanco (la versión del kit para fondo oscuro). */
:root[data-tema="noche"] .marca img, :root[data-theme="dark"] .marca img{ content:url("logo-seis-blanco.svg") }
/* El cuerpo en la letra del kit, también donde la página traía una familia escrita a mano
   (espejo.html y modelo.html decían «Helvetica Neue»). Lo monoespaciado conserva su familia. */
body{ font-family:var(--texto) }
/* Títulos y la marca en texto van en el color de estructura, no en tinta. */
h1, h2, h3, .titulo, .marca .seis, .portada h1, .lamina h2{ color:var(--estructura) }
/* La esquina del kit: 4 px. El panel traía 9 y 14 en los suyos; se igualan acá. */
.volver, .nota, .borrador, .hero .lienzo, .peso{ border-radius:4px }
/* Ventana angosta: los botones fijos «Día» y «Salir» (tema.js, auth.js) pisaban el rótulo de la
   primera lámina; y los tres candidatos de la portada se quebraban a lo ancho: van en columna. */
@media (max-width:760px){
  .lamina.portada{ padding-top:84px }
  .lamina{ overflow-x:clip }
  .portada h1, .portada .lema{ white-space:normal; overflow-wrap:anywhere }
  .candidatos{ flex-direction:column; gap:10px }
  .candidatos li{ width:100% }
}