.dist-section {
  padding: 60px 20px;
}

.dist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  /* SIEMPRE 3 */
  gap: 25px;
  margin-top: 20px;
}

.dist-card hr {
  visibility: hidden;
}

.dist-card {
  background: #fff;
  padding: 25px;
  text-align: center;
  border-radius: 14px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  transition: transform .25s, box-shadow .25s;
  cursor: pointer;
}

.dist-card p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
}

.dist-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.dist-logo {
  max-width: 140px;
  height: auto;
  margin-bottom: 15px;
  filter: grayscale(0.1);
  transition: filter .2s;
}

.dist-logo2 {
  max-width: 240px;
  height: auto;
  margin-bottom: 15px;
  filter: grayscale(0.1);
  transition: filter .2s;
}

.dist-logo3 {
  max-width: 200px;
  height: auto;
  margin-bottom: 5px;
  filter: grayscale(0.1);
  transition: filter .2s;
}

.dist-card:hover .dist-logo,
.dist-card:hover .dist-logo2,
.dist-card:hover .dist-logo3 {
  filter: grayscale(0);
}

.dist-contact {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #555;
}

.dist-map {
  margin-top: 45px;
}