/* Seis controles completos, con alfa; el mármol sigue siendo el de la sala. */
.preview-stage{min-height:1000px;height:max(100svh,1000px)}
.introduction{top:76px}
.introduction h1{font-size:clamp(26px,2.8vw,36px)}
.accesses,.fallback .accesses{inset:auto 30px 65px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(65px,13vw,210px);max-width:1200px;margin:0 auto;align-items:center}
.access,.fallback .access{position:relative;inset:auto!important;transform:none;display:block;width:100%;max-width:460px;height:auto;aspect-ratio:744/276;min-height:110px;padding:0;justify-self:center;background:none;border:0;border-radius:0;box-shadow:none;text-align:center;overflow:visible;isolation:isolate;--engagement:0}
.access:after{display:none}
.control-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.access .category{position:absolute;left:43%;right:8%;top:23%;display:block;min-height:0;font-size:8px;line-height:1.25;letter-spacing:.13em;color:#ffe1ae;text-shadow:0 1px 2px #000,0 2px 3px #000}
.access .name,.access.product .name{position:absolute;left:43%;right:7%;top:42%;display:flex;align-items:center;justify-content:center;min-height:0;font-size:clamp(16px,1.42vw,21px);font-weight:600;line-height:1.12;letter-spacing:-.035em;color:#fff8ec;text-shadow:0 1px 2px #000,0 0 2px #000;white-space:nowrap}
.access .cta{position:absolute;left:44%;right:8%;top:62%;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;line-height:1;min-height:17px;color:#d4fcff;letter-spacing:.035em}
.access .cta b{font-size:15px;transition:transform .35s ease}
.access:hover .name,.access:focus-visible .name{color:#fff}
.access:hover .cta b,.access:focus-visible .cta b{transform:translate(5px,-2px)}
.access:focus-visible{outline:2px solid #c4f8ff;outline-offset:0;border-radius:60px}
.access.product .category{display:block;font-size:8px;color:#f9d499}
.access[data-area=operador-nocturno] .category{left:46%;top:23%}
.access[data-area=operador-nocturno] .name{left:44%;top:41%}
.access[data-area=operador-nocturno] .cta{left:46%;top:58%}
.access[data-area=diseno-electrico] .category{top:25%;left:46%}
.access[data-area=diseno-electrico] .name{top:41%;left:46%}
.access[data-area=diseno-electrico] .cta{top:57%;left:46%}
.product-label,.fallback .product-label{position:static;left:auto;top:auto!important;transform:none;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 0 2px;margin:0;font-size:8px;letter-spacing:.23em;color:#ffe3b6;white-space:nowrap}
.product-label:before,.product-label:after{content:'';width:min(80px,12vw);height:1px;background:linear-gradient(90deg,transparent,#d6ae6d80)}
.product-label:after{transform:scaleX(-1)}
.bottom{bottom:14px}
.paused .control-art{filter:none}
@media(min-width:1400px){.accesses{bottom:62px;gap:0 180px}.access{max-width:430px}}
@media(min-width:901px) and (max-width:1100px){.accesses{left:18px;right:18px;gap:0 90px}.access .name,.access.product .name{font-size:16px}.access .category,.access.product .category{font-size:7px}}
@media(max-width:900px){
 .preview-stage{min-height:1050px;height:max(100svh,1050px)}
 .accesses,.fallback .accesses{inset:470px 20px auto;max-width:840px;gap:7px 25px;margin:0 auto}
 .access,.fallback .access{max-width:none;min-height:110px;aspect-ratio:744/276}
 .access .name,.access.product .name{font-size:clamp(14px,2.05vw,18px);min-height:0}
 .access .category,.access.product .category{font-size:7px;letter-spacing:.08em}
 .access .cta{font-size:9px;min-height:17px;gap:7px}
 .product-label{padding:9px 0 2px;margin:0}
 .bottom{left:20px;right:20px}
}
@media(max-width:600px){
 .preview-stage{min-height:0;height:max(100svh,calc(550px + min(410px,(100vw - 28px))*2.22581))}
 .accesses,.fallback .accesses{inset:420px 14px auto;max-width:430px;grid-template-columns:minmax(0,1fr);gap:4px 0}
 .access,.fallback .access{width:100%;max-width:410px;min-height:109px}
 .access .name,.access.product .name{font-size:clamp(15px,4.2vw,18px)}
 .access .category,.access.product .category{font-size:7px}
 .access .cta{font-size:10px}
 .product-label{padding:10px 0 3px;grid-column:1}
 .introduction{top:88px}
 .introduction h1{font-size:26px}
 .bottom{left:18px;right:18px;bottom:14px;gap:14px}
 .bottom small{max-width:170px}
}
@media(max-width:390px){.accesses,.fallback .accesses{top:410px}.access{min-height:105px}.access .name,.access.product .name{font-size:15px}.access .category,.access.product .category{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.access .cta b{transition:none}}