/* Formulario de contacto. Reemplaza lo que aportaba quform.css, que no tenemos.
   Los estilos de input y textarea vienen del style.css de Uncode; aca va solo la
   grilla, los labels y los estados. */
.form-contacto { max-width: 100%; }

.form-contacto .campo { margin-bottom: 18px; }

.form-contacto label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 0.9em;
}

.form-contacto input[type="text"],
.form-contacto input[type="tel"],
.form-contacto input[type="email"],
.form-contacto textarea {
  width: 100%;
  box-sizing: border-box;
}

.form-contacto textarea { min-height: 140px; resize: vertical; }

/* El honeypot: fuera de la vista pero sin display:none, que algunos bots detectan. */
.form-contacto .trampa {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.form-contacto .resultado { margin-top: 14px; font-weight: 600; }
.form-contacto .resultado.error { color: #c0392b; }
.form-contacto .resultado.ok { color: #27ae60; }
.form-contacto button[disabled] { opacity: 0.6; cursor: default; }
.form-contacto .cf-turnstile { margin-bottom: 18px; }