Con los números de preguntas y secciones

components/widgets/checkbox-group.tsx

@@ -1,9 +1,10 @@
 'use client'
+import type { ReactNode } from 'react'
 import type { QuestionOption } from '@/lib/types'
 
 interface CheckboxGroupProps {
   name: string
-  legend: string
+  legend: ReactNode
   options: QuestionOption[]
   value: string[]
   maxSelect: number | null

components/widgets/geo-select-widget.tsx

@@ -31,7 +31,7 @@ export function GeoSelectWidget({
       {/* Departamento */}
       <div className="geo-select-group">
         <label className="question-legend" htmlFor="A1">
-          Departamento
+          <span className="q-code">A1 ·</span> Departamento
         </label>
         <select
           id="A1"
@@ -58,7 +58,7 @@ export function GeoSelectWidget({
           className={`question-legend${cityDisabled ? ' geo-label-disabled' : ''}`}
           htmlFor="A2"
         >
-          Ciudad
+          <span className="q-code">A2 ·</span> Ciudad
           {cityDisabled && (
             <span className="geo-disabled-hint"> (seleccioná un departamento primero)</span>
           )}

components/widgets/radio-group.tsx

@@ -1,9 +1,10 @@
 'use client'
+import type { ReactNode } from 'react'
 import type { QuestionOption } from '@/lib/types'
 
 interface RadioGroupProps {
   name: string
-  legend: string
+  legend: ReactNode
   options: QuestionOption[]
   value: string | undefined
   required: boolean

components/widgets/rating-scale.tsx

@@ -1,9 +1,10 @@
 'use client'
+import type { ReactNode } from 'react'
 import type { RatingOptions } from '@/lib/types'
 
 interface RatingScaleProps {
   name: string
-  legend: string
+  legend: ReactNode
   ratingOptions: RatingOptions
   value: number | undefined
   required: boolean

components/widgets/text-area-field.tsx

@@ -1,8 +1,9 @@
 'use client'
+import type { ReactNode } from 'react'
 
 interface TextAreaFieldProps {
   name: string
-  label: string
+  label: ReactNode
   value: string
   required: boolean
   onChange: (value: string) => void

components/widgets/text-short-field.tsx

@@ -1,8 +1,9 @@
 'use client'
+import type { ReactNode } from 'react'
 
 interface TextShortFieldProps {
   name: string
-  label: string
+  label: ReactNode
   value: string
   required: boolean
   placeholder?: string