/* Base compartilhada para .aj-custom-header em todas as páginas */

.aj-custom-header {
  /* Variáveis de tema */
  --bg-base: #FFFFFF;
  --bg-base-secondary: #F7FAFC;
  --bg-base-tertiary: #EDF2F7;
  --bg-surface: #F7FAFC;
  --bg-elevated: #FFFFFF;
  --text-base: #2D3748;
  --text-base-secondary: #4A5568;
  --text-base-tertiary: #718096;
  --text-muted: #718096;
  --border-base: #E2E8F0;
  --border-base-light: #F7FAFC;
  --border-base-dark: #CBD5E0;
  --primary: #FACB1F;
  --primary-hover: #E5B200;
  --secondary: #1F4287;
  --secondary-hover: #1A3670;
  --header-block-bg: #363638;
  --content-bg: #363638;
  --content-border-color: #d8d8dc;
  --footer-bg: #363638;
  --footer-color: #FFCD24;
  --footer-border-color: #FFCD24;
  --text-color: #d8d8dc;
  --bold-color: #d8d8dc;
  --border-color: #d8d8dc;
  --theme-color: #FFCD24;
  --theme-color-two: #d8d8dc;
  --font-content: 'Open Sans', sans-serif;
  --font-heading: 'Roboto', sans-serif;
  --tw-gradient-from: rgb(250 203 31 / .18) 0%;
  --tw-gradient-via: rgb(250 203 31 / .08) 35%;
  --tw-gradient-to: transparent 100%;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to);

  /* Propriedades base (conforme solicitado) */
  text-rendering: optimizeSpeed;
  font-family: var(--font-content);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--text-color);
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 98%;
  margin: 0;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

header.aj-custom-header span:not(.notification-badge):not(.header-notification-badge):not(.notification-badge-white), header.aj-custom-header p, .aj-container span, .aj-container p, #lista-aj span, #lista-aj p {
    color: #000 !important;
    display: initial;
    font-size: 21px;
    font-weight: 700;
    font-family: 'Poppins' !important;
}

/* Replicar layout esperado das classes utilitárias usadas no markup */
.aj-custom-header .aj-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
}

.aj-custom-header .aj-container a {
  display: flex;
  align-items: center;
}

.aj-custom-header .aj-container a span {
  margin-left: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
}

/* Dimensões da logo para evitar tamanho excessivo */
.aj-custom-header .aj-container img {
  height: 48px;
  width: auto;
}

/* Navegação com espaçamento entre itens e alinhamento */
.aj-custom-header .aj-container nav {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}