/* ==========================================================================
   Hoja compartida "libro contable" (2026-08-15, Fase tipografía -- punto 3
   de SECUENCIA PENDIENTE en ESTADO_PROYECTO.md). Dirección ya definida y
   aprobada con Alberto (mockups revisados 2026-08-13): Inter para texto/UI,
   números en fuente monoespaciada, badges de estado con forma de sello
   (elipse con anillo interior, en vez de la píldora genérica de antes).

   Fuente autohospedada (2026-08-15, a pedido explícito de Alberto: nada de
   depender de Google Fonts/CDN externo -- si internet falla, la app debe
   verse igual). Archivos en /static/fonts/, subset "latin" de Inter
   (cubre U+0000-00FF -- todo el español, incluida ñ/tildes/¿/¡, sin
   necesitar el subset "latin-ext").

   Este archivo es NUEVO -- antes cada plantilla tenía su propio <style>
   inline, sin ninguna hoja compartida (ver nota en ESTADO_PROYECTO.md,
   sección "Consistencia visual entre pantallas"). Las plantillas lo suman
   con un <link>, además de su <style> propio (que sigue existiendo para lo
   específico de cada pantalla) -- no reemplaza nada de golpe.
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/inter-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/inter-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/inter-700.woff2') format('woff2');
}

:root{
  --fuente-texto: 'Inter', -apple-system, "Segoe UI", Arial, sans-serif;
  --fuente-numeros: ui-monospace, "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

body{ font-family: var(--fuente-texto); }

/* Números: NIT, códigos de cuenta/centro de costo, valores en pesos --
   monoespaciados y alineados a la derecha cuando van en tabla, como un
   libro contable real. Clase de utilidad, se agrega a mano donde aplique
   (no todo texto es numérico). */
.num{
  font-family: var(--fuente-numeros);
  font-variant-numeric: tabular-nums;
}
td.num, th.num{ text-align: right; }

/* Foco de teclado visible (2026-08-13, checklist de accesibilidad
   acordado con Alberto) -- hoy es inconsistente entre plantillas. Un
   anillo Sello, sin depender de que cada input lo declare aparte. */
:focus-visible{
  outline: 2px solid #2F6844;
  outline-offset: 2px;
}

/* Badge tipo sello (2026-08-13, a pedido de Alberto: "reusar la forma
   del propio sello que ya estampa la app en los PDFs -- elipse con
   anillo interior, no una píldora genérica"). Reemplaza el patrón viejo
   de .origen-* con fondo relleno -- ahora es un anillo doble sobre fondo
   blanco/transparente, como un timbre de verdad. El COLOR sigue viniendo
   de la clase de origen específica de cada pantalla (ej. .origen-
   aprendizaje) -- este archivo solo define la FORMA, reutilizable en
   cualquier pantalla.
   Estructura: borde interior (border) + anillo exterior (outline con
   offset) -- ambos heredan currentColor, así que solo hace falta fijar
   `color` en la clase que lo usa. */
.badge-sello{
  display:inline-block;
  padding:1px 9px;
  border-radius:999px;
  border:1px solid currentColor;
  outline:1px solid currentColor;
  outline-offset:2px;
  background:#fff;
  font-size:9px;
  font-weight:600;
  letter-spacing:.02em;
  line-height:1.6;
  white-space:nowrap;
}