/* contato.css — exclusivo do contato.php */

.contato__grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 56px;
  align-items: start;
}

.form { display: flex; flex-direction: column; gap: 18px; }

.form__row { display: flex; flex-direction: column; gap: 8px; }

.form__row label {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-muted);
}

.form__row input, .form__row textarea {
  border: 1.5px solid var(--color-line);
  border-radius: var(--radius-sm);
  padding: 13px 16px;
  background: var(--color-white);
  font-size: 0.96rem;
  transition: border-color var(--transition-fast);
}

.form__row input:focus, .form__row textarea:focus {
  outline: none;
  border-color: var(--color-primary);
}

.form__row input.is-invalid, .form__row textarea.is-invalid {
  border-color: #C0392B;
}

.form__submit { margin-top: 8px; align-self: flex-start; }

.form__feedback {
  font-size: 0.88rem;
  min-height: 20px;
}

.form__feedback.is-error { color: #C0392B; }
.form__feedback.is-success { color: var(--color-primary); }

.contato__info {
  background: var(--color-white);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contato__info-block a, .contato__info-block p {
  margin-top: 4px;
  font-size: 0.98rem;
}

.contato__info-block a:hover { color: var(--color-primary); }

.contato__social { margin-top: 6px; }

.contato__social a {
  border-color: var(--color-line);
  color: var(--color-muted);
}

.contato__social a:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}