:root{--bg: #05071a;--bg-2: #0a0e27;--ink: #f3f5fa;--ink-dim: rgba(243, 245, 250, .62);--ink-faint: rgba(243, 245, 250, .36);--blue: #00b2ff;--red: #ff3b30;--line: rgba(243, 245, 250, .14);--card-bg: rgba(8, 11, 30, .78);--font-head: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:300;overflow-x:hidden;cursor:default}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(2,3,12,.55) 100%)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--bg);transition:opacity .8s ease,visibility .8s ease}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__mark{font-family:var(--font-head);font-size:clamp(20px,3vw,28px);letter-spacing:.08em;font-weight:600}.loader__mark span{color:var(--blue);margin:0 .3em}.loader__bar{width:min(220px,60vw);height:1px;background:var(--line);overflow:hidden}.loader__fill{width:0%;height:100%;background:linear-gradient(90deg,var(--blue),var(--red));transition:width .25s ease}.loader__pct{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);letter-spacing:.05em}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;outline:none}#scroll-content{position:relative;z-index:1}.room{position:relative;min-height:100vh;pointer-events:none}#lobby{min-height:170vh}#web,#foto,#video,#animacion{min-height:140vh}#contacto{min-height:100vh}.room__inner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 8vw}.room__inner--hero{top:42%}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.hero-title{font-family:var(--font-head);font-weight:600;font-size:clamp(40px,8vw,96px);line-height:.98;letter-spacing:-.01em;max-width:16ch}.hero-sub{margin-top:22px;max-width:34ch;font-size:clamp(14px,1.4vw,17px);color:var(--ink-dim);font-weight:300;line-height:1.6}.scroll-hint{position:absolute;bottom:6vh;left:8vw;display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.scroll-hint span{width:1px;height:34px;background:linear-gradient(var(--blue),transparent);animation:scrollhint 1.8s ease-in-out infinite}@keyframes scrollhint{0%{transform:scaleY(0);transform-origin:top;opacity:0}40%{transform:scaleY(1);transform-origin:top;opacity:1}60%{transform:scaleY(1);transform-origin:bottom;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.room__inner--contact{top:50%;text-align:left}.contact-title{font-family:var(--font-head);font-weight:600;font-size:clamp(30px,5vw,56px);margin-top:10px;max-width:14ch}.contact-links{margin-top:34px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.contact-links a{font-family:var(--font-head);font-size:clamp(16px,2vw,22px);display:inline-flex;gap:8px;align-items:baseline;width:fit-content;padding:4px 0;border-bottom:1px solid var(--line);transition:color .3s ease,border-color .3s ease}.contact-links a:hover{color:var(--blue);border-color:var(--blue)}.contact-links em{font-family:var(--font-mono);font-style:normal;font-size:11px;color:var(--ink-faint)}.foot{margin-top:48px;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.04em}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;background:linear-gradient(to bottom,rgba(3,4,14,.6),transparent)}.brand{font-family:var(--font-head);font-size:14px;font-weight:600;letter-spacing:.06em;pointer-events:auto}.brand span{color:var(--blue);margin:0 .25em}.nav{display:flex;gap:clamp(14px,2vw,30px);pointer-events:auto}.nav a{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);display:flex;gap:6px;align-items:baseline;transition:color .3s ease;position:relative;padding-bottom:4px}.nav a em{font-style:normal;color:var(--ink-faint);font-size:10px}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--blue);transition:right .35s cubic-bezier(.65,0,.35,1)}.nav a:hover,.nav a.is-active{color:var(--ink)}.nav a.is-active:after{right:0}.motion-toggle{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:none;align-items:center;justify-content:center;pointer-events:auto}.motion-toggle .dot{width:6px;height:6px;border-radius:50%;background:var(--blue);transition:background .3s ease}.motion-toggle[aria-pressed=false] .dot{background:var(--ink-faint)}.rail{position:fixed;right:4vw;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:14px}.rail__dot{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .4s ease,transform .4s ease}.rail__dot.is-active{background:var(--blue);transform:scale(1.6)}.room-tag{position:fixed;left:4vw;bottom:5vh;z-index:20;display:flex;align-items:baseline;gap:12px;pointer-events:none}.room-tag__index{font-family:var(--font-mono);font-size:11px;color:var(--blue)}.room-tag__name{font-family:var(--font-head);font-size:13px;letter-spacing:.03em;color:var(--ink-dim)}.hotspot{position:fixed;left:0;top:0;z-index:15;pointer-events:none;will-change:transform;opacity:0;transition:opacity .5s ease}.hotspot.is-visible{opacity:1}.hotspot__dot{position:relative;width:16px;height:16px;border-radius:50%;border:1px solid rgba(243,245,250,.85);background:#05071a59;pointer-events:auto;transform:translate(-50%,-50%)}.hotspot__dot:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid var(--blue);animation:hotspot-pulse 2.4s ease-out infinite}@keyframes hotspot-pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}.hotspot__card{position:absolute;left:22px;top:-14px;width:max-content;max-width:min(280px,60vw);padding:16px 18px;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:2px;opacity:0;transform:translate(-6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.hotspot__card h3{font-family:var(--font-head);font-size:15px;font-weight:600;margin-bottom:8px}.hotspot__card p{font-size:12.5px;line-height:1.55;color:var(--ink-dim);font-weight:300}.hotspot__tags{display:block;margin-top:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--red)}.hotspot.is-open .hotspot__card{opacity:1;transform:translate(0);pointer-events:auto}@media (max-width: 720px){.nav{gap:12px}.nav a em{display:none}.rail{right:3vw}.room__inner{padding:0 6vw}.hotspot__card{max-width:70vw}}@media (prefers-reduced-motion: reduce){.scroll-hint span{animation:none}.hotspot__dot:before{animation:none}}