/* Contraste reforzado para rubros y filtros del directorio. */
.filters .filter {
  background: #edf8f1;
  border-color: #a4edb8;
  color: #123b3c;
  font-weight: 800;
  box-shadow: 0 4px 14px rgba(2, 19, 37, .14);
}

.filters .filter.active,
.filters .filter:hover {
  background: #a4edb8;
  border-color: #a4edb8;
  color: #071c32;
}

/* Logo o foto del local (campo `image`, miniatura 480x320). */
.business.has-media { overflow: hidden; }
.business-media {
  margin: -24px -24px 4px;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: linear-gradient(135deg, #0b3157, #0f5265);
  border-bottom: 1px solid rgba(8, 28, 50, .08);
}
.business-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business-media.placeholder {
  display: grid;
  place-items: center;
}
.business-media.placeholder span {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(164, 237, 184, .55);
  background: rgba(164, 237, 184, .1);
  color: #a4edb8;
  font: 700 2rem 'Space Grotesk', 'Plus Jakarta Sans', Arial, sans-serif;
}

.business .category {
  align-self: flex-start;
  background: #e6f7ec;
  border: 1px solid #98d9ad;
  border-radius: 999px;
  color: #155a45;
  padding: 6px 10px;
}