/* ========================================================================== SIT — base común (tipografía, franja superior, paleta del dashboard) La fuente es INTER, empaquetada en wwwroot/fonts. NO se enlaza a Google Fonts: el servidor puede no tener salida a internet, y el SIT de escritorio ya empaqueta la fuente por ese mismo motivo. Reemplazó a Raleway en jul-2026 porque los números de Raleway no son de ancho fijo y las columnas de fechas y montos se veían desalineadas. ========================================================================== */ @font-face { font-family:'Inter'; font-weight:400; font-display:swap; src:url('../fonts/Inter-Regular.ttf') format('truetype'); } @font-face { font-family:'Inter'; font-weight:500; font-display:swap; src:url('../fonts/Inter-Medium.ttf') format('truetype'); } @font-face { font-family:'Inter'; font-weight:600; font-display:swap; src:url('../fonts/Inter-SemiBold.ttf') format('truetype'); } @font-face { font-family:'Inter'; font-weight:700; font-display:swap; src:url('../fonts/Inter-Bold.ttf') format('truetype'); } *, *::before, *::after { box-sizing:border-box; } html, body { margin:0; padding:0; font-family:'Inter','Segoe UI',sans-serif; background:#0B1626; } /* -------------------------------------------------------------------------- FRANJA SUPERIOR (equivalente de la de frmPrincipal) Navy #14233B FIJO: NO sigue el switch de tema, para que empate con el degradado del fondo del dashboard. Misma regla del SIT. -------------------------------------------------------------------------- */ .franja { height:52px; background:#14233B; color:#F8FAFC; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 16px; } .franja-izq { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; letter-spacing:.5px; } .franja-izq img { height:24px; } .franja-titulo { font-size:19px; font-weight:700; text-align:center; } .franja-der { display:flex; align-items:center; justify-content:flex-end; gap:14px; font-size:12px; } .franja-der .usuario { color:rgba(248,250,252,.75); } .franja-der .salir { color:#38BDF8; text-decoration:none; font-weight:600; border:1px solid rgba(255,255,255,.18); border-radius:4px; padding:4px 10px; } .franja-der .salir:hover { background:rgba(255,255,255,.08); } /* -------------------------------------------------------------------------- PALETA DEL DASHBOARD — las 33 claves dash* de wpfSit/Controls/DashboardView, traducidas a variables CSS. En WPF el switch de tema REEMPLAZA las entradas del diccionario y todo lo que las consume con DynamicResource se repinta; acá el equivalente es cambiar la clase del contenedor raíz. REGLA HEREDADA: nada de colores en línea sobre elementos que siguen el tema. En WPF un color local le ganaba para siempre al DynamicResource y ese elemento dejaba de seguir el tema (ya pasó dos veces). Acá pasa igual con style="color:#...". La única excepción es --acento, que es un DATO (el color de la métrica), no parte del tema. -------------------------------------------------------------------------- */ /* ---------- MODO OSCURO (el de arranque) ---------- */ .dash-oscuro{ --dash-fondo:linear-gradient(180deg,#14233B 0%,#0B1626 100%); --dash-base:#101D31; --dash-surface:#1B2C46; --dash-borde:rgba(255,255,255,.15); --dash-texto:#F1F5F9; --dash-texto-suave:#9FB0C7; --dash-texto-tenue:#7A8CA6; --dash-campo:#243A5C; --dash-campo-borde:rgba(255,255,255,.25); --dash-campo-hover:#2C4569; --dash-popup:#1B2C46; --dash-item-hover:rgba(255,255,255,.12); --dash-item-sel:rgba(56,189,248,.18); --dash-ghost:rgba(255,255,255,.08); --dash-ghost-borde:rgba(255,255,255,.18); --dash-ghost-hover:rgba(255,255,255,.18); --dash-marcado-borde:rgba(255,255,255,.40); --dash-accion:#38BDF8; --dash-accion-hover:#7DD3FC; --dash-accion-texto:#0B1626; --dash-tinte-azul:rgba(37,99,235,.12); --dash-tinte-azul-borde:rgba(59,130,246,.30); --dash-marca-azul:#93C5FD; --dash-tinte-verde:rgba(16,185,129,.12); --dash-tinte-verde-borde:rgba(52,211,153,.30); --dash-marca-verde:#6EE7B7; --dash-tinte-violet:rgba(139,92,246,.12); --dash-tinte-violet-borde:rgba(167,139,250,.30); --dash-marca-violet:#C4B5FD; --dash-rejilla:rgba(255,255,255,.12); --dash-serie-b:#94A3B8; --dash-sube:#4ADE80; --dash-baja:#FCA5A5; --dash-alerta:#FBBF24; color-scheme:dark; } /* ---------- MODO CLARO ---------- */ .dash-claro{ --dash-fondo:linear-gradient(180deg,#F8FAFC 0%,#EDF1F7 100%); --dash-base:#F4F6FA; --dash-surface:#FFFFFF; --dash-borde:#E6EAF2; --dash-texto:#0F172A; --dash-texto-suave:#64748B; --dash-texto-tenue:#94A3B8; --dash-campo:#FFFFFF; --dash-campo-borde:#D8DFE8; --dash-campo-hover:#F1F5F9; --dash-popup:#FFFFFF; --dash-item-hover:#F1F5F9; --dash-item-sel:#EEF4FA; --dash-ghost:#FFFFFF; --dash-ghost-borde:#D8DFE8; --dash-ghost-hover:#EEF4FA; --dash-marcado-borde:#14233B; --dash-accion:#14233B; --dash-accion-hover:#0B1626; --dash-accion-texto:#FFFFFF; --dash-tinte-azul:#EFF6FF; --dash-tinte-azul-borde:#BFDBFE; --dash-marca-azul:#1D4ED8; --dash-tinte-verde:#EBFBF3; --dash-tinte-verde-borde:#A9EBCB; --dash-marca-verde:#17936B; --dash-tinte-violet:#F5F3FF; --dash-tinte-violet-borde:#DDD6FE; --dash-marca-violet:#6D28D9; --dash-rejilla:#EEF1F6; --dash-serie-b:#64748B; --dash-sube:#16A34A; --dash-baja:#DC2626; --dash-alerta:#B45309; color-scheme:light; } /* Franja de error de Blazor (la del template, traducida) */ #blazor-error-ui { color-scheme:light only; background:#FBBF24; bottom:0; box-shadow:0 -1px 2px rgba(0,0,0,.2); display:none; left:0; padding:.6rem 1.25rem .7rem 1.25rem; position:fixed; width:100%; z-index:1000; font-size:13px; } #blazor-error-ui .dismiss { cursor:pointer; position:absolute; right:.75rem; top:.5rem; } /* -------------------------------------------------------------------------- AGREGADO MVC: el "Salir" ahora es un
con un