/* identidad.css — Identidad visual IOTIFY (24-08-2026, aprobada por Felipe en maqueta ONE)
   Se carga DESPUÉS del CSS propio de cada app: cambia tipografía, capas de fondo y detalles
   de factura propia, SIN tocar el acento ni los colores de estado de cada especialidad.
   La fuente corporativa se sirve local desde fuentes/ (no versionada); si no está, cae a system-ui. */

@font-face{font-family:'Lato';src:url('fuentes/Lato-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Lato';src:url('fuentes/Lato-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Lato';src:url('fuentes/Lato-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Lato';src:url('fuentes/Lato-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Lato';src:url('fuentes/Lato-Black.ttf') format('truetype');font-weight:800;font-display:swap}

:root{
  --mono:'Lato',system-ui,sans-serif;
  --sans:'Lato',system-ui,sans-serif;
  --disp:'Lato',system-ui,sans-serif;
}
body{font-variant-numeric:tabular-nums}

/* DÍA: capas de blancos porcelana */
:root[data-theme="light"]{
  --bg:#f7f8f8; --panel:#ffffff; --panel2:#f0f2f2; --line:#e2e5e6; --line2:#cbd1d3;
  --ink:#1d2226; --ink2:#4c565e; --ink3:#828c94;
  --eqbg:#f4f7fa; --eqbg2:#e9eef3; --lcd:#e2e9f0;
  color-scheme:light;
}
:root[data-theme="light"] nav{background:#eef0f1 !important}
:root[data-theme="light"] nav a:hover{background:#e2e6e8 !important}
:root[data-theme="light"] tr.click:hover td{background:#f0f2f2}

/* NOCHE: capas de grises neutros (no negro azulado) */
:root:not([data-theme="light"]){
  --bg:#212428; --panel:#282b30; --panel2:#1d2023; --line:#353a40; --line2:#454b53;
  --ink:#e8ebee; --ink2:#aab3bc; --ink3:#767f89;
  --mtl1:#464c54; --mtl2:#33383e; --mtl3:#22262b; --mtlL:#565d66;
  --eqbg:#1e2125; --eqbg2:#24272c; --lcd:#141619;
  color-scheme:dark;
}
:root:not([data-theme="light"]) nav{background:#1b1d20 !important}
:root:not([data-theme="light"]) nav a:hover{background:#2f3338 !important}
:root:not([data-theme="light"]) tr.click:hover td{background:#2c3035}

/* Títulos y etiquetas en capitalización normal (sin MAYÚSCULAS espaciadas) */
.card h4,.kpi .l,th,.herotile .hl{text-transform:none !important;letter-spacing:.01em !important;font-weight:700}
.card h4{font-size:13px;color:var(--ink2)}
.kpi .l{font-size:11px}

/* Chips sin forma de cápsula extrema */
.pill,.tag-real,.tag-sim{text-transform:none;letter-spacing:.02em;border-radius:5px !important}
.espbar a{border-radius:5px !important}

/* Cifras de tarjetas sin texto-degradado (legibilidad, sobre todo de noche) */
.kpi .v[style*="background-clip"],.herotile .hnum{background:none !important;-webkit-text-fill-color:var(--ink) !important;color:var(--ink) !important}

/* mini-glifos propios (fase 2): heredan el color del texto */
.ekm{width:13px;height:13px;vertical-align:-2px;display:inline-block}
.eki-tema{width:15px;height:15px;vertical-align:-3px;display:inline-block}
nav a:has(.eki-tema){display:flex;justify-content:space-between;align-items:center}