/* Base de AURA-OS
   ================
   Los cimientos que comparten el portal del productor y los paneles: la
   paleta, la tipografía, el reset y los botones. Vive aparte porque lo usan
   varias páginas — duplicarlo sería garantizar que se desincronicen.

   La marca del cliente entra por --marca y --marca-2, que el servidor pisa
   con un bloque de cuatro líneas (src/core/estaticos.py). Este archivo es
   IDÉNTICO para todos los clientes: el navegador lo descarga una vez.
*/

:root{
  /* Estos dos los pisa el bloque que emite el servidor con la marca del
     cliente (src/core/estaticos.py). Acá van valores por defecto a propósito:
     si ese bloque faltara, la página se ve con estos colores en vez de
     quedarse sin estilo. Falla visible, no silenciosa. */
  --marca:#12628A; --marca-2:#4FC3E8;
  --tinta:#0E1B24; --tinta-2:#41566A; --tinta-3:#6F8496;
  --papel:#F4F7F9; --sup:#FFFFFF; --sup-2:#EAF1F5;
  --linea:#D6E2E9; --linea-2:#E9F0F4;
  --ok:#007856; --alerta:#96540A; --grave:#A32020;
  --f-tit:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-txt:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --f-num:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --tinta:#E9F2F6; --tinta-2:#AABFCC; --tinta-3:#7E93A1;
  --papel:#0A1219; --sup:#101D25; --sup-2:#16252E;
  --linea:#25383F; --linea-2:#1A2A33;
  --ok:#31AC82; --alerta:#ED9A2C; --grave:#F0736B;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-txt);
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-tit);margin:0;text-wrap:balance;letter-spacing:-.015em}
a{color:var(--marca)}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.eti{font-family:var(--f-num);font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--tinta-3)}
button{font:inherit;cursor:pointer}
.btn{background:var(--marca);color:#fff;border:none;border-radius:4px;
  padding:12px 20px;font-weight:600;font-family:var(--f-tit)}
.btn:hover{filter:brightness(1.08)}
.btn:disabled{opacity:.55;cursor:wait}
.btn-lin{background:none;border:1px solid var(--linea);color:var(--tinta-2);
  border-radius:4px;padding:7px 13px;font-size:.85rem}
.btn-lin:hover{border-color:var(--marca);color:var(--marca)}
:focus-visible{outline:2px solid var(--marca);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* El logo del cliente en las páginas de entrada y en las cabeceras (2026-10-07).
   Solo sale si el cliente lo declaró Y es público (seguridad.logo_publico); sin él
   queda el nombre en texto. El logo completo es de línea fina y de un solo color:
   sobre un fondo oscuro se vuelve blanco, como en el pie del sitio. */
.logo-entrada{display:block;width:190px;max-width:70%;height:auto;margin:0 0 6px}
.logo-barra{display:block;width:36px;height:36px;flex:none;border-radius:9px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-entrada{filter:brightness(0) invert(1)}}