# E250-C0089 — Mockups del estado vacío de `/panel/booking` (sin producto)

Ambas variantes muestran lo mismo dentro del shell real del panel (sidebar +
breadcrumb de `PanelView.vue`, ítem «Reservar» activo), sobre el wrapper
`article.max-w-2xl mx-auto p-4` de `PanelBookingView.vue`. Difieren sólo en
cómo se presenta el estado vacío. Ambas cumplen los criterios visuales del
contrato: mensaje legible de que no hay experiencia seleccionada + CTA a la
lista de experiencias del panel. Ninguna dispara carga de producto ni muestra
error de carga.

- **v1-alert-empty-state.html** — Estado vacío compacto con el patrón `alert`
  centrado, calcado del `ErrorState.vue` / `panel-experiences-empty` que ya usa
  el panel. Mensaje + botón `btn btn-primary btn-sm` «Ver experiencias →» dentro
  del propio alert. Lo más coherente con los estados vacíos/de error ya
  existentes; bajo coste visual.

- **v2-centered-hero.html** — Estado vacío en `card bg-base-100 border
  border-base-300` (la misma card que envuelve los pasos del booking), centrado
  tipo hero con un ícono, título, descripción y el mismo CTA. Más acogedor y con
  más presencia para una pantalla que es la primera que ve el operador tras el
  login, a cambio de introducir un patrón (hero centrado) que el panel aún no usa.