/* Deliberately composed mobile room. Desktop and wider portrait tablets retain their approved layout. */
@media(orientation:portrait) and (max-width:600px){
 :root{--mobile-section-gap:clamp(72px,23.5vw,96px);--mobile-label-gap:28px}
}
@media (orientation:portrait) and (max-width:1100px), (orientation:portrait) and (pointer:coarse) and (max-width:1366px){
 html,body{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;scrollbar-width:none}
 html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
 .studio{position:relative;inset:auto;width:100%;height:calc(var(--tour-height) + 162px);overflow:hidden}
 .scene-viewport{bottom:84px;overflow:hidden}
 .scene picture{visibility:hidden}
 .mobile-material,.mobile-object{display:block;position:absolute;pointer-events:none}

 .mobile-material{background-image:url(/wall-texture.webp)}
 .wall-material{inset:-70px 0 0;background-size:100% 100%;background-position:0 0}
 .floor-material{top:57%;bottom:-85px;height:auto;background-image:url(/floor-texture.webp);background-size:100% 100%;background-position:0 0;mask-image:linear-gradient(transparent,#000 18%);-webkit-mask-image:linear-gradient(transparent,#000 18%)}
 .floor-material:before{display:none}
 .mobile-object{z-index:1}
 .mobile-object,.zone-layer{mask-image:none;-webkit-mask-image:none}
 .wall-sign{left:25%;top:var(--tour-logo-top,140px);width:50%;z-index:1}
 .site-header{position:fixed;grid-template-columns:1fr auto;padding:8px 4%;gap:8px;background:rgba(20,20,19,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 #ffffff0a,0 5px 18px #0003;z-index:20;height:64px}
 .header-brand{width:52px;height:44px}.header-brand svg{width:43px;top:9px;left:0}
 .header-links{display:none}.header-actions{gap:0}.header-icon{width:44px;height:44px;padding:11px}.header-icon svg{width:21px;height:21px}
 .studio-footer{min-height:84px;padding:9px 5% max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:8px 8px;align-items:center;background:linear-gradient(transparent,#17171788)}
 .studio-footer-center{grid-column:1/-1;grid-row:1;transform:none}.studio-copyright,.studio-signoff{grid-row:2;font-size:10px;line-height:1.3}
 .studio-guidance{font-size:11px;line-height:1.4;max-width:350px;margin:auto!important}.studio-services{font-size:9px;line-height:1.4;letter-spacing:.8px;margin-top:5px!important}
 .category-caption,html[lang=de-DE] .category-caption{font-size:11px;letter-spacing:.8px;max-width:calc(100vw - 24px);white-space:normal;text-align:center;line-height:1.4}
 .category{position:fixed}.category-inner{padding:24px;max-height:100dvh;overflow:auto}.category h2{font-size:clamp(30px,8vw,50px);letter-spacing:-1px}.category p{font-size:16px}
 .studio-drawer{width:min(380px,94vw);height:100dvh;overscroll-behavior:contain}.drawer-content{padding:16px 22px 28px}.drawer-title{margin:20px 0 14px}.drawer-categories{gap:2px}.drawer-categories a{min-height:44px;padding:11px 0;font-size:12px;letter-spacing:.9px}.drawer-secondary{margin-top:22px;padding-top:18px;gap:8px}.drawer-secondary a{min-height:44px;display:flex;align-items:center}
 .drawer-categories [data-category=vestuario]{order:6}.drawer-categories [data-category=empresas-brindes]{order:7}.drawer-categories [data-category=ocasioes]{order:8}
 #languageMenu{right:-54px;width:184px;max-width:calc(100vw - 24px)}#languageMenu button{min-height:44px}
 .navigation-notice{top:70px}
}

.tour-ui,#tourProgress{display:none}
.portrait-tour .tour-ui{display:block;position:absolute;inset:0;pointer-events:none;z-index:4}
.portrait-tour .tour-label{position:absolute;transform:translateX(-50%);min-height:44px;padding:10px 8px;max-width:88%;white-space:nowrap;pointer-events:auto;font-size:12px;letter-spacing:1.5px;color:#f3e9da;text-shadow:0 2px 9px #000;cursor:pointer}
.portrait-tour .tour-scroll-cue{position:absolute;left:50%;font-size:22px;opacity:.6}
.portrait-tour #tourProgress{display:block;position:fixed;right:10px;top:50%;z-index:7;font-size:9px;letter-spacing:1px;color:#ded3c1;writing-mode:vertical-rl;pointer-events:none}
.portrait-tour .wall-material{position:fixed;inset:0;background-size:100% 100%;background-position:0 0}
.portrait-tour .floor-material{position:fixed;top:auto;bottom:0;height:22vh}
.portrait-tour .category-caption{display:none}
.portrait-tour .tour-label:focus-visible{outline:1px solid #d9bc91;outline-offset:1px}
.portrait-tour .scene.selected .tour-label{opacity:.45}
.portrait-tour .scene.selected .tour-label.is-selected{opacity:1}
.compact-studio .site-header{height:48px;padding:2px 4%;grid-template-columns:1fr auto;gap:8px;background:#181817d9;backdrop-filter:blur(12px)}
.compact-studio .header-links{display:none}.compact-studio .header-brand{height:44px;width:52px}.compact-studio .header-brand svg{width:43px;left:0;top:9px}.compact-studio .header-actions{gap:0}.compact-studio .header-icon{height:44px;width:44px}
.compact-studio .studio-footer{min-height:48px;padding:5px 4%;gap:5px}.compact-studio .studio-guidance{font-size:10px}.compact-studio .studio-services{font-size:8px;letter-spacing:.8px}.compact-studio .studio-copyright,.compact-studio .studio-signoff{font-size:9px}
.compact-studio .category-caption{font-size:11px;letter-spacing:1px}
.compact-studio .studio-drawer{width:min(380px,80vw)}
@media(prefers-reduced-motion:no-preference){.portrait-tour .tour-subject{transition:opacity .55s ease,translate .65s ease;opacity:.35;translate:0 12px}.portrait-tour .tour-subject.in-view{opacity:1;translate:0 0}}
.portrait-tour body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url(/wall-texture.webp) 0 0/100% 100%}
.portrait-tour body:after{content:"";position:fixed;inset:auto 0 0;height:22vh;pointer-events:none;background:url(/floor-texture.webp) 0 0/100% 100%;mask-image:linear-gradient(transparent,#000 35%)}
.portrait-tour .studio{z-index:1}.portrait-tour .scene-viewport{background:transparent}.portrait-tour .mobile-material{display:none}
.compact-studio .studio-footer-center{transform:none;grid-column:auto;grid-row:auto}.compact-studio .studio-footer{grid-template-columns:1fr minmax(0,2.6fr) 1fr}.compact-studio .studio-copyright,.compact-studio .studio-signoff{grid-row:auto}.compact-studio .studio-services{margin-top:3px!important}
.portrait-tour .tour-label{white-space:normal;line-height:1.4}
.portrait-tour{scroll-snap-type:y proximity;scroll-padding-top:64px}
.portrait-tour .tour-stop{position:absolute;left:0;right:0;scroll-snap-align:start;scroll-snap-stop:normal;pointer-events:none}
.portrait-tour .tour-label{width:max-content;max-width:calc(100vw - 40px)}
.portrait-tour .tour-label{opacity:0;transition:opacity .3s var(--ease);pointer-events:none}
.portrait-tour .tour-label.is-present{opacity:1;pointer-events:auto}
.portrait-tour .scene.selected .tour-label:not(.is-present){opacity:0}
.portrait-tour .studio-footer{position:absolute;z-index:8;min-height:84px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(#151515aa,#151515ef);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.portrait-tour .scene-viewport{bottom:0}
.portrait-tour .portrait-desk-body{display:block}
.portrait-desk-body{display:none}
.portrait-tour .desktop-desk-body{display:none}
.portrait-tour .portrait-desk-body{position:absolute;left:0;right:0;top:30%;height:70%;background:url(/portrait-desk-complete.webp) 50% 61.515%/108.475% 147.55% no-repeat;clip-path:polygon(7.6% 0,92.4% 0,100% 8.65%,100% 100%,97% 100%,87.5% 80.5%,87.5% 46%,12.5% 46%,12.5% 80.5%,3% 100%,0 100%,0 8.65%)}
.compact-studio .wall-sign{left:50%;top:8%}
@media(orientation:landscape) and (pointer:coarse) and (max-width:950px) and (max-height:500px){
 .compact-studio .wall-sign{width:18.9%;left:51.05%}
}
.compact-studio .scene-viewport{bottom:0}
.compact-studio .site-header{position:fixed;z-index:20}
.compact-studio .category{position:fixed;z-index:21}
.compact-studio .category-inner{max-height:100dvh;overflow:auto;padding:20px}
.compact-studio .studio-drawer{max-height:100dvh;overflow-y:auto}
.compact-studio #languageMenu{max-height:calc(100dvh - 60px);overflow-y:auto}
.compact-studio .new-studio-object,.compact-studio .zone-layer{mask-image:none;-webkit-mask-image:none}
.compact-studio .scene picture{visibility:hidden}

.compact-studio .mobile-material,.compact-studio .mobile-object{display:block;position:absolute;pointer-events:none}
.compact-studio .wall-material{inset:0;background:url(/wall-texture.webp) 0 0/100% 100%}
.compact-studio .floor-material{inset:83% 0 0;height:auto;background:url(/floor-texture.webp) 0 0/100% 100%;mask-image:linear-gradient(transparent,#000 18%);-webkit-mask-image:linear-gradient(transparent,#000 18%)}
@media(orientation:landscape) and (max-height:500px){
 .compact-studio .studio-drawer .drawer-content{padding:12px 22px 20px}
 .compact-studio .drawer-categories{gap:0}
 .compact-studio .drawer-categories a{padding:8px 0;min-height:44px}
 .compact-studio .drawer-title{margin:16px 0}
 .compact-studio .drawer-secondary{margin-top:18px;padding-top:12px;gap:4px}
 .compact-studio .studio-footer{min-height:44px;padding:4px 4%}
 .compact-studio .studio-services{font-size:8px;letter-spacing:.6px}
}

/* Resized desktop windows: fit the approved scene as one 3:2 canvas. */
html.fitted-studio,html.fitted-studio body{height:100%;min-height:0;overflow:hidden}
.fitted-studio .studio{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.fitted-studio .scene-viewport{inset:0;background:#20201f;overflow:hidden}
.fitted-studio .scene picture{visibility:visible}
.fitted-studio .mobile-material,.fitted-studio .mobile-object{display:none}

.fitted-studio .wall-sign{left:57%;top:14.8%;width:21%;z-index:1}
.fitted-studio .site-header{height:64px;padding:8px 4%;grid-template-columns:1fr auto;gap:8px;background:#181817d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.fitted-studio .header-links{display:none}
.fitted-studio .header-brand{height:44px;width:52px}
.fitted-studio .header-brand svg{width:43px;left:0;top:9px}
.fitted-studio .header-actions{gap:0}
.fitted-studio .header-icon{height:44px;width:44px;padding:11px}
.fitted-studio .header-icon svg{width:21px;height:21px}
.fitted-studio .studio-footer{position:absolute;min-height:64px;padding:8px 4% max(10px,env(safe-area-inset-bottom));gap:6px 10px;grid-template-columns:1fr minmax(0,2.6fr) 1fr;align-items:end}
.fitted-studio .studio-footer-center{transform:none;grid-column:auto;grid-row:auto}
.fitted-studio .studio-copyright,.fitted-studio .studio-signoff{grid-row:auto;font-size:10px;line-height:1.3}
.fitted-studio .studio-guidance{font-size:11px;line-height:1.4}
.fitted-studio .studio-services{font-size:9px;line-height:1.4;letter-spacing:.8px;margin-top:4px!important}
.fitted-studio .category{position:fixed}
@media(max-width:600px){
 .fitted-studio .studio-footer{grid-template-columns:1fr 1fr}
 .fitted-studio .studio-footer-center{grid-column:1/-1;grid-row:1}
 .fitted-studio .studio-copyright,.fitted-studio .studio-signoff{grid-row:2}
}