@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Space+Mono:wght@700&display=swap";@layer vr-base{:root{font-family:Inter,system-ui,sans-serif;color:#fff;background:#061326;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button,a{font:inherit}.vr-experience{position:fixed;inset:0;overflow:hidden;background:#071b35;touch-action:none}#vr-scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0}.vr-topbar{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));pointer-events:none}.vr-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;pointer-events:auto}.vr-brand img{width:99px;padding:7px 9px;border-radius:8px;background:#fffc;box-shadow:0 8px 28px #00132940}.vr-brand span,.vr-brand small{display:block}.vr-brand span{font:700 11px Space Mono,monospace;letter-spacing:.1em}.vr-brand small{margin-bottom:4px;color:#82e8ff;font:700 7px Inter,sans-serif;letter-spacing:.16em}.vr-top-actions{display:flex;gap:7px;pointer-events:auto}.vr-top-actions a,.vr-top-actions button{height:35px;padding:0 14px;border:1px solid #92eaff55;border-radius:7px;color:#e9fbff;background:#071b3599;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:.1em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.vr-top-actions button span{margin-left:5px}.vr-welcome{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 45%,#0da8ce1a,#020914d9 72%);transition:opacity .65s,visibility .65s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vr-welcome.hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome-card{position:relative;width:min(590px,100%);padding:49px 45px 39px;border:1px solid #67e9ff4d;border-radius:22px;text-align:center;background:linear-gradient(145deg,#0d2b4be8,#07162be8);box-shadow:0 35px 100px #0008,inset 0 1px #fff2}.welcome-card:before{content:"";position:absolute;inset:10px;border:1px solid #73eaff14;border-radius:15px;pointer-events:none}.welcome-kicker{color:#62e7ff;font:700 9px Space Mono;letter-spacing:.18em}.welcome-card h1{margin:17px 0 16px;font-size:clamp(37px,6vw,64px);line-height:.96;letter-spacing:-.055em}.welcome-card h1 em{color:#9af11d;font-style:normal}.welcome-card p{max-width:445px;margin:0 auto;color:#b7cde0;font-size:14px;line-height:1.65}.welcome-card button{min-height:55px;margin-top:26px;padding:0 27px;border:0;border-radius:9px;color:#071a2d;background:linear-gradient(110deg,#9af11d,#4ee8bd);box-shadow:0 12px 35px #79e75342;font-size:11px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:transform .2s,box-shadow .2s}.welcome-card button:hover{transform:translateY(-2px);box-shadow:0 16px 42px #79e75366}.welcome-card button span{margin-right:8px}.welcome-card>small{display:block;margin-top:14px;color:#7895ac;font-size:9px}.welcome-orbit{position:absolute;width:min(780px,95vw);aspect-ratio:1;border:1px solid #57dcff26;border-radius:50%;animation:orbit 18s linear infinite}.welcome-orbit:before,.welcome-orbit:after{content:"";position:absolute;border:1px solid #57dcff16;border-radius:50%}.welcome-orbit:before{inset:10%}.welcome-orbit:after{inset:22%}.welcome-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#9af11d;box-shadow:0 0 22px #9af11d}.welcome-orbit i:nth-child(1){top:7%;left:25%}.welcome-orbit i:nth-child(2){right:3%;top:53%;background:#5fe9ff}.welcome-orbit i:nth-child(3){bottom:13%;left:12%;background:#f5a72d}@keyframes orbit{to{transform:rotate(360deg)}}.vr-loading{position:absolute;z-index:24;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;background:#061326;transition:opacity .55s,visibility .55s}.vr-loading.hidden{opacity:0;visibility:hidden}.vr-loading strong{margin-top:10px;color:#c9f8ff;font:700 10px Space Mono;letter-spacing:.16em}.vr-loading span{color:#6589a1;font-size:9px}.loading-bot{position:relative;width:58px;height:47px;border:3px solid #50e6ff;border-radius:14px;background:#0a2745;box-shadow:0 0 35px #1bc8ef55;animation:float 1.7s ease-in-out infinite}.loading-bot:before,.loading-bot:after{content:"";position:absolute;top:-10px;width:2px;height:10px;background:#50e6ff}.loading-bot:before{left:14px;transform:rotate(-18deg)}.loading-bot:after{right:14px;transform:rotate(18deg)}.loading-bot i{position:absolute;top:16px;width:8px;height:8px;border-radius:50%;background:#9af11d;box-shadow:0 0 9px #9af11d}.loading-bot i:first-child{left:12px}.loading-bot i:last-child{right:12px}@keyframes float{50%{transform:translateY(-7px)}}.vr-guide{position:absolute;z-index:16;top:78px;right:18px;width:min(350px,calc(100vw - 36px));padding:24px;border:1px solid #64e4ff40;border-radius:15px;background:#071b35e8;box-shadow:0 20px 55px #00102288;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vr-guide.open{opacity:1;visibility:visible;transform:none}.vr-guide>span{color:#67eaff;font:700 8px Space Mono;letter-spacing:.15em}.vr-guide h2{margin:8px 0 17px;font-size:20px}.guide-close{position:absolute;right:12px;top:10px;border:0;color:#8eacbf;background:transparent;font-size:22px;cursor:pointer}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-grid article{min-height:113px;padding:12px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff08}.guide-grid b,.guide-grid strong,.guide-grid small{display:block}.guide-grid b{color:#9af11d;font:700 20px Space Mono}.guide-grid strong{margin:8px 0 5px;font-size:10px}.guide-grid small{color:#86a3b7;font-size:8px;line-height:1.45}.robot-greeting{position:absolute;z-index:8;left:50%;top:25%;min-width:220px;padding:13px 17px;border:1px solid #b7f6ff77;border-radius:13px 13px 13px 3px;color:#09213a;background:#f3fcffe8;box-shadow:0 13px 40px #00162c4d;opacity:0;transform:translate(-10%,-4px) scale(.92);transition:.35s;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.robot-greeting:after{content:"";position:absolute;left:14px;bottom:-10px;border:10px solid transparent;border-top-color:#f3fcffe8;border-left:0}.robot-greeting.show{opacity:1;transform:translate(-10%) scale(1)}.robot-greeting span,.robot-greeting strong{display:block}.robot-greeting span{margin-bottom:5px;color:#0785bd;font:700 7px Space Mono;letter-spacing:.13em}.robot-greeting strong{font-size:13px;line-height:1.4}.vr-status{position:absolute;z-index:7;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #70ddf22e;border-radius:8px;color:#9dc0d2;background:#06182da8;font:700 8px Space Mono;letter-spacing:.09em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vr-status i{width:7px;height:7px;border-radius:50%;background:#91eb22;box-shadow:0 0 0 4px #91eb2225}.vr-actions{position:absolute;z-index:7;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:7px}.vr-actions button{height:53px;border:1px solid #6be7ff3d;border-radius:9px;color:#fff;background:#071b35d9;box-shadow:0 8px 25px #00102266;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.vr-actions .xr-button,.vr-actions .cardboard-button{display:flex;align-items:center;gap:9px;padding:0 15px}.vr-actions button i{color:#79ebff;font-style:normal;font-size:22px}.vr-actions button span,.vr-actions button small{display:block;text-align:left}.vr-actions button span{font-size:9px;font-weight:900;letter-spacing:.07em}.vr-actions button small{margin-bottom:3px;color:#7095aa;font-size:6px}.vr-actions button:disabled{opacity:.46;cursor:not-allowed}.vr-actions .cardboard-button{border-color:#a6f23a55}.vr-actions .cardboard-button i{color:#a6f23a}.vr-actions .recenter-button{width:53px;color:#78e9ff;font-size:21px}.mobile-move{position:absolute;z-index:7;left:18px;bottom:69px;display:none;grid-template:repeat(2,38px)/repeat(3,38px);gap:3px}.mobile-move button{border:1px solid #7eeaff44;border-radius:7px;color:#d8f9ff;background:#071b35a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-move button:nth-child(1){grid-column:2}.mobile-move button:nth-child(2){grid-area:2/1}.mobile-move button:nth-child(3){grid-area:2/2}.mobile-move button:nth-child(4){grid-area:2/3}.cardboard-exit{position:absolute;z-index:50;top:max(8px,env(safe-area-inset-top));left:50%;display:none;transform:translate(-50%)}.cardboard-exit button{padding:8px 13px;border:1px solid #fff6;border-radius:99px;color:#fff;background:#061326b8;font-size:8px;font-weight:800}.vr-toast{position:absolute;z-index:60;left:50%;bottom:93px;max-width:min(430px,calc(100vw - 30px));padding:11px 16px;border-radius:8px;color:#0b2438;background:#9af11ded;box-shadow:0 12px 35px #0005;opacity:0;transform:translate(-50%,10px);transition:.25s;font-size:10px;font-weight:800;text-align:center;pointer-events:none}.vr-toast.show{opacity:1;transform:translate(-50%)}.vr-vignette{position:absolute;z-index:4;inset:0;box-shadow:inset 0 0 130px #00152e4d;pointer-events:none}.cardboard-active .vr-topbar,.cardboard-active .vr-actions,.cardboard-active .vr-status,.cardboard-active .robot-greeting,.cardboard-active .vr-vignette,.xr-active .vr-topbar,.xr-active .vr-actions,.xr-active .vr-status,.xr-active .robot-greeting{display:none}.cardboard-active .cardboard-exit{display:block}.xr-active{background:#000}@media(max-width:720px){.vr-brand span{display:none}.vr-brand img{width:85px}.vr-top-actions button span{display:none}.welcome-card{padding:39px 22px 31px}.welcome-card h1{font-size:39px}.welcome-card p{font-size:12px}.vr-status,.vr-actions{bottom:15px}.vr-actions .xr-button{display:none}.vr-actions .cardboard-button{height:48px}.vr-actions .recenter-button{width:48px;height:48px}.mobile-move{display:grid}.robot-greeting{top:18%;left:40%;min-width:196px}.guide-grid article{min-height:105px}.vr-vignette{box-shadow:inset 0 0 70px #00152e55}}@media(max-width:430px){.vr-actions .cardboard-button small{display:none}.vr-actions .cardboard-button{padding:0 11px}.vr-actions button span{font-size:8px}.vr-status{display:none}.vr-top-actions a{padding:0 10px}.vr-guide{top:65px}.welcome-card h1{font-size:34px}}@media(orientation:landscape)and (max-height:520px){.vr-topbar{padding-top:8px}.vr-brand img{width:76px}.vr-actions{bottom:9px}.mobile-move{bottom:12px}.vr-status{display:none}.robot-greeting{top:15%;left:48%}.welcome-card{width:620px;padding:24px 35px 20px}.welcome-card h1{margin:9px 0;font-size:34px}.welcome-card p{font-size:10px}.welcome-card button{min-height:43px;margin-top:13px}.welcome-card>small{margin-top:8px}}@media(prefers-reduced-motion:reduce){.welcome-orbit,.loading-bot{animation:none}.welcome-card button,.robot-greeting,.vr-welcome,.vr-loading{transition:none}}.vr-top-actions .experience-menu-button{border-color:#9af11d66;color:#efffdc;background:#123b37d9}.experience-menu-button:first-letter{color:#9af11d;font-size:13px}.experience-backdrop{position:absolute;z-index:18;inset:0;background:#02091488;opacity:0;visibility:hidden;transition:.25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.experience-backdrop.open{opacity:1;visibility:visible}.experience-drawer{position:absolute;z-index:19;top:0;right:0;width:min(440px,100vw);height:100%;display:flex;flex-direction:column;color:#dff7ff;background:linear-gradient(160deg,#0a2440f7,#061427f7);box-shadow:-30px 0 80px #0009;transform:translate(102%);transition:transform .3s cubic-bezier(.22,.7,.25,1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.experience-drawer.open{transform:none}.experience-drawer>header{position:relative;padding:34px 30px 24px;border-bottom:1px solid #7ce9ff22}.experience-drawer>header span{color:#68e9ff;font:700 8px Space Mono;letter-spacing:.16em}.experience-drawer h2{margin:8px 0 7px;font-size:25px;letter-spacing:-.03em}.experience-drawer>header p{margin:0;color:#83a3b8;font-size:10px;line-height:1.5}.experience-drawer>header button{position:absolute;right:21px;top:21px;width:34px;height:34px;border:1px solid #77e6fa33;border-radius:50%;color:#a4c0d0;background:#ffffff08;font-size:20px;cursor:pointer}.experience-list{display:grid;gap:10px;padding:18px;overflow:auto}.experience-card{display:grid;grid-template-columns:58px 1fr;gap:14px;width:100%;padding:17px;border:1px solid #78e9ff20;border-radius:13px;color:#fff;background:#ffffff08;text-align:left;cursor:pointer;transition:.2s}.experience-card:hover{border-color:#72e9ff66;background:#ffffff0d;transform:translate(-3px)}.experience-card>i{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;color:#9af11d;background:#9af11d12;font-style:normal;font-size:28px}.experience-card span,.experience-card small,.experience-card strong,.experience-card p,.experience-card b{display:block}.experience-card small{color:#65deef;font:700 7px Space Mono;letter-spacing:.11em}.experience-card strong{margin-top:5px;font-size:16px}.experience-card p{margin:7px 0;color:#89a5b7;font-size:9px;line-height:1.45}.experience-card b{color:#9af11d;font-size:8px;letter-spacing:.08em}.experience-card.active{border-color:#9af11d3d}.experience-card.water-card{background:linear-gradient(135deg,#087b9b35,#0b304b99)}.experience-card.water-card>i{color:#6eeaff;background:#39dff01c;box-shadow:inset 0 0 22px #4feaff1c}.experience-card.history-card{opacity:.45;cursor:not-allowed}.experience-card.history-card:hover{transform:none;border-color:#78e9ff20}.experience-drawer>footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:18px 25px;border-top:1px solid #7ce9ff1c;color:#7191a5;font-size:8px}.experience-drawer>footer i{width:7px;height:7px;border-radius:50%;background:#9af11d;box-shadow:0 0 10px #9af11d}.simulation-hud{position:absolute;z-index:9;left:50%;bottom:22px;width:min(650px,calc(100vw - 390px));min-width:440px;padding:17px 19px 12px;border:1px solid #7feaff42;border-radius:14px;color:#ecfbff;background:linear-gradient(110deg,#07192de8,#0b3347e8);box-shadow:0 18px 55px #00101e99;opacity:0;visibility:hidden;transform:translate(-50%,18px);transition:.35s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.simulation-hud.active{opacity:1;visibility:visible;transform:translate(-50%)}.simulation-copy span{color:#6eeaff;font:700 7px Space Mono;letter-spacing:.14em}.simulation-copy h2{margin:5px 0 4px;font-size:20px}.simulation-copy p{margin:0;max-width:540px;color:#aac4d3;font-size:9px;line-height:1.45}.simulation-progress{height:3px;margin:13px 0 10px;border-radius:4px;background:#ffffff17;overflow:hidden}.simulation-progress i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#58e9ff,#9af11d);box-shadow:0 0 12px #66eaff}.simulation-controls{display:flex;align-items:center;gap:7px}.simulation-controls button{height:29px;padding:0 10px;border:1px solid #74e7fa2b;border-radius:6px;color:#d9f8ff;background:#ffffff08;font-size:7px;font-weight:800;letter-spacing:.07em;cursor:pointer}.simulation-controls #simulation-pause{width:31px;padding:0;color:#9af11d;font-size:12px}.simulation-controls #simulation-exit{margin-left:auto;color:#85a6b7}.simulation-dots{display:flex;gap:5px;margin:0 5px}.simulation-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff24}.simulation-dots i.active{background:#9af11d;box-shadow:0 0 7px #9af11d}.simulation-active .mobile-move{display:none}.simulation-active .vr-status span{font-size:0}.simulation-active .vr-status span:after{content:"RECORRIDO INMERSIVO";font-size:8px}.cardboard-active .experience-menu-button,.cardboard-active .experience-backdrop,.cardboard-active .experience-drawer,.cardboard-active .simulation-hud,.xr-active .experience-menu-button,.xr-active .experience-backdrop,.xr-active .experience-drawer,.xr-active .simulation-hud{display:none}@media(max-width:900px){.simulation-hud{left:14px;right:14px;bottom:76px;width:auto;min-width:0;transform:translateY(18px)}.simulation-hud.active{transform:none}.simulation-copy p{padding-right:15px}.experience-drawer{width:min(400px,100vw)}}@media(max-width:520px){.vr-top-actions .experience-menu-button span{display:none}.vr-top-actions .experience-menu-button{width:38px;padding:0}.simulation-hud{bottom:72px;padding:13px 14px 10px}.simulation-copy h2{font-size:17px}.simulation-copy p{font-size:8px}.simulation-controls #simulation-next{font-size:0}.simulation-controls #simulation-next:after{content:"SIGUIENTE →";font-size:7px}.simulation-dots{gap:4px}.experience-drawer>header{padding:27px 22px 19px}.experience-list{padding:12px}.experience-card{grid-template-columns:49px 1fr;padding:13px}.experience-card>i{width:49px;height:49px;font-size:23px}}}