html,body{background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}[hidden]{display:none!important}#visor{position:fixed;inset:0}.i360-anclas{pointer-events:none;position:absolute;inset:0;overflow:hidden}.i360-hotspot{pointer-events:auto;cursor:pointer;background:#00000026 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") 50%/22px no-repeat;border:3px solid #fff;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;top:0;left:0}.i360-hotspot-nombre{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;background:#0009;border-radius:6px;padding:4px 8px;font-size:12px;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px)}@media (hover:hover){.i360-hotspot:hover .i360-hotspot-nombre{opacity:1}}.i360-en-transicion .i360-hotspot{visibility:hidden!important}.i360-anillo{pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;width:56px;height:56px;position:absolute;transform:translate(-50%,-50%)scaleY(.45)}.barra{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));gap:8px;display:flex;position:fixed}.barra button,#calibrar{color:#fff;background:#0000008c;border:1px solid #ffffff4d;border-radius:999px;padding:10px 14px;font-size:14px}.barra button.activo{color:#000;background:#fff}#calibrar{border-radius:12px;gap:8px;display:grid;position:fixed;top:16px;right:16px}#calibrar select{margin-left:8px}#medidor{color:#0f0;background:#0009;margin:0;padding:8px;font-size:12px;position:fixed;top:16px;left:16px}