/* Gokiebox ID — consola «Mi cuenta» (keycloak.v3 / PatternFly 5) */
@font-face { font-family: "Poppins"; font-weight: 400; font-display: swap; src: url("../fonts/poppins-400.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-display: swap; src: url("../fonts/poppins-500.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-display: swap; src: url("../fonts/poppins-600.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-display: swap; src: url("../fonts/poppins-700.woff2") format("woff2"); }

:root {
  --gk-teal: #1ABC9C;
  --gk-teal-hover: #16A085;
  --gk-ink: #212121;
  --gk-border: #E6E9EC;
  --gk-bg: #F5F5F5;
  --pf-v5-global--primary-color--100: var(--gk-teal);
  --pf-v5-global--primary-color--200: var(--gk-teal-hover);
  --pf-v5-global--active-color--100: var(--gk-teal);
  --pf-v5-global--link--Color: var(--gk-teal-hover);
  --pf-v5-global--link--Color--hover: var(--gk-ink);
  --pf-v5-global--FontFamily--text: "Poppins", "Segoe UI", Roboto, Arial, sans-serif;
  --pf-v5-global--FontFamily--heading: "Poppins", "Segoe UI", Roboto, Arial, sans-serif;
  --pf-v5-global--BackgroundColor--dark-100: #fff;
}

/* Barra superior blanca: el logo (tinta oscura) no se recolorea */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #fff;
  --pf-v5-c-masthead--item-2-lg--BorderLeftColor: transparent;
  background-color: #fff;
  border-bottom: 1px solid var(--gk-border);
  color: var(--gk-ink);
}
.pf-v5-c-masthead .pf-v5-c-brand,
.pf-v5-c-masthead img { max-height: 34px; height: 34px; width: auto; }
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__text,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle { color: var(--gk-ink) !important; }
.pf-v5-c-masthead .pf-v5-c-menu-toggle { --pf-v5-c-menu-toggle--BackgroundColor: #fff; border-radius: 10px; }

/* Menú lateral claro */
.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #fff;
  background-color: #fff;
  border-right: 1px solid var(--gk-border);
}
.pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: var(--gk-ink);
  --pf-v5-c-nav__link--hover--Color: var(--gk-ink);
  --pf-v5-c-nav__link--m-current--Color: var(--gk-ink);
  --pf-v5-c-nav__link--BackgroundColor: transparent;
  --pf-v5-c-nav__link--hover--BackgroundColor: #EFFAF8;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #EFFAF8;
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--gk-teal);
  --pf-v5-c-nav__link--hover--after--BorderColor: var(--gk-teal);
  --pf-v5-c-nav__toggle-icon--Color: var(--gk-ink);
  background: #fff;
}
.pf-v5-c-nav__link { font-weight: 500; }

.pf-v5-c-page__main, .pf-v5-c-page__main-section { background-color: var(--gk-bg); }
.pf-v5-c-page__main-section.pf-m-light { background-color: #fff; }

.pf-v5-c-button.pf-m-primary { border-radius: 11px; font-weight: 600; }
.pf-v5-c-button.pf-m-primary::after { border-radius: 11px; }
.pf-v5-c-card { border-radius: 16px; }