/* Evita sobreposicao do menu sobre o logo/selo em telas grandes */
@media (min-width: 1024px) {
  header .max-w-\[1600px\] {
    gap: 2.5rem !important;
  }
  
  header .logo-seal-wrapper {
    flex-shrink: 0 !important;
    min-width: max-content !important;
    position: relative;
    z-index: 10;
  }
}

/* Entre 1024px e 1399px: menu na primeira linha, botoes na segunda */
@media (min-width: 1024px) and (max-width: 1399px) {
  header .max-w-\[1600px\] {
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0px !important;
    height: auto !important;
    min-height: var(--header-main-height) !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  header .logo-seal-wrapper {
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
    align-self: center !important;
  }
  
  header nav.hidden.lg\:flex.items-center.justify-center.gap-1.xl\:gap-2.h-full,
  header nav.lg\:flex.items-center.justify-center.gap-1.xl\:gap-2.h-full,
  header nav.items-center.justify-center.gap-1.xl\:gap-2.h-full,
  header nav {
    display: flex !important;
    grid-row: 1 !important;
    grid-column: 2 !important;
    justify-content: flex-start !important;
    padding-left: 1.5rem !important;
  }
  
  header .max-w-\[1600px\] > div:last-child {
    grid-row: 2 !important;
    grid-column: 2 !important;
    justify-content: flex-start !important;
    padding-left: 1.5rem !important;
    gap: 0.75rem !important;
  }
  
  /* Oculta elementos mobile-only no desktop intermediario */
  header button.lg\:hidden.ml-1.shrink-0.p-1\.5.sm\:p-2.hover\:bg-primary-foreground\/10.rounded-lg.transition-colors.text-primary-foreground.focus\:outline-none.h-9.w-9.sm\:h-10.sm\:w-10.flex.items-center.justify-center.shrink-0[aria-label="Menu de navegação"],
  header button.lg\:hidden[aria-label="Menu de navegação"] {
    display: none !important;
  }
}

/* A partir de 1400px: menu desktop visivel em 1 linha */
@media (min-width: 1400px) {
  header .max-w-\[1600px\] {
    grid-template-columns: auto 1fr auto !important;
    grid-template-rows: auto !important;
  }
  
  header nav.hidden.lg\:flex.items-center.justify-center.gap-1.xl\:gap-2.h-full,
  header nav.lg\:flex.items-center.justify-center.gap-1.xl\:gap-2.h-full,
  header nav.items-center.justify-center.gap-1.xl\:gap-2.h-full,
  header nav {
    display: flex !important;
    justify-content: flex-start !important;
    padding-left: 1.5rem !important;
    grid-row: 1 !important;
    grid-column: 2 !important;
  }
  
  header .max-w-\[1600px\] > div:last-child {
    grid-row: 1 !important;
    grid-column: 3 !important;
    justify-content: flex-end !important;
  }
  
  header button[aria-label="Menu de navegacao"],
  header button[aria-label="Menu de navegação"] {
    display: none !important;
  }
}

/* Ajuste fino dos botoes e menu em telas intermediarias */
@media (min-width: 1024px) and (max-width: 1280px) {
  header nav button,
  header nav a {
    font-size: 12px !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  
  .header-btn-compact {
    font-size: 11px !important;
    padding: 0.35rem 0.6rem !important;
  }
}