/* IQSEC — Formulario 2.0 · Estilos mínimos del formulario.
   Solo lo indispensable para NO usar estilos inline (CSP: style-src 'self').
   Ajusta las variables/paleta a las de tu landing. Si tu sitio ya estiliza
   .field-error, conserva tu regla y deja que el JS solo alterne .has-error. */

.form-title { margin-bottom: var(--space-4, 16px); }

.form-hint {
  font-size: 12px;
  color: var(--text-secondary, #667085);
  margin-bottom: var(--space-4, 16px);
}
.req-mark { color: #C53030; }

/* Honeypot: fuera de pantalla y del flujo de tabulación. */
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

/* Teléfono: selector de código de país + número. */
.phone-group { display: flex; gap: 8px; }
.phone-group select { flex: 0 0 auto; }
.phone-group input  { flex: 1 1 auto; min-width: 0; }

/* Errores de validación: ocultos por defecto, visibles con .has-error. */
.field .field-error { display: none; }
.field.has-error .field-error { display: block; color: #C53030; }
.field.has-error input,
.field.has-error select { border-color: #C53030; }