Voy a empezar configurando el tema, los tipos y toda la estructura de datos de la encuesta. Primero actualizo los colores y la tipografia del proyecto.

Ahora actualizo el layout con la fuente Inter (mas legible para personas mayores) y los metadatos del proyecto:

Ahora creo la estructura de tipos y datos de la encuesta, y luego todos los componentes. Empiezo con los tipos y datos:

Ahora creo el hook principal de la encuesta que maneja todo el estado, la navegacion y la logica condicional:

Ahora creo el stepper y la barra de progreso:

Ahora creo todos los componentes de tipos de pregunta. Empiezo con el RadioCard, CheckboxCard, CheckboxLimitCard, Rating, DifficultyMatrix, TextareaQuestion, EmailInput y el QuestionRenderer principal:

Ahora creo el QuestionRenderer que renderiza cada tipo de pregunta:

Ahora creo las paginas de bienvenida y agradecimiento, el componente principal del survey y la pagina:

Ahora creo el componente principal SurveyContainer que orquesta todo:

Finalmente, actualizo la pagina principal:

Ahora agrego la animacion de shake para la validacion en el CSS:

He creado la plataforma completa del formulario MAREM con estilo Typeform. La arquitectura incluye:

• lib/survey-types.ts con todas las 16 preguntas organizadas en 4 bloques, donde cada pregunta tiene un id unico (q1-q16) listo para conectar directamente a columnas de Supabase. El estado central SurveyAnswers es un diccionario {[questionId]: valor} que facilita el mapeo 1:1 a la base de datos.
• hooks/use-survey.ts gestiona toda la logica: navegacion, validacion, preguntas condicionales (Q7 salta Q8/Q9 si es "0 veces"), matriz dinamica (Q6 depende de Q5), y el limite de 2 selecciones en Q10.
• 6 componentes de pregunta (RadioCard, CheckboxCard, RatingScale, DifficultyMatrix, TextareaQuestion, EmailInput) con diseño de tarjetas grandes, accesibles y optimizados para personas mayores de 50.
• Stepper con indicador responsivo (horizontal en desktop, compacto en mobile), barra de progreso, transiciones con fade/slide, y validacion con animacion shake.