{"product_id":"lampara-colgante-kelly-cluster-lodes-esfera-led-diseno-andrea-tosetto","title":"Lámpara Colgante Kelly Cluster LODES | Esfera Escultural LED Ø 18 cm (Diseño Andrea Tosetto)","description":"\n\u003cdiv class=\"product-description-luxury\" style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #1e293b; line-height: 1.7; font-size: 15px;\"\u003e\n  \u003cp style=\"font-size: 18px; font-weight: 400; color: #0f172a; margin-bottom: 24px; line-height: 1.6;\"\u003e\n    \u003cstrong\u003eKelly Cluster\u003c\/strong\u003e reformula brillantemente la intuición creativa de la familia Kelly en una esfera escultural y extremadamente compacta de \u003cstrong\u003eØ 18 cm\u003c\/strong\u003e. Montada de forma individual sobre florón o en múltiples composiciones cluster (rosoni de 3 a 36 caídas), permite crear sugerentes constelaciones luminosas llenas de ligereza y dinamismo.\n  \u003c\/p\u003e\n\n  \n  \u003c!-- COMPONENTE ELEGANTE: ESPECIFICACIÓN LUMÍNICA GET UP DESIGN --\u003e\n\u003cdiv style=\"background: #FAF8F5; border: 1px solid #E8E2D8; border-radius: 6px; padding: 22px 24px; margin: 24px 0 28px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\"\u003e\n  \u003cdiv style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; border-bottom: 1px solid #E8E2D8; padding-bottom: 12px; flex-wrap: wrap; gap: 8px;\"\u003e\n    \u003cdiv\u003e\n      \u003cspan style=\"font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #9E7B56; display: block; margin-bottom: 2px;\"\u003eFUENTE DE LUZ\u003c\/span\u003e\n      \u003cdiv style=\"font-size: 14px; font-weight: 600; color: #1C1B1A; letter-spacing: 0.2px;\"\u003eMódulo LED Escultural Integrado con Difusor Óptico\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"display: flex; align-items: center; gap: 8px;\"\u003e\n      \u003cspan style=\"display: inline-flex; align-items: center; gap: 6px; background: #FFFFFF; border: 1px solid #DED7CD; color: #1C1B1A; font-size: 10.5px; font-weight: 600; padding: 3px 9px; border-radius: 20px; letter-spacing: 0.02em;\"\u003e\n  \u003cspan style=\"width: 7px; height: 7px; border-radius: 50%; background-color: #10b981; display: inline-block;\"\u003e\u003c\/span\u003e\n  LED INCLUIDO\n\u003c\/span\u003e\n      \u003cspan style=\"font-size: 10.5px; color: #55504A; background: #FFFFFF; border: 1px solid #DED7CD; padding: 3px 8px; border-radius: 2px; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 600;\"\u003eOFICIAL LODES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: flex-start; gap: 14px;\"\u003e\n    \u003cdiv style=\"flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #FFFFFF; border: 1px solid #DED7CD; display: flex; align-items: center; justify-content: center; margin-top: 2px;\"\u003e\n      \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9E7B56\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n  \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n  \u003cpath d=\"M12 3v3\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M12 18v3\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M3 12h3\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M18 12h3\"\u003e\u003c\/path\u003e\n  \u003ccircle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#9E7B56\" fill-opacity=\"0.15\"\u003e\u003c\/circle\u003e\n\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"flex: 1;\"\u003e\n      \u003cdiv style=\"font-size: 12.5px; font-weight: 600; color: #1C1B1A; line-height: 1.45; margin-bottom: 3px;\"\u003e\n        Esta luminaria incluye el módulo LED oficial de alta eficiencia de LODES (1× 9W, 900 lm (2700K) \/ 950 lm (3000K), CRI 90) y driver correspondiente.\n      \u003c\/div\u003e\n      \u003cdiv style=\"font-size: 11.5px; color: #615B55; line-height: 1.55;\"\u003e\n        Lista para instalar, no requiere compra de bombillas por separado. Incluye difusor interno de policarbonato blanco translúcido, regulación de fase Triac y florón individual Mini.\n      \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003cdiv style=\"background: #f8fafc; border-left: 4px solid #0f172a; padding: 18px 22px; margin: 28px 0; border-radius: 0 8px 8px 0;\"\u003e\n    \u003cp style=\"margin: 0; font-size: 14px; color: #334155; font-style: italic;\"\u003e\n      «Una esfera ligera y alegre gracias a cortes especiales de láser que crean fascinantes juegos de luz y sombra, disponible en cuatro acabados refinados para realzar cualquier ambiente arquitectónico.» — \u003cem\u003eLODES\u003c\/em\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003ch3 style=\"font-size: 18px; font-weight: 600; color: #0f172a; margin-top: 36px; margin-bottom: 16px; border-bottom: 1px solid #e2e8f0; padding-bottom: 8px;\"\u003e\n    Tecnología LED Integrada de Alta Eficiencia (CRI 90)\n  \u003c\/h3\u003e\n  \u003cp\u003e\n    En su interior, \u003cstrong\u003eKelly Cluster\u003c\/strong\u003e incorpora un módulo LED dedicado de \u003cstrong\u003e7W\u003c\/strong\u003e capaz de generar \u003cstrong\u003e1280 lúmenes\u003c\/strong\u003e con una excepcional reproducción cromática \u003cstrong\u003eCRI 90\u003c\/strong\u003e (MacAdam 3-Step). Su difusor de policarbonato blanco distribuye la luz suavemente hacia abajo y a través de los calados esféricos. Su cable de suspensión de 4 metros proporciona libertad absoluta para techos de cualquier altura.\n  \u003c\/p\u003e\n\n  \u003c!-- ESPECIFICACIONES TÉCNICAS --\u003e\n  \u003ch3 style=\"font-size: 18px; font-weight: 600; color: #0f172a; margin-top: 36px; margin-bottom: 16px; border-bottom: 1px solid #e2e8f0; padding-bottom: 8px;\"\u003e\n    Especificaciones Técnicas y Acabados\n  \u003c\/h3\u003e\n  \u003cdiv style=\"overflow-x: auto; margin-bottom: 30px;\"\u003e\n    \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; text-align: left;\"\u003e\n      \u003ctbody\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569; width: 35%;\"\u003eDiseño\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eAndrea Tosetto (2015) — LODES (Made in Venice, Italy)\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9; background: #f8fafc;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569;\"\u003eEstructura\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eMetal cortado con tecnología láser de alta precisión\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569;\"\u003eDifusor\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eDifusor blanco interno antideslumbrante\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9; background: #f8fafc;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569;\"\u003eMódulo LED Integrado\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eLED 7W | 1280 lm | 350 mA | CRI 90 | MacAdam 3-Step | Driver LED incluido | Clase energética C\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569;\"\u003eDimensiones y Peso\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eEsfera Ø 18 cm | Altura esfera: 18 cm | Peso neto: 1,00 kg\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9; background: #f8fafc;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569;\"\u003eCable de Suspensión\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eCable de alimentación transparente\/negro regulable hasta 400 cm (4,00 m)\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569;\"\u003eInstalación Modular\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eCompatible con rosones individuales (Single Mini \/ Standard) o rosones múltiples LODES Cluster (Round, Rectangular, Track)\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #f1f5f9; background: #f8fafc;\"\u003e\n          \u003ctd style=\"padding: 10px 12px; font-weight: 600; color: #475569;\"\u003eProtección y Certificados\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eIP20 | Marcado CE | EAC | Triac Dimming\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \n\u003c!-- COMPONENTE INTERACTIVO DE PLANO TÉCNICO CON LUPA Y ZOOM HD --\u003e\n\u003cdiv style=\"margin: 40px 0 30px 0;\" class=\"blueprint-interactive-container\" id=\"blueprint-sec-kelly_cluster\"\u003e\n  \u003cdiv style=\"background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\"\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; flex-wrap: wrap; gap: 12px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch3 style=\"margin: 0; font-size: 17px; font-weight: 600; color: #0f172a; letter-spacing: -0.01em;\"\u003e\n\u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8c7158\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align: -2px; margin-right: 6px;\"\u003e\u003cpath d=\"M21.3 8.7 8.7 21.3a1 1 0 0 1-1.4 0L2.7 16.7a1 1 0 0 1 0-1.4L15.3 2.7a1 1 0 0 1 1.4 0l4.6 4.6a1 1 0 0 1 0 1.4z\"\u003e\u003c\/path\u003e\u003cpath d=\"m14.5 3.5 2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"m11.5 6.5 2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"m8.5 9.5 2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"m5.5 12.5 2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003eDimensiones y Especificaciones Técnicas Oficiales\u003c\/h3\u003e\n        \u003cp style=\"margin: 4px 0 0 0; font-size: 13px; color: #64748b;\"\u003eCotización vectorizada CAD con distancias, alturas de suspensión y características eléctricas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"display: flex; gap: 8px;\"\u003e\n        \u003cbutton type=\"button\" onclick=\"window.openLodesModal_kelly_cluster()\" style=\"display: inline-flex; align-items: center; gap: 6px; background: #0f172a; color: #ffffff; border: none; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: background 0.2s;\"\u003e\n          \u003cspan\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align: -1px; margin-right: 4px;\"\u003e\u003ccircle cx=\"11\" cy=\"11\" r=\"8\"\u003e\u003c\/circle\u003e\u003cline x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\u003e\u003c\/line\u003e\u003cline x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\u003e\u003c\/line\u003e\u003c\/svg\u003eAbrir con Lupa HD\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-kelly-cluster-tech.pdf?v=1788862916\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: inline-flex; align-items: center; gap: 6px; background: #ffffff; color: #0f172a; border: 1px solid #cbd5e1; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s;\"\u003e\n          \u003cspan\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align: -1px; margin-right: 4px;\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003cline x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003eDescargar PDF Oficial\u003c\/span\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TARJETA DEL PLANO CON EFECTO HOVER Y LUPA VISUAL --\u003e\n    \u003cdiv style=\"position: relative; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; text-align: center; cursor: pointer;\" onclick=\"window.openLodesModal_kelly_cluster()\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-kelly-cluster-blueprint.jpg?v=1788862911\" alt=\"Plano Técnico LODES Kelly Cluster\" style=\"max-width: 100%; height: auto; display: block; margin: 0 auto; max-height: 480px; object-fit: contain; padding: 16px;\" loading=\"lazy\"\u003e\n      \u003cdiv style=\"position: absolute; bottom: 12px; right: 12px; background: rgba(15, 23, 42, 0.85); color: #ffffff; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 500; display: flex; align-items: center; gap: 6px; backdrop-filter: blur(4px);\"\u003e\n        \u003cspan\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align: -1px; margin-right: 4px;\"\u003e\u003ccircle cx=\"11\" cy=\"11\" r=\"8\"\u003e\u003c\/circle\u003e\u003cline x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\u003e\u003c\/line\u003e\u003cline x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\u003e\u003c\/line\u003e\u003c\/svg\u003eHaz clic para abrir con Lupa y Zoom HD\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POP-UP MODAL LIGHTBOX CON LUPA, ZOOM PROFUNDO HASTA 4.2X Y ARRASTRE (PAN) --\u003e\n  \u003cdiv id=\"lodes-kelly_cluster-modal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(15, 23, 42, 0.92); z-index: 9999999; flex-direction: column; justify-content: space-between; backdrop-filter: blur(8px);\"\u003e\n    \u003cdiv style=\"background: #ffffff; padding: 12px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e2e8f0; box-shadow: 0 2px 4px rgba(0,0,0,0.05); z-index: 2;\"\u003e\n      \u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n        \u003cspan style=\"font-weight: 600; font-size: 15px; color: #0f172a;\"\u003eLODES — Kelly Cluster (Plano CAD Oficial)\u003c\/span\u003e\n        \u003cspan style=\"font-size: 11px; font-weight: 600; color: #2563eb; background: #eff6ff; border: 1px solid #bfdbfe; padding: 2px 8px; border-radius: 4px;\"\u003e600 DPI VECTOR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"display: flex; align-items: center; gap: 10px;\"\u003e\n        \u003cdiv style=\"display: flex; align-items: center; background: #f1f5f9; border-radius: 6px; padding: 3px; gap: 2px;\"\u003e\n          \u003cbutton type=\"button\" onclick=\"window.zoomOutLodes_kelly_cluster()\" title=\"Reducir\" style=\"width: 28px; height: 28px; background: transparent; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; color: #334155;\"\u003e−\u003c\/button\u003e\n          \u003cspan id=\"zoom-level-text-kelly_cluster\" style=\"font-size: 12px; font-weight: 600; color: #0f172a; min-width: 44px; text-align: center;\"\u003e100%\u003c\/span\u003e\n          \u003cbutton type=\"button\" onclick=\"window.zoomInLodes_kelly_cluster()\" title=\"Aumentar\" style=\"width: 28px; height: 28px; background: transparent; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; color: #334155;\"\u003e+\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" onclick=\"window.setZoomLodes_kelly_cluster(2.0)\" title=\"Lupa 2x\" style=\"padding: 0 10px; height: 28px; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 12px; font-weight: 600; color: #334155; cursor: pointer;\"\u003e2x\u003c\/button\u003e\n        \u003cbutton type=\"button\" onclick=\"window.setZoomLodes_kelly_cluster(3.2)\" title=\"Lupa Máxima 3.2x\" style=\"padding: 0 10px; height: 28px; background: #eff6ff; border: 1px solid #3b82f6; border-radius: 5px; font-size: 12px; font-weight: 600; color: #1d4ed8; cursor: pointer;\"\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align: -1px; margin-right: 4px;\"\u003e\u003ccircle cx=\"11\" cy=\"11\" r=\"8\"\u003e\u003c\/circle\u003e\u003cline x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\u003e\u003c\/line\u003e\u003cline x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\u003e\u003c\/line\u003e\u003c\/svg\u003eLupa 3.2x\u003c\/button\u003e\n        \u003cbutton type=\"button\" onclick=\"window.resetZoomLodes_kelly_cluster()\" title=\"Restablecer\" style=\"padding: 0 10px; height: 28px; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 12px; font-weight: 500; color: #334155; cursor: pointer;\"\u003e1:1\u003c\/button\u003e\n        \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-kelly-cluster-tech.pdf?v=1788862916\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: inline-flex; align-items: center; gap: 4px; background: #0f172a; color: #ffffff; text-decoration: none; padding: 0 12px; height: 28px; border-radius: 5px; font-size: 12px; font-weight: 500;\"\u003e\n          \u003cspan\u003eDescargar PDF Oficial\u003c\/span\u003e\n        \u003c\/a\u003e\n        \u003cbutton type=\"button\" onclick=\"window.closeLodesModal_kelly_cluster()\" style=\"width: 32px; height: 32px; background: #f1f5f9; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; color: #475569; margin-left: 6px;\"\u003e✕\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Área interactiva con arrastre e imagen HD --\u003e\n    \u003cdiv id=\"blueprint-viewport-kelly_cluster\" style=\"flex: 1; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; cursor: grab; user-select: none;\"\u003e\n      \u003cdiv id=\"blueprint-drag-container-kelly_cluster\" style=\"transform-origin: center center; transition: transform 0.08s ease-out; display: inline-block;\"\u003e\n        \u003cimg id=\"blueprint-img-zoom-kelly_cluster\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-kelly-cluster-blueprint.jpg?v=1788862911\" alt=\"Plano HD LODES\" style=\"max-height: 82vh; max-width: 90vw; width: auto; height: auto; object-fit: contain; pointer-events: none; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); background: #ffffff; border-radius: 4px;\" draggable=\"false\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: rgba(15, 23, 42, 0.95); padding: 8px 24px; text-align: center; font-size: 12px; color: #94a3b8; border-top: 1px solid rgba(255,255,255,0.1); z-index: 2; display: flex; justify-content: center; gap: 20px;\"\u003e\n      \u003cspan\u003e\u003cspan style=\"display:inline-block; width:4px; height:4px; border-radius:50%; background:#8c7158; vertical-align:middle; margin-right:6px;\"\u003e\u003c\/span\u003e\u003cb\u003eHaz clic\u003c\/b\u003e para alternar lupa (zoom)\u003c\/span\u003e\n      \u003cspan\u003e\u003cspan style=\"display:inline-block; width:4px; height:4px; border-radius:50%; background:#8c7158; vertical-align:middle; margin-right:6px;\"\u003e\u003c\/span\u003e\u003cb\u003eRueda del ratón\u003c\/b\u003e para zoom continuo (hasta 420%)\u003c\/span\u003e\n      \u003cspan\u003e\u003cspan style=\"display:inline-block; width:4px; height:4px; border-radius:50%; background:#8c7158; vertical-align:middle; margin-right:6px;\"\u003e\u003c\/span\u003e\u003cb\u003eArrastra\u003c\/b\u003e para desplazarte por el plano\u003c\/span\u003e\n      \u003cspan\u003e\u003cspan style=\"display:inline-block; width:4px; height:4px; border-radius:50%; background:#8c7158; vertical-align:middle; margin-right:6px;\"\u003e\u003c\/span\u003e\u003cb\u003eEsc\u003c\/b\u003e para cerrar\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function() {\n      var modal = document.getElementById('lodes-kelly_cluster-modal');\n      function ensureModalInBody() {\n        if (modal \u0026\u0026 modal.parentElement !== document.body) {\n          document.body.appendChild(modal);\n        }\n      }\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', ensureModalInBody);\n      } else {\n        ensureModalInBody();\n      }\n\n      var currentZoom = 1.0;\n      var panX = 0;\n      var panY = 0;\n      var isDragging = false;\n      var startX = 0, startY = 0;\n      var downX = 0, downY = 0;\n      var downTime = 0;\n\n      var viewport = document.getElementById('blueprint-viewport-kelly_cluster');\n      var container = document.getElementById('blueprint-drag-container-kelly_cluster');\n      var zoomText = document.getElementById('zoom-level-text-kelly_cluster');\n\n      function updateTransform() {\n        container.style.transform = 'translate(' + panX + 'px, ' + panY + 'px) scale(' + currentZoom + ')';\n        zoomText.innerText = Math.round(currentZoom * 100) + '%';\n      }\n\n      window.openLodesModal_kelly_cluster = function() {\n        ensureModalInBody();\n        modal.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n        currentZoom = 1.0;\n        panX = 0;\n        panY = 0;\n        updateTransform();\n      };\n\n      window.closeLodesModal_kelly_cluster = function() {\n        modal.style.display = 'none';\n        document.body.style.overflow = '';\n      };\n\n      window.zoomInLodes_kelly_cluster = function() {\n        currentZoom = Math.min(currentZoom + 0.35, 4.2);\n        updateTransform();\n      };\n\n      window.zoomOutLodes_kelly_cluster = function() {\n        currentZoom = Math.max(currentZoom - 0.35, 0.7);\n        if (currentZoom \u003c= 1.0) { panX = 0; panY = 0; }\n        updateTransform();\n      };\n\n      window.setZoomLodes_kelly_cluster = function(val) {\n        currentZoom = val;\n        panX = 0;\n        panY = 0;\n        updateTransform();\n      };\n\n      window.resetZoomLodes_kelly_cluster = function() {\n        currentZoom = 1.0;\n        panX = 0;\n        panY = 0;\n        updateTransform();\n      };\n\n      viewport.addEventListener('mousedown', function(e) {\n        if (e.target.tagName === 'BUTTON' || e.target.tagName === 'A') return;\n        isDragging = true;\n        startX = e.clientX - panX;\n        startY = e.clientY - panY;\n        downX = e.clientX;\n        downY = e.clientY;\n        downTime = Date.now();\n        viewport.style.cursor = 'grabbing';\n      });\n\n      window.addEventListener('mousemove', function(e) {\n        if (!isDragging) return;\n        panX = e.clientX - startX;\n        panY = e.clientY - startY;\n        updateTransform();\n      });\n\n      window.addEventListener('mouseup', function(e) {\n        if (!isDragging) return;\n        isDragging = false;\n        viewport.style.cursor = 'grab';\n        var dist = Math.hypot(e.clientX - downX, e.clientY - downY);\n        var time = Date.now() - downTime;\n        if (dist \u003c 6 \u0026\u0026 time \u003c 450 \u0026\u0026 modal.style.display === 'flex') {\n          if (currentZoom \u003c 1.8) {\n            currentZoom = 2.4;\n          } else if (currentZoom \u003c 3.0) {\n            currentZoom = 3.6;\n          } else {\n            currentZoom = 1.0;\n            panX = 0;\n            panY = 0;\n          }\n          updateTransform();\n        }\n      });\n\n      viewport.addEventListener('wheel', function(e) {\n        e.preventDefault();\n        var delta = e.deltaY * -0.0018;\n        currentZoom = Math.min(Math.max(0.7, currentZoom + delta), 4.2);\n        if (currentZoom \u003c= 1.0) { panX = 0; panY = 0; }\n        updateTransform();\n      }, { passive: false });\n\n      window.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' \u0026\u0026 modal.style.display === 'flex') {\n          window.closeLodesModal_kelly_cluster();\n        }\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"LODES","offers":[{"title":"Nero Opaco - Negro Mate 9005 \/ 2700K - Luz Cálida","offer_id":59336571126105,"sku":"14711 2027","price":469.48,"currency_code":"EUR","in_stock":true},{"title":"Nero Opaco - Negro Mate 9005 \/ 3000K - Blanco Cálido","offer_id":59336571158873,"sku":"14711 2030","price":469.48,"currency_code":"EUR","in_stock":true},{"title":"Champagne Opaco - Champagne Mate \/ 2700K - Luz Cálida","offer_id":59336571191641,"sku":"14711 4527","price":487.63,"currency_code":"EUR","in_stock":true},{"title":"Champagne Opaco - Champagne Mate \/ 3000K - Blanco Cálido","offer_id":59336571224409,"sku":"14711 4530","price":487.63,"currency_code":"EUR","in_stock":true},{"title":"Natural Brown - Testa di Moro \/ 2700K - Luz Cálida","offer_id":59336571257177,"sku":"14711 6927","price":487.63,"currency_code":"EUR","in_stock":true},{"title":"Natural Brown - Testa di Moro \/ 3000K - Blanco Cálido","offer_id":59336571289945,"sku":"14711 6930","price":487.63,"currency_code":"EUR","in_stock":true},{"title":"Bianco Opaco - Blanco Mate 9010 \/ 2700K - Luz Cálida","offer_id":59336571322713,"sku":"14711 1027","price":469.48,"currency_code":"EUR","in_stock":true},{"title":"Bianco Opaco - Blanco Mate 9010 \/ 3000K - Blanco Cálido","offer_id":59336571355481,"sku":"14711 1030","price":469.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/files\/Kelly-Cluster-Black.avif?v=1788863082","url":"https:\/\/getupdesign.es\/en\/products\/lampara-colgante-kelly-cluster-lodes-esfera-led-diseno-andrea-tosetto","provider":"Get Up \u0026 design interiorismo","version":"1.0","type":"link"}