/* Franja horizontal compacta para marcas: no aumenta la altura de la página. */
.brand-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 10px;
  margin-top: 18px;
  padding: 4px 2px 12px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}
.brand-grid a {
  flex: 0 0 220px !important;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 1rem;
  white-space: nowrap;
  scroll-snap-align: start;
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.brand-grid a img { width: 200px; height: 78px; object-fit: contain; }
.brand-grid a .brand-name { overflow: hidden; text-overflow: ellipsis; }
.brand-grid::-webkit-scrollbar { height: 6px; }
.brand-grid::-webkit-scrollbar-thumb { background: #bdc8d4; border-radius: 10px; }