/* Partner logos — uniform height */
:root {
  --brand-logo-height: 32px;
}

.brand-logo {
  display: block;
  height: var(--brand-logo-height);
  width: auto;
  max-width: 160px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.brand-logo--inline {
  display: inline-block;
  max-width: 110px;
  margin: 0;
}

.brand-logo--materials {
  --brand-logo-height: 36px;
  max-width: 200px;
}

.brand-logo--blanco.brand-logo--materials {
  max-width: 180px;
}

.brand-logo--fundermax.brand-logo--materials {
  max-width: 220px;
}

.brand-logo--laminam.brand-logo--materials {
  max-width: 200px;
}

.brand-logos-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem 1.75rem;
}

.brand-logos-row__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.brand-mention {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  vertical-align: middle;
  white-space: nowrap;
}

.brand-mention__name {
  font-size: 0.92em;
  font-weight: 600;
}

/* Materiale & Sisteme — logos only, one per row */
.section--materials-brands .material-list--logos {
  list-style: none;
  padding: 0;
  margin: 1.75rem auto 0;
  max-width: 28rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem;
}

.section--materials-brands .material-item--brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

@media (max-width: 480px) {
  .brand-logo--materials {
    --brand-logo-height: 30px;
  }
}