feat: integrar campos WhatsForm en formulario de visa

Reemplaza los 4 campos básicos del formulario de visa con 40+ campos
del DS-160 organizados en 7 secciones (datos personales, patrocinador,
historial migratorio, dirección, datos familiares, empleo, estudios).
Agrega soporte para tipos heading (divisor de sección) y radio buttons.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Gestoría LP
2026-03-02 05:25:58 +00:00
parent eb030a64f8
commit dda0cc4ba0
4 changed files with 113 additions and 6 deletions

View File

@@ -1104,6 +1104,39 @@ select.form-control {
padding-right: 2.5rem;
}
.form-heading {
font-size: 1.1rem;
font-weight: 600;
color: var(--color-accent);
margin-top: var(--space-lg);
margin-bottom: var(--space-md);
padding-bottom: var(--space-xs);
border-bottom: 1px solid rgba(192, 192, 192, 0.2);
}
.form-radio-group {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm) var(--space-md);
padding-top: var(--space-xs);
}
.form-radio-label {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: var(--font-size-sm);
color: var(--color-gray-700);
cursor: pointer;
}
.form-radio-label input[type="radio"] {
accent-color: var(--color-accent);
width: 16px;
height: 16px;
cursor: pointer;
}
.form-error {
font-size: var(--font-size-xs);
color: var(--color-danger);