/* Original workshop foreground, with a revised wall and physical monitor hardware. */
.workshop-showcase{min-width:0}
.workshop-room{position:relative;isolation:isolate;aspect-ratio:2/1}
.workshop-room-image{display:block;width:100%;height:auto;border-radius:4px}
.workshop-wall-treatment{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:fill;border-radius:4px;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 28.9%,transparent 30.4%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 28.9%,transparent 30.4%)}
.workshop-showcase .workshop-monitor{position:absolute;z-index:2;top:.3%;width:24.5%;height:26.4%;margin:0;border:.3cqw solid #111620;border-bottom-width:.42cqw;border-radius:.1cqw;background:#111620;box-shadow:.08cqw .18cqw .4cqw #08122255,0 0 0 .045cqw #566071;overflow:hidden}
.workshop-showcase .workshop-monitor-checklist{left:18.89%}
.workshop-showcase .workshop-monitor-five-s{left:56.72%}
.workshop-monitor-fallback{font:600 12px/1.2 Arial,Helvetica,sans-serif}
.workshop-mobile-controls{display:none}
@media(max-width:600px){
 .workshop-mobile-controls{display:flex;gap:8px;margin-top:10px}
 .workshop-mobile-controls button{flex:1;min-height:44px;margin:0;padding:9px 8px;border:1px solid var(--line,#d1d8e3);border-radius:4px;background:var(--pale,#f1f4f8);color:var(--navy,#20254f);font:600 13px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
 .workshop-mobile-controls button:focus-visible{outline:2px solid var(--navy,#20254f);outline-offset:2px}
}

/* Match the approved Disenamos scene width at each desktop breakpoint. */
@media(min-width:1101px){#transformamos-el-proyecto .workshop-showcase{width:calc(100% + 32px)}}
@media(min-width:761px) and (max-width:1100px){#transformamos-el-proyecto .workshop-showcase{width:calc(100% + 16px)}}

/* Preserve text clearance inside the enlarged scene monitors. */
.workshop-monitor .workshop-display-inner{padding-top:3cqw}