{"product_id":"lampara-colgante-kelly-sphere-lodes-esfera-diseno-andrea-tosetto","title":"Lámpara Colgante Kelly Sphere LODES | Esfera Metal Cortado a Láser (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    Una esfera perfecta calada con maestría artesanal e ingeniería de vanguardia. La lámpara de suspensión \u003cstrong\u003eKelly Sphere\u003c\/strong\u003e, creada por \u003cstrong\u003eAndrea Tosetto\u003c\/strong\u003e para \u003cstrong\u003eLODES\u003c\/strong\u003e, viste los espacios con una presencia tridimensional imponente y etérea a la vez. Sus incisiones láser proyectan un sutil y sofisticado patrón de sombras y haces dorados.\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;\"\u003eCasquillos Reforzados E27 con Difusor Opalino Interno\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: #f59e0b; display: inline-block;\"\u003e\u003c\/span\u003e\n  BOMBILLA NO INCLUIDA\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=\"M9 18h6\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M10 21h4\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M12 4a5 5 0 0 0-5 5c0 1.85 1 3.47 2.5 4.33V15a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1.67C16 12.47 17 10.85 17 9a5 5 0 0 0-5-5z\"\u003e\u003c\/path\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 equipa casquillos para 3× bombillas LED E27 (máx. 25W cada una). Bombillas no incluidas de origen por el fabricante.\n      \u003c\/div\u003e\n      \u003cdiv style=\"font-size: 11.5px; color: #615B55; line-height: 1.55;\"\u003e\n        Permite seleccionar libremente bombillas de 2700K (cálido íntimo) o 3000K (cálido natural). Incluye difusor de cristal blanco soplado que proporciona un confort visual absoluto.\n      \u003c\/div\u003e\n      \u003cdiv style=\"margin-top: 14px; padding: 14px 16px; background: #FFFFFF; border: 1px solid #DED7CD; border-radius: 6px;\"\u003e\n  \u003cdiv style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; border-bottom: 1px solid #F0ECE4; padding-bottom: 8px;\"\u003e\n    \u003cspan style=\"font-size: 11px; font-weight: 700; color: #9E7B56; letter-spacing: 0.6px; text-transform: uppercase;\"\u003e\n      BOMBILLAS COMPATIBLES RECOMENDADAS\n    \u003c\/span\u003e\n    \u003cspan style=\"font-size: 10.5px; color: #55504A; background: #FAF8F5; border: 1px solid #DED7CD; padding: 2px 7px; border-radius: 2px; font-weight: 600;\"\u003e\n      AÑADIR A LA COMPRA\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; padding: 10px 0 2px 0; gap: 12px; flex-wrap: wrap;\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv style=\"font-size: 12.5px; font-weight: 600; color: #1C1B1A;\"\u003eBombilla LED E27 7W (750 lm) — Ref. B211\/7\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 11px; color: #615B55;\"\u003e2700K Blanco Cálido · Casquillo estándar E27 (requiere 3× para Ø50\/60 cm o 4× para Ø80 cm)\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-left: auto;\"\u003e\n      \u003cspan style=\"font-size: 14px; font-weight: 700; color: #1C1B1A;\"\u003e8,47 € \/ ud\u003c\/span\u003e\n      \u003cbutton type=\"button\" onclick=\"addLodesBulbToCart(this, '59175482556761')\" style=\"background: #1C1B1A; color: #FFFFFF; border: none; border-radius: 4px; padding: 7px 14px; font-size: 11.5px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s ease;\" onmouseover=\"this.style.background='#9E7B56';\" onmouseout=\"this.style.background='#1C1B1A';\"\u003e\n        \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"9\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"20\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003cpath d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan\u003eAñadir a la cesta\u003c\/span\u003e\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\nif (typeof window.addLodesBulbToCart === 'undefined') {\n  window.addLodesBulbToCart = function(btn, variantId) {\n    var origText = btn.innerHTML;\n    btn.disabled = true;\n    btn.innerHTML = 'Añadiendo...';\n    fetch('\/cart\/add.js', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n      body: JSON.stringify({ items: [{ id: parseInt(variantId), quantity: 1 }] })\n    })\n    .then(function(r) { return r.json(); })\n    .then(function(data) {\n      btn.innerHTML = '✓ ¡Añadida!';\n      btn.style.background = '#16A34A';\n      document.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true }));\n      document.dispatchEvent(new CustomEvent('cart:updated', { bubbles: true }));\n      var drawer = document.querySelector('cart-drawer, .cart-drawer, cart-notification');\n      if (drawer \u0026\u0026 typeof drawer.open === 'function') {\n        drawer.open();\n      }\n      setTimeout(function() {\n        btn.innerHTML = origText;\n        btn.disabled = false;\n        btn.style.background = '#1C1B1A';\n      }, 3000);\n    })\n    .catch(function(err) {\n      btn.innerHTML = 'Error al añadir';\n      setTimeout(function() {\n        btn.innerHTML = origText;\n        btn.disabled = false;\n      }, 2000);\n    });\n  };\n}\n\u003c\/script\u003e\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      «La esfera cerrada de Kelly crea una sensación de ligereza visual total gracias al corte de luz continuo, transformando una pieza metálica sólida en una escultura luminosa suspendida en el aire.» — \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    Esfera Completa y Doble Difusión Luminosa\n  \u003c\/h3\u003e\n  \u003cp\u003e\n    A diferencia de la versión Dome abierta, \u003cstrong\u003eKelly Sphere\u003c\/strong\u003e envuelve la fuente de luz en una esfera metálica completa de 40, 50 u 80 cm de diámetro. En su núcleo, una segunda esfera de vidrio soplado blanco brillante garantiza que no exista ningún punto de deslumbramiento, distribuyendo 360° de luz ambiental refinada. Su acabado exclusivo \u003cstrong\u003eBronzo Ramato (Coppery Bronze)\u003c\/strong\u003e aporta una calidez cromática excepcional idónea para salones aristocráticos, huecos de escalera y espacios de doble 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 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;\"\u003eEsfera de metal cortada con tecnología láser y acabado Bronzo Ramato (Coppery Bronze)\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;\"\u003eVidrio soplado blanco brillante esférico\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;\"\u003eFuente de Luz\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003e3 × E27 LED máx 25W (bombillas no incluidas, compatible con bombillas LED regulables)\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;\"\u003eMedidas y Pesos\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003e\n            • \u003cstrong\u003eSphere 40:\u003c\/strong\u003e Ø 40 cm | Altura: 40 cm | Peso neto: 5,50 kg\u003cbr\u003e\n            • \u003cstrong\u003eSphere 50:\u003c\/strong\u003e Ø 50 cm | Altura: 50 cm | Peso neto: 9,00 kg\u003cbr\u003e\n            • \u003cstrong\u003eSphere 80:\u003c\/strong\u003e Ø 80 cm | Altura: 80 cm | Peso neto: 15,00 kg\n          \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;\"\u003eFlorón y Suspensión\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eFlorón a juego Ø 17,5 cm incluido. Cable de acero y alimentación regulable hasta 250 cm\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;\"\u003eProtección y Certificados\u003c\/td\u003e\n          \u003ctd style=\"padding: 10px 12px; color: #0f172a;\"\u003eIP20 | Marcado CE | EAC\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_sphere\"\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_sphere()\" 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-sphere-tech.pdf?v=1788862914\" 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_sphere()\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-kelly-sphere-blueprint.jpg?v=1788862909\" alt=\"Plano Técnico LODES Kelly Sphere\" 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_sphere-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 Sphere (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_sphere()\" 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_sphere\" 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_sphere()\" 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_sphere(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_sphere(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_sphere()\" 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-sphere-tech.pdf?v=1788862914\" 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_sphere()\" 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_sphere\" 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_sphere\" style=\"transform-origin: center center; transition: transform 0.08s ease-out; display: inline-block;\"\u003e\n        \u003cimg id=\"blueprint-img-zoom-kelly_sphere\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-kelly-sphere-blueprint.jpg?v=1788862909\" 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_sphere-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_sphere');\n      var container = document.getElementById('blueprint-drag-container-kelly_sphere');\n      var zoomText = document.getElementById('zoom-level-text-kelly_sphere');\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_sphere = 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_sphere = function() {\n        modal.style.display = 'none';\n        document.body.style.overflow = '';\n      };\n\n      window.zoomInLodes_kelly_sphere = function() {\n        currentZoom = Math.min(currentZoom + 0.35, 4.2);\n        updateTransform();\n      };\n\n      window.zoomOutLodes_kelly_sphere = 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_sphere = function(val) {\n        currentZoom = val;\n        panX = 0;\n        panY = 0;\n        updateTransform();\n      };\n\n      window.resetZoomLodes_kelly_sphere = 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_sphere();\n        }\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"LODES","offers":[{"title":"Small Ø 40 cm \/ Bronzo Ramato - Coppery Bronze","offer_id":59336569880921,"sku":"14122 3500","price":1136.19,"currency_code":"EUR","in_stock":true},{"title":"Medium Ø 50 cm \/ Bronzo Ramato - Coppery Bronze","offer_id":59336569913689,"sku":"14123 3500","price":1500.4,"currency_code":"EUR","in_stock":true},{"title":"Large Ø 80 cm \/ Bronzo Ramato - Coppery Bronze","offer_id":59336569946457,"sku":"14124 3500","price":4024.46,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/files\/Kelly-Sphere-Small-Bronze.avif?v=1788863070","url":"https:\/\/getupdesign.es\/de\/products\/lampara-colgante-kelly-sphere-lodes-esfera-diseno-andrea-tosetto","provider":"Get Up \u0026 design interiorismo","version":"1.0","type":"link"}