/* Layout a dos columnas */
.mapa-comercios-wrap.mapa-comercios--con-lista {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 1rem;
}
@media (max-width: 1024px) {
  .mapa-comercios-wrap.mapa-comercios--con-lista {
    grid-template-columns: 1fr;
  }
}

.mapa-comercios-panel { display: grid; gap: .75rem; }
.mapa-comercios-controls {
  display: flex; gap: .75rem; align-items: center; flex-wrap: wrap;
}

.mapa-comercios-lista {
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  padding: .75rem;
  max-height: 70vh;
  overflow: auto;
  background: #fff;
}
.lista-header { margin-bottom: .5rem; }
.lista-ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.lista-item {
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  padding: .6rem .7rem;
  cursor: pointer;
}
.lista-item:hover { background: #f9fafb; }
.lista-item .titulo { font-weight: 600; }
.lista-item .meta  { font-size: .9rem; opacity: .85; }

.lista-paginacion {
  display: flex; gap: .5rem; align-items: center; justify-content: space-between;
  margin-top: .75rem;
}
.lista-paginacion button[disabled] { opacity: .5; cursor: not-allowed; }