:root {
  --contato-accent: #8F2D2C;
  --contato-accent-dark: #c73327;
}

.contato h2 {
  font-size: clamp(1.5rem, 1.25rem + 1vw, 1.75rem);
}

.contato .text-muted {
  font-size: .95rem;
}

.contato-icon {
  width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
}

.contato .contato-icon.bg-primary {
  background-color: var(--contato-accent);
}

.contato-link {
  color: inherit;
  text-decoration: none;
}

.contato-link:hover {
  color: var(--contato-accent);
}

.contato-foto {
  aspect-ratio: 16/10;
  object-fit: cover;
}

.contato .bg-body-secondary {
  background-color: #f5f6f8;
}

.form--contato .form-label {
  font-weight: 600;
  font-size: .9rem;
}

.form--contato .form-control,
.form--contato .form-select {
  background-color: #fff;
  border-color: #dee1e6;
  padding: .625rem .875rem;
}

.form--contato .form-control::placeholder {
  color: #adb5bd;
}

.form--contato .btn-primary {
  background-color: var(--contato-accent);
  border-color: var(--contato-accent);
}

.form--contato .btn-primary:hover,
.form--contato .btn-primary:focus {
  background-color: var(--contato-accent-dark);
  border-color: var(--contato-accent-dark);
}

.onde-estamos-icon {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  color: var(--contato-accent);
}

.onde-estamos__map {
  min-height: 320px;
  border: 0;
}