Feature: Modo demo guiado para mostrar el sistema a recruiters

[Mateo-404]

🎯 Descripción

Implementar un modo demostración del sistema de gestión de turnos que permita guiar a un visitante (por ejemplo, un recruiter) a través de las principales funcionalidades del sistema, paso a paso, sin afectar los datos reales.

El objetivo es que el visitante pueda explorar el sistema fácilmente, entendiendo el flujo de uso sin necesidad de registrarse ni generar datos reales.

---

💡 Objetivo

Facilitar la presentación del proyecto a terceros, mostrando su funcionamiento real en un entorno controlado, visualmente guiado y con datos simulados.

---

🧩 Requerimientos funcionales

1. Activación del modo demo

   • Botón o parámetro en la URL para iniciar el modo demo (por ejemplo: /demo).
   • Al activarse, mostrar un mensaje inicial tipo “Estás en el modo demostración. Los datos son simulados.”

2. Recorrido guiado

   • El sistema mostrará pasos secuenciales (overlay o tooltip) explicando las secciones principales:

     1. Inicio de sesión simulado (usuario administrador predefinido).
     2. Vista del panel de administrador.
     3. Visualización de turnos.
     4. Estadísticas y gráficos.
     5. Creación, edición y eliminación de turnos (con datos mock).

3. Datos simulados

   • Cargar datos temporales (por ejemplo, desde un JSON local o mock API).
   • No afectar la base de datos real.

4. Modo seguro

   • En el modo demo no se realizan peticiones POST/PUT/DELETE reales.
   • Evitar fugas de información o datos sensibles.

5. Salida del modo demo

   • Botón “Salir de la demo” que redirige al sistema real o la página principal.

---

🛠️ Opción técnica posible

• Opción: Crear una rama separada (demo) con base de datos simulada o endpoints mock.

---

🎨 Recomendaciones UX

• Mostrar mensajes amigables y breves tipo “Paso 1: Inicia sesión con el usuario demo”.
• Diferenciar visualmente el modo demo (color, watermark, o banner).
• Agregar un contador de progreso (“Paso 3 de 5”).

---

✅ Criterios de aceptación

• El visitante puede iniciar el modo demo fácilmente.
• No se modifican datos reales.
• Los pasos se muestran correctamente y guían la interacción.
• Se puede salir del modo demo sin errores.
• El flujo completo se entiende sin explicaciones externas.