/**
 * app-shell.css — FUENTE ÚNICA de la marca iustitia.mx para la APP autenticada.
 *
 * Se incluye así en cualquier pantalla con sesión de cualquier producto,
 * SIEMPRE antes del CSS propio del producto (para que el producto pueda
 * sobreescribir a propósito lo que necesite):
 *
 *   <link rel="preconnect" href="https://fonts.googleapis.com">
 *   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 *   <link rel="stylesheet" href="https://iustitia.mx/static/app-shell.css">
 *   <link rel="stylesheet" href="/css/estilo-propio-del-producto.css">
 *
 * Es el análogo en CSS de `apps-menu.js`: un solo archivo, servido por el
 * Portal, que las 9 apps referencian por URL absoluta. Un ajuste de marca se
 * hace UNA vez aquí, no nueve veces.
 *
 * REGLA DURA: un producto que necesite un tono adicional (por ejemplo
 * --danger/--warn/--ok de Clausia, o --info-bg de Posicia) lo declara ENCIMA,
 * en su propio CSS. NUNCA redefine --navy / --navy-700 / --navy-900 / --gold /
 * --gold-dark / --cream / --cream-2 / --ink / --muted / --line / --white /
 * --radius / --container / --shadow / --shadow-sm: esos son el patrón oro
 * compartido y su única fuente es este archivo.
 *
 * El patrón oro completo (y la razón de cada valor) vive en
 * `_branding/UNIFORMIDAD_ECOSISTEMA.md` §1.
 *
 * Origen: /auditoria7 del 2026-07-27 encontró que el patrón oro solo vivía en
 * el generador de landings y nunca se había propagado a la app autenticada:
 * 9 productos, 9 sistemas de diseño ligeramente distintos.
 */

/* Tipografías de marca — CON el eje itálico (ital) de Libre Baskerville: sin
   él, la "ia" del logo sale con cursiva FALSA sintetizada por el navegador,
   no con el glifo itálico real de la fuente. */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --navy: #0F2A4A;
  --navy-700: #163358;
  --navy-900: #0A1F38;
  --gold: #C9A86B;
  --gold-dark: #B4935A;
  --cream: #FAF7F2;
  --cream-2: #F3EEE4;
  --ink: #1A1F2B;
  --muted: #5A6474;
  --line: #E6DFD2;
  --white: #FFFFFF;
  --radius: 10px;
  --container: 1200px;
  --shadow-sm: 0 1px 2px rgba(15, 42, 74, .06), 0 2px 8px rgba(15, 42, 74, .04);
  --shadow: 0 8px 24px rgba(15, 42, 74, .08), 0 2px 6px rgba(15, 42, 74, .05);

  /* Familias tipográficas como token, para que un producto pueda referirlas
     sin volver a escribir la lista de respaldo. Los respaldos (Georgia /
     system-ui) importan de verdad: si Google Fonts está bloqueado por la red
     del despacho, el texto sigue siendo legible y del mismo carácter. */
  --font-serif: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
}

/* Base — deliberadamente de baja especificidad (un solo elemento, sin clases)
   para que cualquier regla propia del producto la gane sin pelear. */
body {
  font-family: var(--font-sans);
  color: var(--ink);
}

h1, h2, h3 {
  font-family: var(--font-serif);
  font-weight: 700;
}

/* La "ia" final del nombre de cada producto: cursiva real, peso 400, dorado
   oscuro. SOLO en el logo del encabezado, el hero y el pie — en listas y
   texto corrido el nombre va plano ("Listia", no "List-ia" en cursiva). */
.logo em,
.brand em,
.logo i,
.brand i {
  font-style: italic;
  font-weight: 400;
  color: var(--gold-dark);
}