.service-floorplan{position:absolute;inset:0;isolation:isolate;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:26px 18px;background:#172645}.service-floorplan .service-floorplan-setting{object-fit:cover;object-position:center;opacity:.17;filter:blur(2px);z-index:-2}.service-floorplan:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#1637777a,#0c1525ad);z-index:-1}.service-floorplan-intro{text-align:center}.service-floorplan-intro>span{display:block;color:#b7cef7;font-size:8px;letter-spacing:.16em;margin-bottom:10px}.service-floorplan-intro>strong{font-size:clamp(19px,1.9vw,27px);font-weight:400;letter-spacing:-.04em}.service-floorplan-tablet{position:relative;width:100%;padding:12px 15px;border:1px solid #8a92a0;border-radius:25px;background:linear-gradient(135deg,#333941,#070a10 40%,#333942);box-shadow:0 22px 42px #0008,inset 0 1px 1px #fff6}.service-floorplan-tablet:before{content:"";position:absolute;width:4px;height:4px;left:5px;top:50%;border-radius:50%;background:#1a243b;box-shadow:0 0 0 1px #000}.service-floorplan-screen{aspect-ratio:4/3;display:grid;grid-template-rows:30px minmax(0,1fr) 29px;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 0 0,#2b42c0,transparent 75%),linear-gradient(140deg,#152b80,#172644);color:#edf4ff}.service-floorplan-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;border-bottom:1px solid #ffffff25}.service-floorplan .service-floorplan-header img{width:75px;height:auto;object-fit:contain}.service-floorplan-header>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#c0d5f9}.service-floorplan-header small{padding:2px 4px;border:1px solid #c5d9ff40;border-radius:4px;font-size:7px}.service-floorplan-dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);min-height:0}.service-floorplan-map-area{display:grid;grid-template-rows:29px minmax(0,1fr);min-width:0;min-height:0}.service-floorplan-controls{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 5px 0}.service-floorplan button{appearance:none;font:inherit;cursor:pointer;color:#e9f2ff;border:1px solid #b4cdff38;background:#ffffff09;border-radius:7px}.service-floorplan-controls button{font-size:8px;min-height:25px;padding:4px 8px}.service-floorplan button[aria-pressed=true]{background:#9fc8ff2a;border-color:#c1d9ff80}.service-floorplan button:hover{background:#9fc8ff25}.service-floorplan button:focus-visible,.service-floorplan-bottom a:focus-visible{outline:2px solid #d7e8ff;outline-offset:2px}.service-floorplan-canvas{position:relative;min-height:0;margin:0 0 5px;isolation:isolate}.service-floorplan .service-floorplan-canvas img{object-fit:contain;object-position:center}.service-floorplan-light{pointer-events:none;mix-blend-mode:screen;transition:opacity .35s ease}.service-floorplan-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:8px 10px 8px 4px}.service-floorplan-panel-label{display:block;font-size:6px;letter-spacing:.15em;color:#a8c9ff}.service-floorplan-panel>strong{display:block;font-size:12px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:0 0 8px}.service-page .service-floorplan-panel>p{font-size:8px;line-height:1.2;margin:9px 0 3px;color:#d5e5ff}.service-floorplan-zones{display:grid;gap:1px}.service-floorplan-zones button{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:28px;padding:3px 0;border:0;border-bottom:1px solid #ffffff15;border-radius:0;text-align:left;font-size:9px}.service-floorplan-zones i{position:relative;display:block;width:22px;height:12px;border-radius:20px;background:#7384a76b;flex-shrink:0;transition:background .2s}.service-floorplan-zones i:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#d4e5ff;left:2px;top:2px;transition:transform .2s}.service-floorplan-zones [aria-checked=true] i{background:#8ab9ff}.service-floorplan-zones [aria-checked=true] i:before{transform:translateX(10px);background:#fff}.service-floorplan-scene-label{margin:7px 0 5px;line-height:1}.service-floorplan-scenes{display:grid;grid-template-columns:1fr 1fr;gap:4px}.service-floorplan-scenes button{min-height:27px;font-size:8px;padding:4px 3px}.service-page .service-floorplan-panel>p.service-floorplan-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.service-floorplan-systems{display:flex;justify-content:space-evenly;align-items:center;padding:5px;border-top:1px solid #ffffff25;background:#09143120}.service-floorplan-systems>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#c6dafa}.service-floorplan-systems svg{width:11px;height:11px}.service-floorplan-bottom{text-align:center}.service-page .service-floorplan-bottom p{font-size:10px;color:#c1d4ef;line-height:1.5;margin:0 0 8px}.service-floorplan-bottom a{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#eef5ff;border-bottom:1px solid #a6c6ff70;padding-bottom:4px}@media(max-width:1100px) and (min-width:761px){.service-page[data-service=automatizacion-integral] .service-visual>div{aspect-ratio:3/4}.service-floorplan{padding:23px 9px;gap:16px}.service-floorplan-tablet{padding:10px;border-radius:20px}.service-floorplan-panel{padding-top:6px}.service-floorplan-screen{grid-template-rows:26px minmax(0,1fr) 25px;aspect-ratio:1.13}.service-floorplan-header{padding-inline:7px}.service-floorplan-header>span{font-size:7px;gap:3px}.service-floorplan .service-floorplan-header img{width:60px}.service-floorplan-intro>strong{font-size:20px}}@media(max-width:760px){.service-floorplan{padding:20px 10px;gap:14px}.service-floorplan-tablet{padding:11px;border-radius:22px}.service-floorplan-screen{aspect-ratio:1.18;grid-template-rows:28px minmax(0,1fr) 27px}.service-floorplan-intro>strong{font-size:23px}.service-floorplan-header{padding-inline:7px}.service-floorplan-header>span{font-size:7px;gap:4px}.service-floorplan .service-floorplan-header img{width:67px}.service-floorplan-panel{padding:8px 7px 8px 3px}.service-floorplan-panel>strong{font-size:12px}.service-floorplan-scenes button,.service-floorplan-zones button{min-height:28px}}@media(max-width:540px){.service-page[data-service=automatizacion-integral] .service-visual>div{aspect-ratio:4/5.3;min-height:390px}}@media(min-width:541px) and (max-width:760px){.service-floorplan-screen{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.service-floorplan-light,.service-floorplan-zones i,.service-floorplan-zones i:before{transition:none}}