> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cimaos.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Flujo de Reserva

> El paso a paso que sigue el paciente para reservar una cita online: servicio, profesional, fecha, hora y datos personales.

<Note>
  Esta página describe la experiencia completa del paciente al reservar una cita desde la Agenda Online. Es útil para entender qué ven tus pacientes y poder guiarlos si tienen dudas.
</Note>

## Resumen del flujo

Independientemente del camino que elija el paciente ("Por servicio" o "Por profesional"), los pasos son:

1. Seleccionar servicio y profesional
2. Elegir fecha
3. Elegir hora
4. Ingresar datos personales
5. Aceptar el tratamiento de datos y confirmar la cita

El paciente puede volver atrás en cualquier momento usando el botón de retroceso.

***

## Paso 1: Selección de servicio y profesional

<Tabs>
  <Tab title="Camino: Por Servicio" icon="stethoscope">
    **Primero elige el servicio:**

    * Ve una lista de todos los servicios disponibles en tu clínica
    * Cada servicio muestra su nombre, duración y los profesionales que lo realizan
    * Al seleccionar un servicio, avanza al siguiente paso

    **Luego elige el profesional:**

    * Ve solo los profesionales que realizan el servicio seleccionado
    * Cada profesional muestra su foto y nombre
    * También puede elegir **"Agendar con el primer profesional disponible"** → El sistema busca automáticamente quién tiene el primer horario libre
  </Tab>

  <Tab title="Camino: Por Profesional" icon="user-doctor">
    **Primero elige el profesional:**

    * Ve todos los profesionales habilitados para reservas online
    * Cada profesional muestra su foto, nombre y cantidad de servicios

    **Luego elige el servicio:**

    * Al seleccionar un profesional, aparecen los servicios que ese profesional ofrece
    * Cada servicio muestra nombre, descripción y duración
    * Al seleccionar el servicio, avanza a la selección de fecha
  </Tab>
</Tabs>

***

## Paso 2: Selección de fecha

El paciente ve un carrusel horizontal con los próximos **30 días**:

* Cada fecha muestra el **día de la semana**, **número** y **mes**
* Las fechas con disponibilidad muestran un **punto de color** y la cantidad de horarios libres
* Las fechas sin disponibilidad aparecen atenuadas y no se pueden seleccionar
* El sistema selecciona automáticamente la primera fecha con disponibilidad

<Info>
  Solo se muestran las fechas donde el profesional tiene horarios libres según su configuración de horarios de trabajo y ausencias registradas.
</Info>

***

## Paso 3: Selección de hora

Los horarios disponibles se organizan en dos secciones:

| Sección    | Horarios                    |
| ---------- | --------------------------- |
| **Mañana** | Antes de las 13:00          |
| **Tarde**  | Desde las 13:00 en adelante |

Cada sección muestra la cantidad de horarios disponibles y una grilla de botones con los horarios exactos (ej: 09:00, 09:30, 10:00).

***

## Paso 4: Datos del paciente

Antes de ingresar sus datos, el paciente indica si es **paciente nuevo** o **ya es paciente** de la clínica.

<Tabs>
  <Tab title="Paciente Nuevo" icon="user-plus">
    El paciente completa un formulario campo por campo:

    1. **Nombre** — Ej: "María"
    2. **Apellido** — Ej: "González"
    3. **Email** — Correo electrónico
    4. **Teléfono** — Número de contacto

    Cada campo se muestra individualmente (estilo encuesta) con validación en tiempo real. Se avanza con **Enter** o el botón siguiente.
  </Tab>

  <Tab title="Paciente Existente" icon="user-check">
    El sistema busca al paciente por su email:

    1. **Email** — Ingresa el correo con que fue registrado
    2. El sistema busca en los registros de la clínica:
       * **Si lo encuentra:** Muestra "¡Te encontramos!" y autocompleta nombre y apellido
       * **Si hay varios pacientes con ese email:** Pide el nombre para identificar cuál es
       * **Si no lo encuentra:** Muestra un error y ofrece registrarse como paciente nuevo
    3. **Teléfono** — Siempre se pide (no se autocompleta por seguridad)
  </Tab>
