fix(usabilidad): required questions, prompt min-height, autocomplete max-width

Activa required=true en todas las preguntas excepto barrio (2.3) y secciones.
El motor ya valida solo preguntas visibles — las condicionales ocultas no se
validan. Elimina min-height fijo del prompt block para mejor UX mobile.
Agrega max-width de seguridad al dropdown autocomplete en viewports angostos.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
markosbenitez
2026-06-29 09:26:10 -03:00
parent e29752644a
commit d211382e4d
2 changed files with 16 additions and 2 deletions

View File

@@ -295,6 +295,7 @@ body {
/* position: fixed + top/left/width set by JS via getBoundingClientRect()
so the list escapes any overflow:auto ancestor (wizard-answer-area) */
position: fixed;
max-width: calc(100vw - 32px);
background: var(--color-surface);
border: 1.5px solid var(--color-border-focus);
border-radius: var(--radius);
@@ -583,9 +584,8 @@ body {
margin: 0;
}
/* Enunciado: bloque con altura reservada constante, mismo lugar pantalla tras pantalla. */
/* Enunciado: crece orgánicamente con el contenido, sin altura mínima fija. */
.wizard-prompt-block {
min-height: 116px;
flex-shrink: 0;
margin-bottom: 20px;
}