/* =====================================================================================================================
   AKAPATECH GRC SYSTEM v8.1.0 — Base visual de TODAS las páginas (también portales públicos e inicio de sesión):
   tipografías propias (servidas por la aplicación, sin CDN) y el juego de iconos de dos tonos.
   · Títulos, menús, botones y cifras: Barlow Semi Condensed (500/600/700).
   · Texto y formularios: Source Sans 3 (variable).
   · Iconos: Phosphor duotono (utils/iconos.js convierte las clases «bi bi-…» al renderizar).
   ===================================================================================================================== */
@font-face { font-family: 'Barlow Semi Condensed'; font-weight: 500; font-style: normal; font-display: swap; src: url('/public/fonts/barlow-semi-condensed-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Semi Condensed'; font-weight: 600; font-style: normal; font-display: swap; src: url('/public/fonts/barlow-semi-condensed-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Semi Condensed'; font-weight: 700; font-style: normal; font-display: swap; src: url('/public/fonts/barlow-semi-condensed-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Source Sans 3'; font-weight: 200 900; font-style: normal; font-display: swap; src: url('/public/fonts/source-sans-3-latin-wght-normal.woff2') format('woff2'); }

:root {
  --akp-font: 'Source Sans 3', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  --akp-font-t: 'Barlow Semi Condensed', 'Arial Narrow', 'Segoe UI', system-ui, sans-serif;
  --akp-ico-2: #18b4a6;            /* segundo tono de los iconos */
  --bs-body-font-family: var(--akp-font);
  --bs-font-sans-serif: var(--akp-font);
}
html body { font-family: var(--akp-font); font-feature-settings: 'tnum' 1; }
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6,
html body .btn, html body .nav-link, html body .navbar-brand, html body th, html body .badge { font-family: var(--akp-font-t); letter-spacing: .005em; }

/* ---------- Iconos de dos tonos ---------- */
.akp-ico.ph-duotone { display: inline-block; line-height: 1; vertical-align: -.14em; font-size: 1.12em; }
.akp-ico.ph-duotone::before { color: var(--akp-ico-2); opacity: .62; }
/* sobre fondos de color (botones sólidos, etiquetas, teselas) el segundo tono es el mismo color del texto */
.btn:not([class*='btn-outline']):not(.btn-link):not(.btn-light):not(.btn-akp-o) .akp-ico,
.badge .akp-ico, .akp-kpi .akp-ico, .akp-solido .akp-ico, .alert .akp-ico { --akp-ico-2: currentColor; }
.btn:not([class*='btn-outline']):not(.btn-link):not(.btn-light) .akp-ico::before, .badge .akp-ico::before, .akp-kpi .akp-ico::before, .akp-solido .akp-ico::before { opacity: .38; }
@media print { .akp-ico.ph-duotone::before { opacity: .3; } }