/* Navegação principal: mesma linguagem visual da ribbon da Home. */
.site-header .site-nav,
.flow-header .flow-nav {
  gap: 22px;
}

.site-header .site-nav > a,
.flow-header .flow-nav > a:not(.flow-primary-link) {
  color: #8d9aab;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-header .site-nav > a:hover,
.site-header .site-nav > a:focus-visible,
.site-header .site-nav > a.is-active,
.flow-header .flow-nav > a:not(.flow-primary-link):hover,
.flow-header .flow-nav > a:not(.flow-primary-link):focus-visible,
.flow-header .flow-nav > a.is-active {
  color: #fff;
}

/* Conta usa o mesmo indicador ativo da ribbon principal. */
.flow-header .flow-nav > a:not(.flow-primary-link)::after {
  bottom: -22px;
}
.flow-header .flow-nav > a.is-active::after {
  right: 0;
}

/* Tema: mantém posição e clique, remove toda aparência de botão. */
.sb-theme-toggle,
.sb-theme-toggle:hover,
.sb-theme-toggle:focus,
.sb-theme-toggle:focus-visible,
html[data-theme="light"] .sb-theme-toggle,
html[data-theme="light"] .sb-theme-toggle:hover,
html[data-theme="light"] .sb-theme-toggle:focus-visible {
  width: 30px !important;
  min-width: 30px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.sb-theme-toggle:hover { opacity: .8; }
.sb-theme-toggle:focus-visible { outline: 0 !important; opacity: .8; }
.sb-theme-toggle span[aria-hidden="true"] { font-size: 17px !important; }

html[data-theme="dark"] .sb-theme-toggle { color: #dce7f5 !important; }
html[data-theme="light"] .sb-theme-toggle { color: #172338 !important; }

/* Mantém a ribbon consistente em telas intermediárias sem alterar o mobile existente. */
@media (max-width: 1180px) and (min-width: 761px) {
  .site-header .site-nav,
  .flow-header .flow-nav { gap: 15px; }
  .site-header .site-nav > a,
  .flow-header .flow-nav > a:not(.flow-primary-link) { font-size: 10px; }
}

/* PATCH 17.2 — ribbon tipográfica global.
   Somente cabeçalhos/navegação: não altera layout, rotas ou comportamento das páginas. */
.legal-header .legal-nav { gap: 22px; }

.legal-header .legal-nav > a {
  position: relative;
  color: #8d9aab;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.legal-header .legal-nav > a:hover,
.legal-header .legal-nav > a:focus-visible,
.legal-header .legal-nav > a[aria-current="page"] { color: #fff; }

.legal-header .legal-nav > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -17px;
  height: 2px;
  background: linear-gradient(90deg, #32b8ff 0%, #5579ff 56%, #9b52ff 100%);
  transition: right .18s ease;
}

.legal-header .legal-nav > a:hover::after,
.legal-header .legal-nav > a:focus-visible::after,
.legal-header .legal-nav > a[aria-current="page"]::after { right: 0; }

html[data-theme="light"] .site-header .site-nav > a,
html[data-theme="light"] .flow-header .flow-nav > a:not(.flow-primary-link),
html[data-theme="light"] .legal-header .legal-nav > a { color: #68758a; }

html[data-theme="light"] .site-header .site-nav > a:hover,
html[data-theme="light"] .site-header .site-nav > a:focus-visible,
html[data-theme="light"] .site-header .site-nav > a.is-active,
html[data-theme="light"] .flow-header .flow-nav > a:not(.flow-primary-link):hover,
html[data-theme="light"] .flow-header .flow-nav > a:not(.flow-primary-link):focus-visible,
html[data-theme="light"] .flow-header .flow-nav > a.is-active,
html[data-theme="light"] .legal-header .legal-nav > a:hover,
html[data-theme="light"] .legal-header .legal-nav > a:focus-visible,
html[data-theme="light"] .legal-header .legal-nav > a[aria-current="page"] { color: #111b2d; }

@media (max-width: 1180px) and (min-width: 761px) {
  .legal-header .legal-nav { gap: 15px; }
  .legal-header .legal-nav > a { font-size: 10px; }
}


/* PATCH 17.3 — RIBBON OFICIAL = HOME.
   Só medidas/tipografia da barra superior. Não toca em scroll, tilt, parallax ou animações. */
@media (min-width: 761px) {
  .site-header,
.flow-header,
.legal-header{
    height: 68px !important;
    min-height: 68px !important;
  }

  .site-header .header-inner,
  .flow-header .flow-shell,
  .legal-header .legal-header-inner {
    height: 68px !important;
    min-height: 68px !important;
    gap: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .site-header .brand-mark,
  .flow-header .flow-brand-mark,
  .legal-header .legal-brand img {
    width: 39px !important;
    height: 39px !important;
    flex: 0 0 39px !important;
  }

  .site-header .brand-copy strong,
  .flow-header .flow-brand strong,
  .legal-header .legal-brand strong {
    font-size: 15px !important;
  }

  .site-header .brand-copy small,
  .flow-header .flow-brand small,
  .legal-header .legal-brand small {
    margin-top: 2px !important;
    font-size: 8px !important;
    letter-spacing: .19em !important;
  }

  .site-header .site-nav,
  .flow-header .flow-nav,
  .legal-header .legal-nav {
    gap: 22px !important;
  }

  .site-header .site-nav > a,
  .flow-header .flow-nav > a:not(.flow-primary-link),
  .legal-header .legal-nav > a {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  .site-header .site-nav > a::after,
  .flow-header .flow-nav > a:not(.flow-primary-link)::after,
  .legal-header .legal-nav > a::after {
    bottom: -24px !important;
  }
}