/* ============================================================
   Admin Console — branding UNGRD / SNIGRD (PatternFly v5)
   ============================================================ */

/* ---------- Tipografía institucional (auto-alojada) ---------- */
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal; font-display: swap; font-weight: 200 900;
  src: url('../fonts/nunito-sans-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: italic; font-display: swap; font-weight: 200 900;
  src: url('../fonts/nunito-sans-latin-wght-italic.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal; font-display: swap; font-weight: 200 900;
  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;
  src: url('../fonts/nunito-sans-latin-ext-wght-normal.woff2') format('woff2-variations');
}

:root {
  --ungrd-navy: #0f2d5b;
  --ungrd-navy-dark: #0b2349;
  --ungrd-gold: #ffc300;
  --ungrd-gold-dark: #d9a400;
  --ungrd-cobalt: #0943b5;
  --ungrd-font: 'Nunito Sans Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --pf-v5-global--FontFamily--text: var(--ungrd-font);
  --pf-v5-global--FontFamily--heading: var(--ungrd-font);
  --pf-v5-global--FontFamily--sans-serif: var(--ungrd-font);
  --pf-v5-global--FontFamily--redhatfont--sans-serif: var(--ungrd-font);

  --pf-v5-global--primary-color--100: var(--ungrd-navy);
  --pf-v5-global--primary-color--200: var(--ungrd-navy-dark);
  --pf-v5-global--active-color--100: var(--ungrd-navy);
  --pf-v5-global--active-color--200: var(--ungrd-navy-dark);

  --pf-v5-global--link--Color: var(--ungrd-cobalt);
  --pf-v5-global--link--Color--hover: var(--ungrd-navy-dark);

  --pf-v5-global--focus-color--100: var(--ungrd-gold);
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--ungrd-navy);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--ungrd-navy-dark);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--ungrd-navy-dark);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--ungrd-navy-dark);
}

.pf-v5-c-masthead,
.pf-v5-c-page__header {
  --pf-v5-c-masthead--BackgroundColor: var(--ungrd-navy);
  background-color: var(--ungrd-navy) !important;
  color: #fff;
}
.pf-v5-c-masthead a,
.pf-v5-c-masthead .pf-v5-c-button { color: #fff; }
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand { max-height: 42px; }

.pf-v5-c-nav__item .pf-v5-c-nav__link.pf-m-current {
  border-left: 3px solid var(--ungrd-gold);
}

:focus-visible {
  outline: 2px solid var(--ungrd-gold) !important;
  outline-offset: 2px !important;
}

body, .pf-v5-c-page, h1, h2, h3, h4, h5, h6, .pf-v5-c-title {
  font-family: var(--ungrd-font);
}
/* ============================================================
   Encabezado institucional inyectado (GOV.CO bar + lockup)
   ============================================================ */
#ungrd-instbar { position: relative; z-index: 1000; font-family: var(--ungrd-font); }
.ungrd-govco-bar {
  display: flex; align-items: center;
  height: 32px; padding-inline: 1rem;
  background: var(--ungrd-cobalt);
}
.ungrd-govco-brand { display: inline-flex; align-items: center; opacity: .95; }
.ungrd-govco-brand:hover { opacity: 1; }
.ungrd-govco-brand img { display: block; height: 18px; width: auto; }

.ungrd-instheader {
  display: flex; align-items: center;
  height: 64px; padding-inline: 1.25rem;
  background: #fff; border-bottom: 1px solid #e3e7ee;
}
.ungrd-lockup { display: inline-flex; align-items: center; gap: 1rem; text-decoration: none; }
.ungrd-lockup-snigrd { height: 42px; width: auto; display: block; }
.ungrd-lockup-ungrd  { height: 42px; width: auto; display: block; }
.ungrd-lockup-div { width: 1px; height: 40px; background: #c9d0da; }

/* Empuja la SPA por debajo del encabezado (32 + 64 = 96px) */
html.ungrd-has-instbar #app { height: calc(100vh - 96px); overflow: auto; }

/* Oculta el logo del masthead (la marca ya está en el encabezado) */
.pf-v5-c-masthead__brand, .pf-v5-c-page__header-brand { display: none !important; }
/* Selector de idioma en el encabezado institucional (consolas) */
.ungrd-instheader .ungrd-locale {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.6rem;
  background: #f6f8fb;
  border: 1px solid #c9d0da;
  border-radius: 8px;
}
.ungrd-locale-icon { font-size: 0.95rem; opacity: 0.7; line-height: 1; }
.ungrd-locale-select {
  border: none; background: transparent;
  color: var(--ungrd-navy); font-family: var(--ungrd-font);
  font-size: 0.85rem; font-weight: 700; cursor: pointer;
}
.ungrd-locale-select:focus { outline: none; }

/* ============================================================
   Tab "Bienvenido": se conserva, pero se reemplaza su contenido
   (promo + enlaces de Keycloak) por un mensaje institucional.
   El bloque .ungrd-welcome-block lo inyecta ungrd-instbar.js.
   ============================================================ */
section[id$="welcome-welcome"] .pf-v5-l-grid > *:not(.ungrd-welcome-block) { display: none !important; }
.ungrd-welcome-block { padding: 0.5rem 0 1rem; }
.ungrd-welcome-title { color: var(--ungrd-navy); font-size: 1.6rem; font-weight: 800; margin: 0 0 .6rem; }
.ungrd-welcome-text { color: #4b5360; font-size: 1rem; line-height: 1.6; max-width: 52rem; margin: 0; }