fix(wizard): z-index dropdown barrio + texto cortado opciones

Issue A: barrio-autocomplete-list cambia a position:fixed + getBoundingClientRect()
para escapar el overflow-y:auto de wizard-answer-area que clippeaba el dropdown.
z-index: 20 → 30 (clearear sticky topbar/bottombar z-index:10 en stacking context raíz).
Listener de scroll cierra el dropdown si el contenedor scrollea.

Issue B: wizard-answer-area max-height 360px → 480px (desktop) / 320px → 400px (mobile)
para mostrar ~8 opciones completas. .wizard-answer-area.has-overflow { padding-bottom: 44px }
asegura que el fade ::after (28px) cubre espacio vacío, no texto de opción.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/globals.css

@@ -292,10 +292,9 @@ body {
 /* ── Barrio autocomplete ── */
 .barrio-autocomplete-wrapper { position: relative; }
 .barrio-autocomplete-list {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  right: 0;
+  /* position: fixed + top/left/width set by JS via getBoundingClientRect()
+     so the list escapes any overflow:auto ancestor (wizard-answer-area) */
+  position: fixed;
   background: var(--color-surface);
   border: 1.5px solid var(--color-border-focus);
   border-radius: var(--radius);
@@ -305,7 +304,7 @@ body {
   padding: 4px 0;
   max-height: 220px;
   overflow-y: auto;
-  z-index: 20;
+  z-index: 30;
 }
 .barrio-autocomplete-item {
   padding: 9px 12px;
@@ -629,10 +628,11 @@ body {
 .wizard-answer-area {
   flex: 0 1 auto;
   min-height: 0;
-  max-height: 360px;
+  max-height: 480px;
   overflow-y: auto;
   padding-bottom: 8px;
 }
+.wizard-answer-area.has-overflow { padding-bottom: 44px; }
 /* El fade SOLO se pinta cuando .wizard-answer-area mide overflow real
    (clase has-overflow agregada por JS — ver wizard-form.tsx). CSS no tiene
    forma de detectar scrollHeight > clientHeight por sí solo: un ::after
@@ -672,7 +672,7 @@ body {
 @media (max-width: 480px) {
   .wizard-prompt-text { font-size: 1.1875rem; }
   .wizard-section-title { font-size: 1.5rem; }
-  .wizard-answer-area { max-height: 320px; }
+  .wizard-answer-area { max-height: 400px; }
 }
 
 /* ── Loading skeleton ── */