/* * gx-base — Overrides y utilidades sobre el bundle compilado de TailAdmin. * Cargar SIEMPRE después de style.css en layouts/app.php. */ /* * Tipografía del sistema — Inter, self-host. * * Por qué vive acá y no en style.css: el bundle compilado declara * `--font-outfit: Outfit, sans-serif` (línea 267, dentro de `@layer theme`) y la * aplica con `body { font-family: var(--font-outfit) }`. Las reglas de ESTE * archivo van FUERA de `@layer`, así que ganan sobre cualquier capa sin * `!important` y sin tocar el compilado. Cambiar la fuente del sistema = cambiar * el valor de la variable de abajo; revertir = borrar este bloque. * * El `@import` de Outfit sigue en la línea 4 del bundle (decisión: no alterar el * compilado). Ya no la usa el `body`, pero sí los mapas de jsvectormap, que la * tienen escrita a mano en bundle.js. * * Self-host y no Google Fonts: los .woff2 viven en public/assets/fonts/ y el * .htaccess ya los comprime y los sirve con `Cache-Control: immutable` a un año * ⇒ solo pesan en la primera visita. Además no dependen de un tercero durante el * render ni obligan a abrir `fontSrc` si algún día se prende el CSP * (`Config\App::$CSPEnabled`, hoy false). * * ⚠️ CDN: con CloudFront prendido este CSS se sirve desde el CDN y las URL * relativas de abajo resuelven contra ESE host ⇒ los .woff2 se piden * cross-origin y el navegador los DESCARTA EN SILENCIO si la respuesta no trae * CORS (el texto cae al fallback y nada lo grita en consola). La distribución * debe responder `Access-Control-Allow-Origin` en /assets/*. * * `font-weight: 100 900` = archivo variable: un solo .woff2 cubre todos los * pesos que usa el bundle (font-medium, font-semibold, font-bold…). Sin itálica * a propósito: la UI no la usa y el navegador la sintetiza. Los `unicode-range` * son los de Google Fonts ⇒ el subset latin-ext solo se descarga si aparece un * carácter de ese rango (en la práctica, casi nunca). * * Licencia: Inter es SIL OFL 1.1 — el texto vive junto a las fuentes en * public/assets/fonts/OFL.txt y debe viajar con ellas. */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/inter-latin-var.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/inter-latin-ext-var.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } :root { /* * Punto ÚNICO de la tipografía. Conserva el nombre `--font-outfit` porque es * el que consume el bundle: renombrarla exigiría tocar el compilado. */ --font-outfit: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; /* * El bundle deja `--default-font-family: var(--font-sans)` con `--font-sans` * SIN definir ⇒ caía al stack del sistema. Se alinea para que nada * quede fuera (utilidad `font-sans`, elementos que no heredan de body). */ --font-sans: var(--font-outfit); } /* * AG Grid no hereda la fuente del documento: el tema quartz trae su propio * `--ag-font-family: -apple-system, …`, y sin esto la rejilla queda con OTRA * tipografía dentro de la misma pantalla (Auditoría Móvil, Ventas vs Utilidad). * * Se declara el stack y NO `inherit`: en una custom property `inherit` es * palabra clave del cascade (hereda la VARIABLE del padre), no "hereda el * font-family" — el resultado dependería de dónde quedó declarada. * * No hace falta `!important`: AG Grid inyecta su