</Tabs>

<Tip>
  La búsqueda de pacientes existentes evita que se creen duplicados en tu base de datos cuando un paciente recurrente reserva online.
</Tip>

***

## Paso 5: Confirmación

El paciente ve un resumen completo de su reserva:

* **Fecha y hora** de la cita
* **Servicio** seleccionado con duración
* **Profesional** asignado
* **Nombre y email** del paciente

### Consentimiento de datos

Junto al resumen, el paciente ve un aviso de privacidad y debe marcar una casilla aceptando que tu clínica trate sus datos personales para gestionar la cita:

* La casilla **nunca viene pre-marcada**: el paciente debe aceptar activamente
* El aviso nombra a tu clínica como responsable del tratamiento de los datos
* Un desplegable **"¿Qué datos y para qué?"** muestra el detalle: se guardan su nombre, correo y teléfono para identificarlo y avisarle de su cita; solo el equipo de la clínica ve sus datos y no se usan para publicidad. Incluye un enlace a la política de privacidad completa
* Sin marcar la casilla, el botón **Confirmar Reserva** queda deshabilitado

<Info>
  Cada consentimiento queda registrado con fecha y versión de la política aceptada, como evidencia para tu clínica (Ley 21.719 de protección de datos personales). No requiere configuración: aplica automáticamente a todas las agendas online.
</Info>

### Confirmar la reserva

El paciente tiene dos opciones:

* **Confirmar Reserva** → Crea la cita y redirige a la página de confirmación
* **Volver a editar** → Regresa al paso anterior para corregir datos

<Info>
  La página incluye una verificación de seguridad (Turnstile) para prevenir reservas automatizadas por bots.
</Info>

***

## Después de confirmar

Al confirmar, el paciente es redirigido a la [página de confirmación](/agenda-online/confirmacion) donde puede:

* Ver los detalles de su cita
* Agregar la cita a su calendario (Google, Outlook, Apple)
* Cancelar la cita si lo necesita

La cita aparece inmediatamente en el calendario de CIMAOS del profesional con estado **"Agendada Online"**.

***

## Preguntas Frecuentes

<AccordionGroup>
  <Accordion title="¿Qué pasa si dos pacientes intentan reservar el mismo horario?" icon="users">
    El sistema verifica la disponibilidad en tiempo real al momento de confirmar. Si otro paciente reservó el mismo slot segundos antes, se le notifica y debe elegir otro horario.
  </Accordion>

  <Accordion title="¿El paciente puede reservar con cualquier profesional?" icon="user-doctor">
    Solo con los profesionales que tú hayas habilitado para la agenda online en [Configuración → Agenda Online](/configuracion/agenda-online).
  </Accordion>

  <Accordion title="¿Qué servicios ve el paciente?" icon="stethoscope">
    Solo los tipos de sesión que hayas asignado a los profesionales habilitados. Se configuran en [Tipos de Sesión](/configuracion/calendario/tipos-sesion).
  </Accordion>

  <Accordion title="¿El paciente puede elegir 'primer profesional disponible'?" icon="bolt">
    Sí, pero solo en el camino "Por servicio". El sistema busca el profesional con el horario más cercano disponible y lo asigna automáticamente.
  </Accordion>

  <Accordion title="¿El paciente puede reservar sin aceptar el tratamiento de datos?" icon="shield-check">
    No. El consentimiento es obligatorio: sin marcar la casilla, el botón de confirmar queda deshabilitado, y el sistema también rechaza la reserva en el servidor. Esto protege a tu clínica, que actúa como responsable del tratamiento de los datos del paciente según la Ley 21.719.
  </Accordion>
</AccordionGroup>

***

## Ver también

* [Confirmación y Gestión](/agenda-online/confirmacion) - Qué ve el paciente después de reservar
* [Configuración de Agenda Online](/configuracion/agenda-online) - Habilitar y personalizar la agenda
* [Tipos de Sesión](/configuracion/calendario/tipos-sesion) - Crear servicios disponibles

<Check>
  **Siguiente paso:** Conoce la [página de confirmación](/agenda-online/confirmacion) que ve el paciente después de reservar.
</Check>