/* Marcas: barra de navegación entre marcas. */
.brand-nav-strip {
  position: sticky !important;
  top: 74px !important;
  z-index: 850 !important;
  width: min(1480px, 92vw) !important;
  margin: -28px auto 0 !important;
  overflow: hidden;
  border: 2px solid #0a0a0a !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.14) !important;
}

.brand-nav-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100% !important;
  min-height: 76px;
  overflow: hidden;
}

.brand-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 76px;
  padding: 14px 16px !important;
  border-right: 1px solid #bebeba !important;
  background: #fff !important;
  color: #171717 !important;
  font-family: var(--fh) !important;
  font-size: clamp(1.12rem, 1.55vw, 1.58rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.045em !important;
  line-height: 1.1;
  text-align: center;
  transition:
    background 0.25s ease,
    color 0.25s ease !important;
}

.brand-nav-item:last-child {
  border-right: 0 !important;
}
.brand-nav-item:hover:not(.active) {
  background: #ededeb !important;
  color: #0a0a0a !important;
}
.brand-nav-item.active,
.brand-nav-item[aria-current="location"] {
  background: #0a0a0a !important;
  color: #fff !important;
}
.brand-nav-item:focus-visible {
  outline: 3px solid #00249c;
  outline-offset: -5px;
}
.brand-chapter {
  scroll-margin-top: 170px;
}

@media (max-width: 680px) {
  /* Selector segmentado compacto: las cuatro marcas siempre visibles y sin cortes. */
  .brand-nav-strip {
    top: 72px !important;
    width: calc(100% - 20px) !important;
    margin: 10px auto 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(10, 10, 10, 0.14) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .brand-nav-inner {
    display: grid !important;
    grid-template-columns: 0.8fr 1.35fr 1fr 1.15fr;
    gap: 2px;
    min-height: 0;
    overflow: visible;
  }
  .brand-nav-item {
    min-width: 0 !important;
    min-height: 46px;
    padding: 6px 4px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: clamp(0.74rem, 3.3vw, 0.98rem) !important;
    letter-spacing: 0.03em !important;
    line-height: 1 !important;
    white-space: nowrap;
  }
  .brand-chapter {
    scroll-margin-top: 136px;
  }
}