/* ================================================================
   CONTATO.CSS — específico de paginas/contato.html
   ================================================================ */

.contato-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: var(--espaco-xl);
  align-items: start;
}

.contato-formulario {
  display: flex;
  flex-direction: column;
  gap: var(--espaco-md);
  background: var(--cor-branco);
  border: 1px solid var(--cor-fundo-secao);
  border-radius: var(--raio);
  padding: var(--espaco-lg);
}

.campo {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.campo label {
  font-weight: 500;
  color: var(--cor-texto-forte);
}

.campo input,
.campo textarea {
  padding: 0.75rem 1rem;
  border: 1px solid var(--cor-fundo-secao);
  border-radius: var(--raio-pequeno);
  background: var(--cor-fundo-secao);
  color: var(--cor-texto-forte);
}

.campo input:invalid[data-tocado="true"],
.campo textarea:invalid[data-tocado="true"] {
  border-color: var(--cor-destaque);
}

.campo-erro {
  min-height: 1.2em;
  font-size: var(--tamanho-pequeno);
  color: var(--cor-destaque);
}

.contato-formulario__nota {
  font-size: var(--tamanho-pequeno);
  color: var(--cor-texto);
  margin: 0;
}

.contato-lateral__bloco {
  background: var(--cor-cinza-claro);
  border-radius: var(--raio);
  padding: var(--espaco-lg);
}

.contato-lateral__lista li {
  margin-bottom: var(--espaco-md);
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.contato-lateral__lista strong {
  color: var(--cor-texto-forte);
}