/* ========================================================================== */
/* AJUSTE VISUAL — LOGOS DE CLIENTES                                          */
/* Mantém todas as marcas com o mesmo espaço visual, centralizadas e sem corte. */
/* ========================================================================== */

.segment-clients .logo-marquee {
  width: min(100%, 1180px) !important;
  padding: 18px 0 22px !important;
  overflow: hidden !important;
}

.segment-clients .logo-track,
.segment-clients .logo-group {
  align-items: center !important;
}

.segment-clients .logo-group {
  gap: 28px !important;
}

.segment-clients .client-logo {
  width: 132px !important;
  height: 132px !important;
  flex: 0 0 132px !important;
  box-sizing: border-box !important;
  padding: 7px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(214, 174, 89, .16) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 12px 28px rgba(0,0,0,.10) !important;
}

.segment-clients .client-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 12px !important;
  clip-path: none !important;
  transform: none !important;
}

/* Realce discreto, sem aumentar/distorcer a imagem. */
.segment-clients .client-logo:hover {
  border-color: rgba(214, 174, 89, .48) !important;
  background: rgba(214, 174, 89, .055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 32px rgba(0,0,0,.14) !important;
}

/* Espaço Cliente: item apontado pelo mouse fica dourado, mantendo texto nítido. */
.nav-client-space .reseller-space-link:hover,
.nav-client-space .reseller-space-link:focus-visible {
  background: linear-gradient(90deg, rgba(214,174,89,.22), rgba(214,174,89,.10)) !important;
  border-color: rgba(214,174,89,.52) !important;
  color: #f3cf6d !important;
  transform: none !important;
}

.nav-client-space .reseller-space-link:hover strong,
.nav-client-space .reseller-space-link:focus-visible strong,
.nav-client-space .reseller-space-link:hover .reseller-space-arrow,
.nav-client-space .reseller-space-link:focus-visible .reseller-space-arrow {
  color: #f3cf6d !important;
}

.nav-client-space .reseller-space-link:hover .reseller-space-icon,
.nav-client-space .reseller-space-link:focus-visible .reseller-space-icon {
  color: #f3cf6d !important;
  background: rgba(214,174,89,.15) !important;
}

@media (max-width: 900px) {
  .segment-clients .logo-group {
    gap: 22px !important;
  }

  .segment-clients .client-logo {
    width: 110px !important;
    height: 110px !important;
    flex-basis: 110px !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  .segment-clients .client-logo img {
    border-radius: 10px !important;
  }
}

@media (max-width: 560px) {
  .segment-clients .logo-group {
    gap: 16px !important;
  }

  .segment-clients .client-logo {
    width: 94px !important;
    height: 94px !important;
    flex-basis: 94px !important;
    padding: 5px !important;
    border-radius: 13px !important;
  }
}