:root {
  --ti-navy: #082f67;
  --ti-blue: #0d47a1;
  --ti-blue-bright: #1565c0;
  --ti-teal: #43b6ac;
  --ti-canvas: #f5f8fc;
  --ti-border: #dfe7ef;

  --pf-v5-global--FontFamily--text: "Tommy", "Segoe UI", Arial, sans-serif;
  --pf-v5-global--FontFamily--heading: "Tommy", "Segoe UI", Arial, sans-serif;
  --pf-v5-global--primary-color--100: var(--ti-blue);
  --pf-v5-global--primary-color--200: var(--ti-blue-bright);
  --pf-v5-global--link--Color: var(--ti-blue-bright);
  --pf-v5-global--link--Color--hover: var(--ti-blue);
  --pf-v5-global--BackgroundColor--100: var(--ti-canvas);
  --pf-v5-c-masthead--BackgroundColor: var(--ti-navy);
  --pf-v5-c-toolbar--BackgroundColor: var(--ti-navy);
  --pf-v5-c-page__header--BackgroundColor: var(--ti-navy);
}

body {
  font-family: "Tommy", "Segoe UI", Arial, sans-serif;
  background: var(--ti-canvas);
  overflow-x: hidden;
}

.pf-v5-c-masthead,
.pf-v5-c-page__sidebar {
  color: #fff;
  background: linear-gradient(180deg, var(--ti-navy), var(--ti-blue) 62%, #07336f);
}

.pf-v5-c-masthead,
.pf-v5-c-masthead__main,
.pf-v5-c-masthead__content,
.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-c-page__header,
#page-header {
  background: var(--ti-navy) !important;
}

.pf-v5-c-masthead {
  border-bottom: 3px solid var(--ti-teal);
  box-shadow: 0 3px 12px rgba(8, 47, 103, 0.18);
}

.pf-v5-c-page__main,
.pf-v5-c-page__main-section {
  background: var(--ti-canvas);
}

.pf-v5-c-page__sidebar {
  border-right: 0;
}

.pf-v5-c-page,
.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body,
.pf-v5-c-nav {
  overflow-x: hidden !important;
}

.pf-v5-c-nav__link {
  margin: 2px 10px;
  color: rgba(255, 255, 255, 0.88);
  border-radius: 7px;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current:hover,
.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus {
  color: #fff !important;
  background: var(--ti-blue-bright) !important;
  box-shadow: inset 4px 0 0 var(--ti-teal);
}

.pf-v5-c-nav__section-title {
  color: rgba(255, 255, 255, 0.66);
}

.pf-v5-c-button.pf-m-primary {
  background: linear-gradient(100deg, var(--ti-blue), var(--ti-blue-bright));
  border-radius: 7px;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
  background: var(--ti-navy);
}

.pf-v5-c-button.pf-m-secondary {
  color: #fff;
  background: #26a69a;
  border-color: #26a69a;
  border-radius: 7px;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus {
  color: #fff;
  background: #208c83;
  border-color: #208c83;
}

.pf-v5-c-button.pf-m-tertiary {
  color: var(--ti-blue-bright);
  background: transparent;
  border-color: var(--ti-blue-bright);
  border-radius: 7px;
}

.pf-v5-c-button.pf-m-tertiary:hover,
.pf-v5-c-button.pf-m-tertiary:focus {
  color: #fff;
  background: var(--ti-blue-bright);
}

.pf-v5-c-button.pf-m-link {
  color: var(--ti-blue-bright);
  background: transparent;
}

.pf-v5-c-button.pf-m-link:hover,
.pf-v5-c-button.pf-m-link:focus {
  color: var(--ti-navy);
  text-decoration: underline;
}

.pf-v5-c-card {
  border: 1px solid var(--ti-border);
  border-radius: 10px;
  box-shadow: 0 5px 16px rgba(13, 71, 161, 0.06);
}

.pf-v5-c-table {
  border: 1px solid var(--ti-border);
}

.pf-v5-c-form-control:focus-within {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.14);
}

html.pf-v5-theme-dark,
html.pf-v5-theme-dark body {
  --pf-v5-global--BackgroundColor--100: #15191d;
  --pf-v5-global--BackgroundColor--200: #1d2228;
  color-scheme: dark;
  background: #111b27;
}

.pf-v5-theme-dark .pf-v5-c-masthead,
.pf-v5-theme-dark .pf-v5-c-masthead__main,
.pf-v5-theme-dark .pf-v5-c-masthead__content,
.pf-v5-theme-dark .pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-theme-dark .pf-v5-c-page__header,
.pf-v5-theme-dark #page-header {
  background: #0b223d !important;
}

.pf-v5-theme-dark .pf-v5-c-masthead {
  border-bottom-color: var(--ti-teal);
}

