Mapa 3D de Coworking con Mesas, Previews y Reservas

Mapa 3D interactivo de un espacio de coworking que muestra mesas hot-desk, puestos dedicados y oficinas privadas. Cada mesa es un objeto 3D con metadatos (número, capacidad, enchufes, monitor) y un video preview de 8-15s que muestra la vista desde el puesto, iluminación y ergonomía. El usuario puede filtrar por tipo, amenidad y disponibilidad; los filtros reordenan y resaltan mesas con animación 3D escalonada. Al seleccionar una mesa la cámara hace fly-to de 700-900ms y el video preview se reproduce en un panel 3D junto a la mesa; un overlay HTML muestra precio por hora/día, calendario de disponibilidad y botón Reservar (simulación UI). Scrubbing horizontal sobre el preview para buscar frames y toggle día/noche que morphea la iluminación. Rendimiento: proxies para scrubbing, texturas alta calidad bajo demanda, liberar tras 30s inactividad. Accesibilidad: aria-labels en mesas, calendario accesible con teclado y aria-live, prefers-reduced-motion reduce animaciones. Analítica: mesas vistas, reservas iniciadas, filtros usados. Recomendaciones de sincronización backend y formatos de video incluidos. **Entregables:** index.html, styles.css, seatingMap3d.js, assets/ (modelos GLB mesas, videos MP4 cortos por puesto, JSON disponibilidad). **Stack:** Three.js, video HTML5, WebSocket, GSAP. **Interacciones:** Click en mesa abre panel con video preview + precio + calendario + reservar, filtros resaltan/reordenan mesas, toggle día/noche morphea iluminación, fly-to al seleccionar, liberar texturas tras inactividad.