/* Página de contato — layout do Figma (360016:1386): caixa de infos à esquerda,
   caixa do formulário à direita, mapa full-width abaixo. */

.contato-map {
  width: 100%;
  min-height: 261px;
  border: 0;
  display: block;
}

/* ================= CAIXA DE INFORMAÇÕES ================= */
.contato-infos {
  padding: 1.5rem;
  border: 1px solid #E9E9E9;
  border-radius: .5rem;
  background-color: var(--bs-body-bg);
}

.contato-infos__line {
  display: block;
  width: 40px;
  height: 4px;
  margin-bottom: .5rem;
  background-color: var(--secondary-color);
}

.contato-infos__item {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding-block: 1rem;
}

.contato-infos__item i {
  flex: 0 0 auto;
  width: 32px;
  font-size: 1.5rem;
  color: var(--primary-color);
  text-align: center;
}

.contato-infos__label {
  margin: 0 0 .25rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--bs-body-color);
}

.contato-infos__value,
.contato-infos__value a {
  font-style: normal;
  font-size: 1rem;
  color: var(--grey);
  transition: var(--transition);
}

.contato-infos__value a {
  display: block;
  text-decoration: none;
}

.contato-infos__value a:hover {
  color: var(--primary-color);
}

/* ================= CAIXA DO FORMULÁRIO ================= */
.contato-form {
  padding: 2rem;
  border: 1px solid #E9E9E9;
  border-radius: .5rem;
  background-color: var(--bs-body-bg);
}

.contato-form__head {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 2rem;
}

.contato-form__head i {
  font-size: 1.5rem;
  color: var(--primary-color);
}

.contato-form .form-label {
  font-size: 1rem;
  font-weight: 500;
  color: var(--bs-body-color);
}

.contato-form__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin-top: 1rem;
}

.contato-form__footer .form-check {
  flex: 1 1 308px;
}

.contato-form__footer .form-check-label {
  font-size: .875rem;
  font-weight: 500;
  color: var(--grey);
}

.contato-form__btn {
  flex: 1 1 250px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  border-radius: .5rem;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: #353D51;
}

.contato-form__btn:hover {
  background-color: var(--secondary-color-light);
  border-color: var(--secondary-color-light);
  color: #353D51;
}