.pf-v5-theme-dark .pf-v5-c-page__sidebar {
  background: linear-gradient(180deg, #071d36 0%, #0a315e 60%, #082747 100%) !important;
}

.pf-v5-theme-dark .pf-v5-c-nav__link {
  color: #dbe8f5;
}

.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current,
.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current:hover,
.pf-v5-theme-dark .pf-v5-c-nav__link:hover,
.pf-v5-theme-dark .pf-v5-c-nav__link:focus {
  color: #fff !important;
  background: #114f8f !important;
  box-shadow: inset 4px 0 0 var(--ti-teal);
}

.pf-v5-theme-dark .pf-v5-c-card {
  background: #1a2634;
  border-color: #34465a;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
}

.pf-v5-theme-dark .pf-v5-c-page__main,
.pf-v5-theme-dark .pf-v5-c-page__main-section {
  background: #111b27;
}

.pf-v5-theme-dark .pf-v5-c-tabs,
.pf-v5-theme-dark .pf-v5-c-table,
.pf-v5-theme-dark .pf-v5-c-form-control,
.pf-v5-theme-dark .pf-v5-c-menu-toggle {
  --pf-v5-global--BackgroundColor--100: #1a2634;
  --pf-v5-global--BorderColor--100: #3a4c60;
}

.pf-v5-theme-dark .pf-v5-c-title,
.pf-v5-theme-dark .pf-v5-c-form__label,
.pf-v5-theme-dark .pf-v5-c-content {
  color: #edf5fc;
}

.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary {
  color: #061f2d;
  background: #43b6ac;
  border-color: #43b6ac;
}

.pf-v5-theme-dark .pf-v5-c-button.pf-m-tertiary {
  color: #67b7ff;
  background: transparent;
  border-color: #67b7ff;
}

@media (max-width: 768px) {
  .pf-v5-c-nav__link {
    margin-right: 6px;
    margin-left: 6px;
  }
}

/* Tu Ingenio: panel unificado claro */
:root {
  --ti-navy: #082f67;
  --ti-blue: #0d47a1;
  --ti-blue-bright: #1565c0;
  --ti-teal: #26a69a;
  --ti-canvas: #f5f8fc;
  --ti-border: #d9e1ea;
  --pf-v5-global--primary-color--100: #0d47a1;
  --pf-v5-global--primary-color--200: #1565c0;
  --pf-v5-global--link--Color: #1565c0;
  --pf-v5-global--link--Color--hover: #0d47a1;
}

html:not(.pf-v5-theme-dark) body,
html:not(.pf-v5-theme-dark) .pf-v5-c-page,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section {
  color: #17324d;
  background: #f5f8fc;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-masthead,
html:not(.pf-v5-theme-dark) .pf-v5-c-masthead__main,
html:not(.pf-v5-theme-dark) .pf-v5-c-masthead__content,
html:not(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__header,
html:not(.pf-v5-theme-dark) #page-header {
  color: #17324d;
  background: #ffffff !important;
  border-bottom: 1px solid #d9e1ea;
  box-shadow: none;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-page__sidebar,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body,
html:not(.pf-v5-theme-dark) .pf-v5-c-nav {
  color: #17324d;
  background: #f8fbff !important;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
  border-right: 1px solid #d9e1ea;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-nav__link,
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__section-title {
  color: #52677d;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-nav__link.pf-m-current,
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__link.pf-m-current:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__link:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__link:focus {
  color: #0d47a1 !important;
  background: #e6f0fc !important;
  box-shadow: none;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-card,
html:not(.pf-v5-theme-dark) .pf-v5-c-table,
html:not(.pf-v5-theme-dark) .pf-v5-c-tabs,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu-toggle,
html:not(.pf-v5-theme-dark) .pf-v5-c-form-control {
  color: #17324d;
  background: #ffffff;
  border-color: #d9e1ea;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-primary {
  color: #ffffff;
  background: #0d47a1;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-primary:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-primary:focus {
  color: #ffffff;
  background: #1565c0;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-secondary {
  color: #ffffff;
  background: #26a69a;
  border-color: #26a69a;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-tertiary {
  color: #1565c0;
  background: #ffffff;
  border-color: #1565c0;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-link {
  color: #1565c0;
}

/* Tu Ingenio: panel unificado oscuro */
html.pf-v5-theme-dark,
html.pf-v5-theme-dark body,
.pf-v5-theme-dark .pf-v5-c-page,
.pf-v5-theme-dark .pf-v5-c-page__main,
.pf-v5-theme-dark .pf-v5-c-page__main-section {
  color: #f5f8fc;
  background: #0b1f38;
}

.pf-v5-theme-dark .pf-v5-c-masthead,
.pf-v5-theme-dark .pf-v5-c-masthead__main,
.pf-v5-theme-dark .pf-v5-c-masthead__content,
.pf-v5-theme-dark .pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-theme-dark .pf-v5-c-page__header,
.pf-v5-theme-dark #page-header {
  background: #102b4c !important;
  border-bottom-color: #294766;
}

.pf-v5-theme-dark .pf-v5-c-page__sidebar,
.pf-v5-theme-dark .pf-v5-c-page__sidebar-body,
.pf-v5-theme-dark .pf-v5-c-nav {
  background: #0a2747 !important;
}

.pf-v5-theme-dark .pf-v5-c-nav__link {
  color: #c7d7e8;
}

.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current,
.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current:hover,
.pf-v5-theme-dark .pf-v5-c-nav__link:hover,
.pf-v5-theme-dark .pf-v5-c-nav__link:focus {
  color: #8edbd4 !important;
  background: #123e66 !important;
  box-shadow: none;
}

.pf-v5-theme-dark .pf-v5-c-card,
.pf-v5-theme-dark .pf-v5-c-table,
.pf-v5-theme-dark .pf-v5-c-tabs,
.pf-v5-theme-dark .pf-v5-c-menu,
.pf-v5-theme-dark .pf-v5-c-menu-toggle,
.pf-v5-theme-dark .pf-v5-c-form-control {
  color: #f5f8fc;
  background: #173553;
  border-color: #35526f;
}

.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary {
  color: #ffffff;
  background: #2774c9;
}

.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:hover,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:focus {
  color: #ffffff;
  background: #3989dd;
}

.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary {
  color: #071f2c;
  background: #43b6ac;
  border-color: #43b6ac;
}

@media (min-width: 769px) {
  .pf-v5-c-page__sidebar {
    width: 252px;
  }
}