:root {
  --brand: #046241;
  --radius: 6px;
  --border: #d0d0d0;
  --border-focus: #046241;
  --bg-light: #f8f8f8;
  --text: #111;
  --text-light: #666;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  padding: 20px;
  color: var(--text);
  line-height: 1.5;
}

h1 { font-size: 24px; margin-bottom: 8px; }
h2 { font-size: 20px; margin-top: 20px; margin-bottom: 14px; }

/* Container dos campos */
.field {
  margin-bottom: 14px;
  max-width: 560px;
}

/* Labels */
label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}

/* Inputs e textarea */
input:not([type="submit"]),
textarea {
  width: 100%;
  max-width: 560px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: #fff;
  color: var(--text);
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Foco */
input:not([type="submit"]),
textarea:focus {
  border-color: var(--border-focus);
  outline: none;
  box-shadow: 0 0 0 2px rgba(4, 98, 65, 0.16);
}

/* Textarea */
textarea {
  min-height: 120px;
  resize: vertical;
}

/* Botão */
input[type="submit"] {
  padding: 10px 20px;
  border-radius: var(--radius);
  border: none;
  background: var(--brand);
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
  margin-top: 6px;
  transition: opacity 0.2s, transform 0.1s;
}

input[type="submit"]:hover {
  opacity: 0.93;
}

input[type="submit"]:active {
  transform: scale(0.97);
}

/* Para separar bem os dois formulários */
form[data-form-multilanguage] {
  margin-bottom: 40px;
}

/* Mensagens de validação do navegador (Chrome) */
input:invalid {
  border-color: #d9534f;
}