/* Controles táctiles compactos; el render conserva el espacio principal. */
.tour-menu-tools{display:none}
@media(max-width:767px),(max-height:500px) and (pointer:coarse){
  #app{height:100dvh;min-height:0}
  #app[data-showroom]:not([data-showroom=""]) .topbar{height:52px;padding:0 12px;padding-top:env(safe-area-inset-top);gap:8px;pointer-events:none}
  #app[data-showroom]:not([data-showroom=""]) .topbar :is(a,button){pointer-events:auto}
  #app[data-showroom]:not([data-showroom=""]) :is(.topbar .brand,.experience-footer>span:not(.footer-tools),.current-space,.header-actions,.help-button){display:none}
  #app[data-showroom]:not([data-showroom=""]) .project-switch{position:static;display:flex;transform:none;margin:0;padding:0 8px;min-width:44px;height:44px;width:auto;font-size:11px;gap:6px}
  #app[data-showroom]:not([data-showroom=""]) .project-switch span{display:inline}
  #app[data-showroom]:not([data-showroom=""]) .project-switch svg{width:16px;height:16px;margin:0}
  #app[data-showroom]:not([data-showroom=""]) .experience-footer{left:auto;right:max(8px,env(safe-area-inset-right));bottom:max(4px,env(safe-area-inset-bottom));height:36px;width:auto}
  #app[data-showroom]:not([data-showroom=""]) .footer-tools{gap:0}
  #app[data-showroom]:not([data-showroom=""]) .footer-tools button{width:36px;height:36px;opacity:.65}
  #app[data-showroom]:not([data-showroom=""]) .tour-rail{top:calc(56px + env(safe-area-inset-top));left:12px;gap:0}
  #app[data-showroom]:not([data-showroom=""]) .tour-rail .icon-button{width:44px;height:44px}
  #app[data-showroom]:not([data-showroom=""]) .tour-rail>button:not(:first-child){display:none}
  #app[data-showroom]:not([data-showroom=""]) .tour-menu{left:12px;top:calc(104px + env(safe-area-inset-top));width:min(260px,calc(100% - 24px));max-height:calc(100dvh - 160px - env(safe-area-inset-top));padding:10px 14px}
  #app[data-showroom]:not([data-showroom=""]) .tour-menu button{min-height:44px}
  .tour-menu-tools{display:flex;flex-wrap:wrap;border-top:1px solid #ffffff20;padding-top:8px;margin-top:8px}
  #app[data-showroom]:not([data-showroom=""]) .finish-wall{visibility:hidden;pointer-events:none}
  #app[data-showroom].mobile-finishes-open .finish-wall{visibility:visible;pointer-events:auto}
  #app[data-showroom]:not([data-showroom=""]) .finish-choice{min-height:44px}
  #app[data-showroom]:not([data-showroom=""]) .minimal-hero{left:20px;bottom:calc(56px + env(safe-area-inset-bottom));max-width:calc(100% - 40px);width:auto}
  #app[data-showroom]:not([data-showroom=""]) .minimal-hero h1{font-size:34px;margin:0 0 16px}
  #app[data-showroom]:not([data-showroom=""]) .minimal-hero :is(.eyebrow,.project-type){display:none}
  #app[data-showroom]:not([data-showroom=""]) .minimal-hero .button{min-width:0;min-height:44px;padding:0 18px;font-size:12px}
  #app[data-showroom]:not([data-showroom=""]) .aerial-controls{inset:45% 8px auto}
  #app[data-showroom]:not([data-showroom=""]) .orientation{display:none}
  #app[data-showroom]:not([data-showroom=""]) .orbit-controls{height:44px}
  #app[data-showroom]:not([data-showroom=""]) .orbit-controls button{width:44px;height:44px}
  #app[data-showroom]:not([data-showroom=""]) :is(.orbit-controls>span,#aerial-view-label){display:none}
  #app[data-showroom]:not([data-showroom=""]) .section-content{inset:64px 16px calc(112px + env(safe-area-inset-bottom));padding-right:0}
  #app[data-showroom]:not([data-showroom=""]) .section-top{gap:6px;margin-bottom:16px}
  #app[data-showroom]:not([data-showroom=""]) .section-top h1{font-size:28px;margin:0}
  #app[data-showroom]:not([data-showroom=""]) .section-top .eyebrow{display:none}
  #app[data-showroom]:not([data-showroom=""]) .home-grid{grid-template-columns:1fr}
  #app[data-showroom]:not([data-showroom=""]) .bottom-area{left:12px;right:12px;bottom:calc(44px + env(safe-area-inset-bottom));height:54px}
  #app[data-showroom]:not([data-showroom=""]) .experience-dock{position:relative;left:auto;transform:none;width:100%;height:54px;max-width:none;grid-template-columns:repeat(6,minmax(0,1fr));padding:4px}
  #app[data-showroom]:not([data-showroom=""]) .experience-dock button{min-height:44px;gap:0}
  #app[data-showroom]:not([data-showroom=""]) .experience-dock button>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #app[data-showroom]:not([data-showroom=""]) .dock-lens{display:none}
  #app[data-showroom]:not([data-showroom=""]) .experience-dock button.active{background:#ffffff0c;border-radius:3px}
  #app[data-view="ceiac"] .ceiac-cover-brand{left:16px;right:16px;bottom:calc(48px + env(safe-area-inset-bottom))}
  #app[data-view="ceiac"] .ceiac-cover-brand h1{display:none}
  #app[data-view="ceiac"] .ceiac-cover-actions{justify-content:center;gap:8px}
  #app[data-view="ceiac"] .ceiac-cover-actions .button{min-width:0;min-height:44px;padding:0 18px;gap:12px}
  #app[data-view="ceiac"] :is(.ceiac-orbit-poster,.ceiac-cover>video){object-fit:contain}
  #app[data-view="ceiac"] .ceiac-cover-shade{display:none}
  #app[data-view="ceiac"] .ceiac-orbit-arrow{width:44px;height:44px;top:50%}
  #app[data-view="ceiac"] .ceiac-orbit-arrow[data-ceiac-orbit="-1"]{left:4px}
  #app[data-view="ceiac"] .ceiac-orbit-arrow[data-ceiac-orbit="1"]{right:4px}
  #app[data-view="ceiac"] .ceiac-orbit-status{bottom:calc(106px + env(safe-area-inset-bottom));gap:5px;pointer-events:none}
  #app[data-view="ceiac"] .ceiac-floor-content{inset:calc(58px + env(safe-area-inset-top)) 12px calc(44px + env(safe-area-inset-bottom));gap:0}
  #app[data-view="ceiac"] .ceiac-floor-top{position:absolute;right:0;top:-51px;padding:0;height:44px}
  #app[data-view="ceiac"] .ceiac-floor-top h1{display:none}
  #app[data-view="ceiac"] .ceiac-floor-top .chip{min-height:44px;font-size:11px;padding:0 8px}
  #app[data-view="ceiac"] .ceiac-floor-layout{display:flex;flex-direction:column;gap:8px}
  #app[data-view="ceiac"] .ceiac-levels{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;padding:0;overflow:auto;flex-shrink:0;scrollbar-width:none}
  #app[data-view="ceiac"] .ceiac-levels .chip{min-height:44px;padding:0 10px;font-size:11px;flex-shrink:0}
  #app[data-view="ceiac"] .ceiac-levels .chip.selected{box-shadow:inset 0 -2px 0 var(--project-accent)}
  #app[data-view="ceiac"] .ceiac-gallery-link{min-height:44px;padding:0 8px;flex-shrink:0}
  #app[data-view="ceiac"] .ceiac-floor-main{flex:1;min-height:0}
  #app[data-view="ceiac"] .ceiac-floor-tools{gap:4px;margin-bottom:8px}
  #app[data-view="ceiac"] .ceiac-area-select{max-width:calc(100% - 92px)}
  #app[data-view="ceiac"] .ceiac-area-select select{min-height:44px;width:100%;font-size:12px;padding-left:8px}
  #app[data-view="ceiac"] .ceiac-plan-zoom{gap:0}
  #app[data-view="ceiac"] .ceiac-plan-zoom .icon-button{width:44px;height:44px}
  #app[data-view="ceiac"] .ceiac-plan-caption{min-height:18px;margin-top:6px}
  #app[data-view="ceiac"] .ceiac-plan-caption small{display:none}
  #app[data-view="ceiac"] .ceiac-content{inset:60px 12px 44px;padding:0 0 12px}
  #app[data-view="ceiac"] .ceiac-heading{margin-bottom:12px}
  #app[data-view="ceiac"] .ceiac-heading h1{display:none}
  #app[data-view="ceiac"] .ceiac-featured{height:auto;min-height:0;max-height:none;grid-template-columns:1fr 1fr;gap:8px}
  #app[data-view="ceiac"] .ceiac-featured .ceiac-card:first-child{grid-column:1/-1;grid-row:auto}
  #app[data-view="ceiac"] .ceiac-featured .ceiac-preview{height:auto;aspect-ratio:1.5}
  .modal{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:calc(100% - 16px)}
  .modal-head{padding:16px 16px 0;gap:8px}.modal-head h2{font-size:24px}.modal-body{padding:16px}.close-modal{width:44px;height:44px}
  .ceiac-area-detail{margin:12px}.ceiac-area-detail>svg{height:min(54dvh,550px)}
  .field :is(input,select,textarea),#admin-login input{font-size:16px}
  .catalog-content{inset:96px 16px 44px}.catalog-heading{margin-bottom:16px}.catalog-heading h1{font-size:28px}.catalog-heading p{display:none}
  .catalog-grid{gap:10px}.catalog-card-copy{left:12px;right:12px;bottom:12px}.catalog-card-copy strong{font-size:18px}
  .modal[data-showroom]:not([data-showroom=""]) .ceiac-media{margin:12px;height:62dvh}
}
@media(max-height:500px) and (pointer:coarse){
  #app[data-view="ceiac"] .ceiac-cover-brand{left:auto;right:16px;bottom:16px;width:auto}
  #app[data-view="ceiac"] .ceiac-orbit-status{left:50%;bottom:14px}
  #app[data-view="ceiac"] .ceiac-cover-actions .button{padding:0 12px}
  #app[data-showroom]:not([data-showroom=""]) .minimal-hero{bottom:20px}
  #app[data-showroom]:not([data-showroom=""]) .minimal-hero h1{font-size:26px;margin-bottom:8px}
  #app[data-showroom]:not([data-showroom=""]) .section-content{bottom:66px}
  #app[data-showroom]:not([data-showroom=""]) .bottom-area{left:100px;right:100px;bottom:8px}
}