MFA Setup

Auth --> Pantalla 5 de 5

Propósito: El usuario configura un segundo factor de autenticación para proteger su cuenta.
JTBD: “Cuando quiero acceder a mi salud, quiero entrar rápido y seguro”
Ruta: /mfa-setup
Módulo: PAM-2

Features

States

Loading

• Visual: Skeleton en opciones de método (300ms)
• Duración: <500ms
• Copy: “Cargando…”

Loaded (Normal)

• Visual: Dos tarjetas de opción (SMS y Authenticator), botón “Omitir”
• Datos: Número de teléfono parcial si ya lo tiene

Selección SMS

• Trigger: Tap en opción SMS
• Visual: Input de teléfono + botón enviar código + input código 6 dígitos
• Copy: “Te enviaremos un código a tu celular cada vez que inicies sesión.”

Selección Authenticator

• Trigger: Tap en opción Authenticator
• Visual: Código QR + input para código de 6 dígitos + instrucciones
• Copy: “Escanea el código QR con tu app de autenticación.”

Error

• Trigger: Código incorrecto, número inválido
• Copy: “Código incorrecto. Intenta de nuevo.” / “Número de celular no válido.”
• CTA: [Reintentar] / [Usar otro método]

MFA Configurado

• Trigger: Código verificado exitosamente
• Visual: Check verde + codigos de respaldo para guardar
• Copy: “Segundo factor activado. Guarda estos codigos de respaldo en un lugar seguro.”

Datos Mostrados

Acciones

Navegación

• Viene de: Verificar Email (post-registro)
• Va a: Onboarding Welcome (setup completo o skip)
• Back: No disponible (flujo lineal post-registro)