/* Showrooms de clientes: superficies sólidas, identidad del proyecto e iconos.
   El catálogo y los paneles de métricas quedan fuera de este alcance. */
#app[data-showroom]:not([data-showroom=""]){--panel:#1b1c1e;--text:#f3f3f3;--muted:#b6b6b7;--line:#ffffff20;--project-glass:#1b1c1e;--project-deep:#101112;background:#101112}
#app[data-showroom]:not([data-showroom=""]) .grain{display:none}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(.glass,.finish-wall,.floor-marker-label){background:#1b1c1e;border-color:#ffffff1c;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) .glass:before{display:none}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(button,a,.badge){box-shadow:none;text-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) button:hover{filter:none}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(.button,.chip){border-radius:4px;min-height:42px}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) .button-primary{background:var(--project-accent);color:#101112;border:0}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(.button-secondary,.chip){background:transparent;border:0;color:#ddd}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(.button-secondary,.chip):hover{background:#ffffff0b;color:#fff}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) .chip.selected{background:transparent;color:var(--project-text);border:0;box-shadow:inset 0 -2px 0 var(--project-accent)}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(.icon-button,.ceiac-orbit-arrow,.orbit-controls button){width:44px;height:44px;border:0;border-radius:4px;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(.icon-button,.ceiac-orbit-arrow,.orbit-controls button):hover{background:#18191b}
:is(#app,.modal)[data-showroom]:not([data-showroom=""]) :is(.icon-button,.ceiac-orbit-arrow,.orbit-controls button) svg{stroke-width:1.5;filter:none}
#app[data-showroom]:not([data-showroom=""]) .project-switch{border:0;border-radius:4px;background:transparent;box-shadow:none;color:#ddd}
#app[data-showroom]:not([data-showroom=""]) .world{background:#101112}
#app[data-showroom]:not([data-showroom=""]) .world-shade{background:#0003}
#app[data-view="ceiac"] .ceiac-cover-shade{background:#0003}
#app[data-showroom]:not([data-showroom=""]) .orbit-controls{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#app[data-showroom]:not([data-showroom=""]) :is(#orbit-prev,#orbit-next,.ceiac-orbit-arrow){background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;text-shadow:none}
#app[data-showroom]:not([data-showroom=""]) :is(#orbit-prev,#orbit-next,.ceiac-orbit-arrow) svg{width:26px;height:26px}
#app[data-showroom]:not([data-showroom=""]) :is(#orbit-prev,#orbit-next,.ceiac-orbit-arrow):hover{background:#18191b}
#app[data-showroom]:not([data-showroom=""]) .tour-rail .icon-button{background:transparent;border:0;border-radius:3px}
#app[data-showroom]:not([data-showroom=""]) .tour-rail .icon-button:hover{background:#18191b}
#app[data-showroom]:not([data-showroom=""]) .tour-menu{background:#161719;border:1px solid #ffffff18;border-radius:5px;box-shadow:none;color:#eee}
#app[data-showroom]:not([data-showroom=""]) .tour-menu button.selected{background:#ffffff08;color:var(--project-text)}
#app[data-showroom]:not([data-showroom=""]) .finish-wall{background:#191a1c;border:1px solid #ffffff20;border-radius:5px;box-shadow:none}
#app[data-showroom]:not([data-showroom=""]) .finish-label{color:#ddd}
#app[data-showroom]:not([data-showroom=""]) .finish-choice{border-radius:3px;background:transparent;border-color:transparent;color:#ccc}
#app[data-showroom]:not([data-showroom=""]) .finish-choice.selected{background:#ffffff0a;border-color:#ffffff35;color:#fff}
#app[data-showroom]:not([data-showroom=""]) .finish-choice i{box-shadow:none;border:1px solid #ffffff30}
#app[data-showroom]:not([data-showroom=""]) .finish-choice:nth-child(1) i{background:#9b8b7b!important}
#app[data-showroom]:not([data-showroom=""]) .finish-choice:nth-child(2) i{background:#d6c6ac!important}
#app[data-showroom]:not([data-showroom=""]) .finish-choice:nth-child(3) i{background:#79786b!important}
#app[data-showroom]:not([data-showroom=""]) .floor-marker{filter:none;text-shadow:0 1px 4px #000}
#app[data-showroom]:not([data-showroom=""]) .floor-marker-label{border:0;border-radius:3px;background:#161719;color:#fff;padding:4px 8px}
#app[data-showroom]:not([data-showroom=""]) .floor-marker:hover{filter:none}
#app[data-showroom]:not([data-showroom=""]) .floor-marker:hover svg{stroke:var(--project-text)}
#app[data-showroom]:not([data-showroom=""]) .directory-marker{background:#191a1c;border:0;border-radius:4px}
#app[data-showroom]:not([data-showroom=""]) :is(.home-card,.info-story,.info-details,.location-brief){background:#1b1c1e;border:1px solid #ffffff18;border-radius:6px}
#app[data-showroom]:not([data-showroom=""]) .card-bottom button{background:transparent;border:0;border-radius:3px;color:var(--project-text)}
#app[data-showroom]:not([data-showroom=""]) .experience-dock{background:#18191b;border:1px solid #ffffff12;border-radius:5px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#app[data-showroom]:not([data-showroom=""]) .dock-lens{background:#292a2d;border:0;border-radius:3px;box-shadow:none;backdrop-filter:none}
#app[data-showroom]:not([data-showroom=""]) .experience-dock button.active{color:var(--project-text);text-shadow:none}
#app[data-showroom]:not([data-showroom=""]) .help-button{background:transparent;border:0;border-radius:3px}
.modal[data-showroom]:not([data-showroom=""]){background:#17181a;border:1px solid #ffffff20;border-radius:7px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#f3f3f3;--muted:#b6b6b7;--line:#ffffff20}
.modal[data-showroom]:not([data-showroom=""]):before{display:none}
.modal[data-showroom]:not([data-showroom=""])::backdrop{background:#0009;backdrop-filter:none;-webkit-backdrop-filter:none}
#app[data-showroom]:not([data-showroom=""]) .amenity-card:after{background:#0004}
.modal[data-showroom]:not([data-showroom=""]) :is(input,select,textarea){background:#222326;border:1px solid #ffffff25;border-radius:4px;color:#eee}
.modal[data-showroom]:not([data-showroom=""]) .modal-head :is(.eyebrow,p){color:#bbb}
.modal[data-showroom]:not([data-showroom=""]) :is(.plan-wrap,.ceiac-media,.ceiac-area-detail>svg){background:#101112;border-color:#ffffff18;border-radius:5px}
.modal[data-showroom]:not([data-showroom=""]) .form-feedback{background:#222326;border-color:#ffffff25;border-radius:4px;color:#eee}
#app[data-view="ceiac"]{background:#101112}
#app[data-view="ceiac"] :is(.ceiac-plan-viewport,.ceiac-preview){background:#101112;border-color:#ffffff18;border-radius:5px}
#app[data-view="ceiac"] .ceiac-visual .ceiac-card{border-radius:5px}
#app[data-view="ceiac"] .ceiac-floor-content{color:#f3f3f3}
#app[data-view="ceiac"] .ceiac-levels .chip{color:#ccc;border-radius:0}
#app[data-view="ceiac"] .ceiac-levels .chip.selected{background:transparent;color:#fff;box-shadow:inset 2px 0 0 var(--project-accent)}
#app[data-view="ceiac"] .ceiac-area-select select{background:#191a1c;color:#ddd;border:0;border-bottom:1px solid #ffffff25;border-radius:0}
#app[data-view="ceiac"] .ceiac-gallery-link{color:#bbb}
#app[data-view="ceiac"] .ceiac-plan-caption small{color:#aaa}
.ceiac-preload-progress{width:78px;height:2px;border:0;border-radius:0;appearance:none;background:#ffffff20;accent-color:#fff}
.ceiac-preload-progress::-webkit-progress-bar{background:#ffffff20}.ceiac-preload-progress::-webkit-progress-value{background:#fff}.ceiac-preload-progress::-moz-progress-bar{background:#fff}
.ceiac-area-caption{display:block;color:#aaa;font-size:11px;margin-top:13px}
@media(max-width:600px){#app[data-view="ceiac"] .ceiac-levels .chip.selected{box-shadow:inset 0 -2px 0 var(--project-accent)}}

/* Galería publicada: carga diferida de los interiores y vista completa al abrir. */
#app[data-view="ceiac"] .ceiac-featured{height:auto;max-height:none;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}
#app[data-view="ceiac"] .ceiac-featured .ceiac-card:first-child{grid-row:auto;grid-column:span 2}
#app[data-view="ceiac"] .ceiac-featured .ceiac-preview{height:auto;aspect-ratio:1.5}
#app[data-view="ceiac"] .ceiac-featured .ceiac-card:first-child .ceiac-preview{aspect-ratio:2}
