:root{--vnd-navy:#11283c;--vnd-gold:#d8a55c;--vnd-ink:#fff;--vnd-glass:rgba(17,40,60,.72)}
html,body{margin:0;height:100%;background:#0b1822;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.vnd-tour{position:fixed;inset:0}
.vnd-pano{position:absolute;inset:0}
.vnd-empty{position:absolute;inset:0;display:grid;place-items:center;color:#fff;margin:0}

/* Topo */
.vnd-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:14px 16px;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,20,30,.65),rgba(8,20,30,0));z-index:5}
.vnd-brand{pointer-events:auto;display:flex;align-items:center;background:rgba(255,255,255,.92);border-radius:10px;padding:5px 10px;text-decoration:none;color:var(--vnd-navy);font-weight:700}
.vnd-brand img{height:34px;width:auto;display:block}
.vnd-titles{display:flex;flex-direction:column;color:var(--vnd-ink);text-shadow:0 1px 3px rgba(0,0,0,.5);min-width:0}
.vnd-room{font-size:18px;line-height:1.2}
.vnd-name{font-size:12.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Controles do Pannellum abaixo do topo */
.pnlm-controls-container{top:72px!important;left:12px!important}
.pnlm-load-box{background:var(--vnd-glass)!important;border-radius:12px!important}
.pnlm-load-box p{font-family:inherit}
.pnlm-lbar{border-color:var(--vnd-gold)!important}.pnlm-lbar-fill{background:var(--vnd-gold)!important}

/* Setas (hotspots) */
.vnd-hs{width:0;height:0}
.vnd-hs-inner{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.vnd-hs-dot{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 0 0 6px rgba(216,165,92,.45),0 4px 14px rgba(0,0,0,.35);
  display:grid;place-items:center;animation:vndPulse 2.2s infinite;transition:transform .15s}
.vnd-hs-dot svg{width:22px;height:22px;fill:var(--vnd-navy)}
.vnd-hs-inner:hover .vnd-hs-dot{transform:scale(1.12)}
.vnd-hs-label{background:var(--vnd-glass);color:#fff;font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;white-space:nowrap;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
@keyframes vndPulse{0%,100%{box-shadow:0 0 0 4px rgba(216,165,92,.55),0 4px 14px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 12px rgba(216,165,92,0),0 4px 14px rgba(0,0,0,.35)}}

/* Menu de ambientes (dropdown) */
.vnd-menu-toggle{position:absolute;right:14px;top:16px;z-index:7;border:0;border-radius:999px;padding:8px 14px;background:var(--vnd-gold);color:var(--vnd-navy);font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.vnd-menu-toggle .vnd-caret{transition:transform .2s;display:inline-block}
.vnd-menu-toggle[aria-expanded="true"] .vnd-caret{transform:rotate(180deg)}
.vnd-menu{position:absolute;right:14px;top:58px;z-index:7;width:250px;max-height:calc(100% - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:6px;
  background:rgba(17,40,60,.92);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transform-origin:top right;transition:opacity .18s,transform .18s}
.vnd-menu.is-hidden{opacity:0;transform:scale(.96) translateY(-6px);pointer-events:none}
.vnd-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;padding:5px;background:transparent;color:#fff;font:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}
.vnd-menu button img{width:64px;height:32px;object-fit:cover;border-radius:5px;flex:0 0 auto;opacity:.85}
.vnd-menu button:hover{background:rgba(255,255,255,.08)}
.vnd-menu button.is-on{background:rgba(216,165,92,.22);box-shadow:inset 3px 0 0 var(--vnd-gold)}
.vnd-menu button.is-on img,.vnd-menu button:hover img{opacity:1}

@media (max-width:600px){
  .vnd-brand img{height:26px}
  .vnd-room{font-size:15px}
  .vnd-menu{width:min(250px,calc(100% - 28px))}
  .vnd-hs-dot{width:40px;height:40px}
}
.pnlm-panorama-info{display:none!important}