Tour 3D Light Mode para Campus Corporativo con Videos Explicativos

Construye un tour 3D light mode del campus corporativo con paleta neutra clara, acentos en dorado pálido y azul cielo, e iluminación global suave con HDRI diurno. El modelo GLB del campus está segmentado por zonas semánticas: lobby, auditorio, lab, terraza, cafetería. Cada zona tiene un hotspot 3D esférico translúcido con borde sutil y sombra. La cámara inicia en vista aérea amplia con botón flotante "Iniciar tour". **Entregables:** index.html, styles.css, app.js, carpeta assets/ con modelos GLB, texturas HDR, videos MP4, subtítulos SRT. **Stack:** Three.js (CDN), GSAP para transiciones, video HTML5 como texturas, Draco para compresión GLB, IntersectionObserver para lazy-load. **Descripción:** Tour 3D luminoso y minimalista de la sede corporativa con 5 zonas semánticas. Al activar un hotspot la cámara realiza un fly‑to cinematográfico (GSAP, 800-1200ms) y carga un video explicativo en panel HTML superpuesto con fondo semitransparente blanco. Video con subtítulos SRT sincronizados y toggle entre textura 3D y overlay HTML. Métricas animadas aparecen en el hotspot durante la reproducción. **Interacciones:** Drag para rotar, scroll/pinch para zoom, teclas 1-5 para vistas predefinidas. Tour automático con voiceover y marcadores. Carga progresiva de videos (thumbnails WebP, 720p H.264, 480p fallback). LOD para edificios, culling para vegetación. **Accesibilidad y fallback:** Subtítulos SRT, transcripción descargable, role="dialog" en panel de video, prefers-reduced-motion reduce fly‑to. Fallback 2D con video hero y capítulos.