Lobby 3D Interactivo para Coworking con Videos de Bienvenida y Tour Guiado - Edición Partner

Lobby 3D luminoso y profesional como portal de entrada para un coworking. La escena incluye recepción, panel de pantallas informativas y puertas a zonas (salas de reuniones, oficinas privadas, áreas abiertas). Cada puerta es un hotspot 3D con aria-label y video de 20-60s que explica el espacio. Al cargar la cámara inicia en vista amplia; botón 'Iniciar tour' activa recorrido guiado con fly-to GSAP (easeOutCubic, 800-1200ms) hacia cada hotspot, reproduce video en overlay HTML con subtítulos SRT sincronizados. El video también se proyecta como textura en plano 3D. Navegación: orbit controls + atajos numéricos (1: recepción, 2: salas, 3: área abierta). En móvil, hotspots se activan por doble-tap. Detección de proximidad: cámara < 3.5m activa micro-animación (scale 1.06 + glow) y video preview muted. Carga progresiva: thumbnail WebP → proxy 480p → 720/1080p. Rendimiento: LOD mobiliario, texturas 512-1024px, pausar render fuera de viewport. Accesibilidad: subtítulos SRT, transcripciones descargables, role=dialog, prefers-reduced-motion desactiva fly-to. Analítica: hotspots activados, tiempo reproducción, tours iniciados. **Entregables:** index.html, styles.css, lobby3d.js, assets/ (modelos GLB lobby, videos MP4 bienvenida, thumbnails WebP, locuciones, SRT). **Stack:** Three.js, GSAP, video HTML5 texturas, Draco compresión GLB, IntersectionObserver. **Interacciones:** Orbit controls, tour guiado, atajos numéricos (1/2/3), click hotspot abre video con SRT, glow por proximidad, doble-tap móvil, descargar transcripciones, filtro de luz para carga progresiva.