/* UBTracker V7.1: visor protagonista sin alterar catálogo ni configuraciones. */
.demo-v7[data-demo="conveyors"] .stage-canvas-wrap {
  height:clamp(465px,38vw,535px);
}
.demo-v7[data-demo="racks"] .stage-canvas-wrap {
  height:clamp(540px,43vw,635px);
}
.demo-v7[data-demo="cabinets"] .stage-canvas-wrap {
  height:clamp(505px,40vw,605px);
}
.demo-v7 .stage-head h2,
.demo-v7 .stage-head .stage-kicker,
.demo-v7 .stage-head .stage-figure {
  color:#f1f6fa;
}
.demo-v7 .stage-head h2 {
  font-size:clamp(24px,2.1vw,32px);
  letter-spacing:-.035em;
}
.demo-v7 .stage-head .stage-kicker {color:#d9a583}
.demo-v7 .stage-subtitle {color:#c8d8e2; font-size:13px}
.demo-v7 .stage-canvas-wrap {background-position:center center;background-size:cover}
.demo-v7 .stage-canvas-wrap .environment-switch {
  position:absolute;top:16px;left:18px;right:auto;width:auto;
  z-index:4;display:flex;align-items:center;gap:3px;
  border-radius:7px;padding:4px;
}
.demo-v7 .stage-canvas-wrap .environment-btn {padding:9px 13px}
.demo-v7 .stage-canvas-wrap .stage-micro-label {
  position:absolute;top:68px;left:18px;z-index:3
}
.demo-v7 .stage-canvas-wrap .stage-watermark {bottom:18px;right:18px;z-index:3}
.demo-v7 .stage-canvas-wrap .model-hint {bottom:18px;left:18px;z-index:3}
.demo-v7 .stage-canvas-wrap .surface-note {bottom:52px;right:18px;z-index:3}
@media(max-width:950px){
  .demo-v7[data-demo="conveyors"] .stage-canvas-wrap {height:clamp(375px,57vw,490px)}
  .demo-v7[data-demo="racks"] .stage-canvas-wrap,
  .demo-v7[data-demo="cabinets"] .stage-canvas-wrap {height:clamp(430px,65vw,590px)}
}
@media(max-width:590px){
  .demo-v7 .stage-canvas-wrap .stage-micro-label {top:61px;left:12px;font-size:9px}
  .demo-v7 .stage-canvas-wrap .model-hint {font-size:9px;max-width:calc(100% - 28px);min-width:0}
  .demo-v7 .stage-canvas-wrap .surface-note {display:none}
  .demo-v7 .stage-canvas-wrap .environment-switch {top:10px;left:10px}
}