/* ============================================================
   sigett.css — identidad común de SIGETT (misma del portal sigettcr.com).
   Se carga en todas las pantallas para que los sistemas se vean como uno solo:
   misma tipografía, misma barra superior y mismas tarjetas. Los colores de cada
   página (institucionales) no se tocan; solo se agregan los tokens del portal.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800&display=swap");

:root {
  --sigett-noche: #0b2e3b;
  --sigett-fondo: #f3f5f6;
  --sigett-tinta: #142a33;
  --sigett-suave: #5a6b72;
  --sigett-linea: #dde3e6;
  --sigett-lima: #8cc63f;
  --sigett-azul: #1f4e9a;
  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-body: "Nunito Sans", "Segoe UI", system-ui, sans-serif;
}

/* Tipografía: texto con Nunito Sans y títulos con Bricolage Grotesque, en todo el sistema.
   Los íconos (Font Awesome) declaran su propia fuente en .fa/.fas, así que no se afectan. */
body, button, input, select, textarea, .btn, .form-control, .form-select, .table, .dropdown-menu, .swal2-popup {
  font-family: var(--font-body) !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .navbar-brand, .modal-title, .swal2-title {
  font-family: var(--font-display) !important;
  letter-spacing: -.01em;
}

/* Barra superior común (la agrega sigett_barra.js en las pantallas de entrada). */
.sigett-barra {
  background: var(--sigett-noche); color: #fff;
  display: flex; align-items: center; gap: 12px;
  padding: 10px max(16px, calc((100% - 1160px) / 2));
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 2px 10px rgba(0, 0, 0, .12);
  position: relative; z-index: 20;
}
.sigett-barra img { width: 36px; height: 36px; object-fit: contain; background: #fff; border-radius: 50%; padding: 3px; }
.sigett-barra .sb-texto { display: flex; flex-direction: column; line-height: 1.15; }
.sigett-barra .sb-marca { font-family: var(--font-display); font-weight: 800; letter-spacing: .12em; font-size: 1rem; }
.sigett-barra .sb-sub { font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .72); }
.sigett-barra .sb-filete { position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: var(--sigett-lima); opacity: .85; }

/* Tarjeta con franja superior de color, como las del portal. */
.sigett-tarjeta {
  background: #fff; border: 1px solid var(--sigett-linea); border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 42, 51, .06), 0 8px 24px rgba(20, 42, 51, .06);
  border-top: 4px solid var(--c, var(--sigett-azul));
}