/* ===== Nossas clínicas / Endereços ===== */
.clinics { background: var(--bg-light); padding-block: clamp(56px, 8vw, 100px); }
.clinics__head { max-width: 760px; margin-bottom: 44px; gap: 16px; }
.clinics__lead { font-size: 18px; line-height: 1.55; }

.cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.card {
  background: var(--white);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(28, 64, 107, .05);
}
.card__map { height: 244px; background: var(--map-bg); }
.card__map > img { width: 100%; height: 100%; object-fit: cover; }
.card__body {
  padding: 32px 36px 36px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.card__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  font-weight: 600;
  font-size: 24px;
}
.card__title img { width: 26px; height: 26px; }
.card__addr { color: var(--text); font-size: 18px; line-height: 1.5; }
.card .btn { align-self: flex-start; }

@media (max-width: 768px) {
  .cards { grid-template-columns: 1fr; }
}