.services-industrial{background:#f1f4f8;padding-block:90px 96px}
.services-industrial .section-head{gap:40px;align-items:flex-end;margin-bottom:34px}
.services-industrial .section-head h2{font-size:clamp(3rem,5vw,4.7rem)}
.services-industrial .section-head p{max-width:390px;font-size:1rem;line-height:1.65}
.industrial-explorer{position:relative;border-radius:12px;background:#03243b;color:#fff;box-shadow:0 22px 60px #03243b16;isolation:isolate}
.industrial-stage{position:relative;aspect-ratio:3840/2160;overflow:hidden;border-radius:12px 12px 0 0;isolation:isolate;background:#c9cfd2}
.industrial-image,.scene-focus{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.industrial-image{transition:filter 1.2s cubic-bezier(.4,0,.2,1)}
.scene-focus{z-index:1;opacity:0;filter:brightness(1.1);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:luminance;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}
.industrial-explorer.has-selection .industrial-image{filter:brightness(.88)}
.industrial-explorer.has-selection .scene-focus.is-lit{opacity:1}
.industrial-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#03243b28,transparent 33%,transparent 65%,#03243b45);z-index:2}
.scene-caption{position:absolute;left:25px;top:23px;z-index:3;display:flex;align-items:center;gap:12px;padding:9px 14px;background:#03243bc9;border:1px solid #ffffff38;backdrop-filter:blur(12px);border-radius:5px;font-size:.875rem;line-height:1.5;pointer-events:none}
.scene-desktop-hint{display:inline}.scene-touch-hint{display:none}
.scene-caption-mark{width:16px;height:16px;position:relative;flex-shrink:0;border:1px solid #ffc0a3;border-radius:50%}
.scene-caption-mark:before,.scene-caption-mark:after{content:'';position:absolute;background:#ffc0a3}
.scene-caption-mark:before{left:6px;top:3px;width:2px;height:8px}.scene-caption-mark:after{top:6px;left:3px;height:2px;width:8px}
.scene-pin{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%) scale(1);transform-origin:center;z-index:4;display:flex;align-items:center;gap:9px;border:1px solid #ffffffa1;border-radius:50px;padding:5px 17px 5px 5px;background:#03243be6;color:#fff;box-shadow:0 6px 24px #03243b33;font-size:.9375rem;font-weight:700;line-height:1.35;white-space:nowrap;text-align:left;text-decoration:none;transition:transform .32s cubic-bezier(.22,.8,.28,1),background .3s ease,box-shadow .3s ease;backdrop-filter:blur(10px)}
.scene-pin-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#b85c38;color:#fff;font-weight:800;font-size:.875rem;flex-shrink:0}
.scene-pin:after{content:'';position:absolute;left:20px;top:calc(100% + 1px);height:26px;width:1px;background:#ffffffc9;pointer-events:none}
.scene-pin:before{content:'';position:absolute;left:17px;top:calc(100% + 24px);width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #e0653445;pointer-events:none}
.scene-pin:hover,.scene-pin.is-active{background:#03243b;box-shadow:0 7px 28px #03243b4a;border-color:#ffb58f}
.scene-pin:hover,.scene-pin:focus-visible{transform:translate(-50%,-50%) scale(1.09);z-index:6}
.scene-pin.is-active .scene-pin-number{background:#b84b28;box-shadow:0 0 0 4px #e3683738}
.scene-pin:focus-visible{outline:3px solid #fff;outline-offset:5px}
.scene-info{position:absolute;z-index:5;bottom:24px;right:26px;width:min(322px,31%);padding:24px;background:#03243bf2;border:1px solid #ffffff35;border-radius:10px;backdrop-filter:blur(15px);box-shadow:0 16px 40px #01182730;color:#fff}
.scene-info[data-side=left]{left:26px;right:auto}
.scene-info[hidden]{display:none}
.scene-info-heading{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.scene-info-number{font-size:.875rem;font-weight:800;color:#ffad83;letter-spacing:.05em;align-self:flex-start;padding-top:3px}
.scene-info h3{font-family:var(--display);font-size:2.15rem;font-weight:600;line-height:1.08;margin:0;color:#fff}
.scene-info-question{font-size:1rem;line-height:1.55;font-weight:600;margin:0 0 10px;color:#fff}
.scene-info-description{color:#d2dfeb;font-size:.9375rem;line-height:1.65;margin:0 0 21px}
.scene-service-link{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:11px 21px;background:#b85c38;border:1px solid #d88767;border-radius:4px;color:#fff;font-size:.875rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background .2s}
.scene-service-link:hover{background:#984529}
.scene-service-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.scene-service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 22px;border-radius:0 0 12px 12px;background:#03243b}
.scene-service-select{display:flex;align-items:center;gap:13px;min-height:90px;padding:18px 23px;border:0;border-top:3px solid transparent;border-right:1px solid #ffffff16;text-align:left;text-decoration:none;background:transparent;color:#dce5ed;font-size:.9375rem;font-weight:600;line-height:1.45;transition:background .25s,color .25s,border-color .25s}
.scene-service-select:last-child{border-right:0}
.scene-service-select>span:first-child{color:#b4c8d6;font-size:.8125rem;font-weight:800}
.scene-service-select:hover,.scene-service-select.is-active{color:#fff;background:#ffffff08;border-top-color:#e36837}
.scene-service-select.is-active>span:first-child{color:#ffad83}
.scene-service-select:focus-visible{outline:2px solid #fff;outline-offset:-5px;border-radius:3px}
.scene-no-js{padding:20px 24px;margin:0;color:#dce5ed;font-size:1rem}
@media(min-width:1440px){.services-industrial>.wrap{width:min(1376px,calc(100% - 96px))}}
@media(max-width:1100px){.scene-pin{font-size:.875rem;padding-right:12px;gap:6px}.scene-pin-number{width:31px;height:31px;font-size:.8125rem}.scene-info{width:290px;right:20px;bottom:20px;padding:20px}.scene-info[data-side=left]{left:20px}.scene-info h3{font-size:1.85rem}.scene-info-description{font-size:.875rem;line-height:1.55}.scene-info-question{font-size:.9375rem}.scene-service-select{padding:17px 12px;gap:10px;font-size:.875rem}.scene-service-strip{padding-inline:12px}}
@media(max-width:850px){.services-industrial{padding-block:64px}.services-industrial .section-head{gap:20px;align-items:flex-start;flex-direction:column;margin-bottom:27px}.services-industrial .section-head p{max-width:570px}.scene-caption{left:15px;top:15px;font-size:.8125rem;padding:7px 10px}.industrial-stage{overflow:visible;aspect-ratio:auto;padding-top:56.25%;background:#03243b}.industrial-stage:after{height:calc(var(--image-height,100%));bottom:auto;aspect-ratio:3840/2160}.industrial-image,.scene-focus{height:auto;aspect-ratio:3840/2160;object-fit:contain;border-radius:12px 12px 0 0}.scene-pin{top:calc(var(--y)*var(--pin-unit));padding:4px 10px 4px 4px;font-size:.875rem;gap:6px}.scene-pin-number{width:28px;height:28px;font-size:.75rem}.scene-pin:after{left:16px;height:17px}.scene-pin:before{left:13px;top:calc(100% + 15px)}.scene-info{position:relative;inset:auto!important;width:100%;padding:25px;border:0;border-radius:0;box-shadow:none;background:#03243b}.scene-info h3{font-size:2rem}.scene-info-description{max-width:610px;font-size:1rem;margin-bottom:18px}.scene-info-question{font-size:1rem}.scene-service-strip{border-top:1px solid #ffffff20}.scene-service-select{min-height:85px;gap:8px}}
@media(max-width:560px){.services-industrial{padding-block:54px}.services-industrial>.wrap{width:calc(100% - 32px)}.services-industrial .section-head h2{font-size:3rem}.services-industrial .section-head .eyebrow{font-size:.8125rem;margin-bottom:14px}.scene-caption{left:10px;top:10px;font-size:.75rem;padding:5px 8px;gap:8px}.scene-caption-mark{width:14px;height:14px}.scene-caption-mark:before{left:5px;top:2px}.scene-caption-mark:after{top:5px;left:2px}.scene-desktop-hint{display:none}.scene-touch-hint{display:inline}.scene-pin{width:44px;height:44px;padding:4px;border-radius:50%;justify-content:center;gap:0}.scene-pin-label{display:none}.scene-pin-number{width:33px;height:33px;font-size:.875rem}.scene-pin:before,.scene-pin:after{display:none}.scene-service-strip{padding-inline:7px}.scene-service-select{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:92px;padding:12px 10px;font-size:.8125rem}.scene-info{padding:23px 21px}.scene-info h3{font-size:1.95rem}.scene-info-description{font-size:1rem;line-height:1.6}.scene-service-link{min-width:104px}}
@media(hover:none),(pointer:coarse){.scene-desktop-hint{display:none}.scene-touch-hint{display:inline}}
@media(max-width:560px){
 .scene-pin{width:clamp(132px,44%,168px);height:auto;min-height:44px;padding:6px 8px;border-radius:8px;justify-content:flex-start;gap:7px;white-space:normal}
 .scene-pin-label{display:block;min-width:0;font-size:.875rem;line-height:1.3;overflow-wrap:anywhere}
 .scene-pin-number{width:28px;height:28px;font-size:.875rem}
 .scene-pin[data-scene-service=acero]{left:25%}
 .scene-pin[data-scene-service=racks]{left:75%;top:calc(39*var(--pin-unit))}
 .scene-pin[data-scene-service=pisos]{left:49%;top:calc(84*var(--pin-unit))}
 .scene-pin:hover,.scene-pin:focus-visible{transform:translate(-50%,-50%) scale(1.04)}
}
@media(prefers-reduced-motion:reduce){.industrial-image,.scene-pin,.scene-focus,.scene-service-select{transition:none}.scene-pin:hover,.scene-pin:focus-visible{transform:translate(-50%,-50%)}}
