{"product_id":"lampara-de-pie-lodes-croma","title":"Lámpara de Pie Croma LODES | Luz Regulable Dim-to-Warm LED 42W (Diseño Luca Nichetto)","description":"\u003cdiv class=\"product-editorial-description\" style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #222; line-height: 1.7; font-size: 15px;\"\u003e\n  \u003cp style=\"font-size: 17px; font-weight: 400; color: #444; margin-bottom: 24px;\"\u003e\n    Diseñada por el renombrado diseñador italiano \u003cstrong\u003eLuca Nichetto\u003c\/strong\u003e para \u003cstrong\u003eLODES\u003c\/strong\u003e, \u003cstrong\u003eCroma\u003c\/strong\u003e es una presencia escultural que desafía las proporciones clásicas de las lámparas de pie. Su estructura esbelta y cónica asciende como una nota musical proyectando una potente luz indirecta hacia el techo, equipada con la avanzada tecnología \u003cstrong\u003eDim-to-Warm\u003c\/strong\u003e que permite modular la temperatura de color a medida que se atenúa la intensidad.\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 Dim-to-Warm Integrado 42W de Alta Potencia\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× 42W, hasta 4200 lm, CRI 90, tecnología Dim-to-Warm de 1800K a 3000K).\n      \u003c\/div\u003e\n      \u003cdiv style=\"font-size: 11.5px; color: #615B55; line-height: 1.55;\"\u003e\n        Lista para usar, no requiere compra de bombillas. Equipa pedal regulador en el cable que varía la intensidad y calidez lumínica simultáneamente con driver integrado.\n      \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\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-croma\"\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px;\"\u003e\n      \u003ch3 style=\"font-size: 16px; font-weight: 700; color: #111; letter-spacing: 0.5px; text-transform: uppercase; margin: 0; display: flex; align-items: center; gap: 8px;\"\u003e\n        \u003cspan\u003ePLANO TÉCNICO Y MEDIDAS OFICIALES\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cdiv style=\"display: flex; gap: 8px;\"\u003e\n        \u003cbutton type=\"button\" onclick=\"window.openLodesModal_croma()\" style=\"display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: #000; color: #fff; border: 1px solid #000; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s;\" onmouseover=\"this.style.background='#333'\" onmouseout=\"this.style.background='#000'\"\u003e\n          \u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\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\u003e\n          Ampliar Detalle\n        \u003c\/button\u003e\n        \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-croma-ficha-tecnica.pdf?v=1788815610\" download=\"LODES-Croma-(Pie)-Ficha-Tecnica.pdf\" target=\"_blank\" style=\"display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: #f5f5f5; color: #222; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.2s;\" onmouseover=\"this.style.background='#ebebeb'\" onmouseout=\"this.style.background='#f5f5f5'\"\u003e\n          \u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u003e\u003c\/path\u003e\u003cpolyline points=\"7 10 12 15 17 10\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n          Descargar PDF\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; box-shadow: 0 2px 8px rgba(0,0,0,0.04); cursor: zoom-in;\" onclick=\"window.openLodesModal_croma()\" id=\"lodes-croma-card-wrapper\"\u003e\n      \n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-croma-blueprint.jpg?v=1788815598\" alt=\"Plano técnico oficial Croma (Pie) medidas y cotas en alta resolución\" style=\"width: 100%; height: auto; display: block; filter: contrast(1.05); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\" id=\"lodes-croma-card-img\"\u003e\n      \n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: background 0.25s ease; pointer-events: none;\" id=\"lodes-croma-hover-overlay\"\u003e\n        \u003cspan style=\"opacity: 0; transform: translateY(8px); transition: all 0.25s ease; background: rgba(15, 23, 42, 0.88); color: #fff; padding: 10px 22px; border-radius: 30px; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.3); backdrop-filter: blur(4px);\" id=\"lodes-croma-hover-badge\"\u003e\n          \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\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cp style=\"font-size: 12px; color: #64748b; margin: 9px 0 0 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px;\"\u003e\n      \u003cspan\u003e\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\u003eCotas oficiales: Altura 186 cm, Base cónica Ø 30 cm, Difusor superior Ø 15,6 cm.\u003c\/span\u003e\n      \u003cspan style=\"color: #000; font-weight: 600;\"\u003ePasa el ratón o haz clic para interactuar\u003c\/span\u003e\n    \u003c\/p\u003e\n\n    \u003cscript\u003e\n      (function(){\n        var wrapper = document.getElementById('lodes-croma-card-wrapper');\n        var card = document.getElementById('lodes-croma-card-img');\n        var overlay = document.getElementById('lodes-croma-hover-overlay');\n        var badge = document.getElementById('lodes-croma-hover-badge');\n        if (wrapper \u0026\u0026 card \u0026\u0026 overlay \u0026\u0026 badge) {\n          wrapper.addEventListener('mouseenter', function(){\n            overlay.style.background = 'rgba(15, 23, 42, 0.22)';\n            badge.style.opacity = '1';\n            badge.style.transform = 'translateY(0)';\n            card.style.transform = 'scale(1.025)';\n          });\n          wrapper.addEventListener('mouseleave', function(){\n            overlay.style.background = 'rgba(0,0,0,0)';\n            badge.style.opacity = '0';\n            badge.style.transform = 'translateY(8px)';\n            card.style.transform = 'scale(1)';\n          });\n        }\n      })();\n    \u003c\/script\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POP-UP MODAL LIGHTBOX CON LUPA, ZOOM PROFUNDO HASTA 4.5X Y ARRASTRE (PAN) --\u003e\n  \u003cdiv id=\"lodes-croma-modal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(5, 8, 15, 0.95); z-index: 99999999; backdrop-filter: blur(8px); align-items: center; justify-content: center; padding: 12px; box-sizing: border-box;\" onclick=\"if(event.target===this)window.closeLodesModal_croma()\"\u003e\n    \n    \u003cdiv style=\"position: relative; width: 97vw; height: 95vh; max-width: 1440px; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.8); display: flex; flex-direction: column;\"\u003e\n      \n      \u003c!-- Barra superior de Herramientas de Lupa y Zoom --\u003e\n      \u003cdiv style=\"display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; flex-wrap: wrap; gap: 10px; z-index: 20;\"\u003e\n        \n        \u003c!-- Título e Identificación --\u003e\n        \u003cdiv style=\"font-weight: 700; font-size: 15px; color: #0f172a; display: flex; align-items: center; gap: 8px;\"\u003e\n          \u003cspan\u003eLODES Croma (Pie)\u003c\/span\u003e\n          \u003cspan style=\"font-size: 11px; font-weight: 600; color: #2563eb; background: #eff6ff; border: 1px solid #bfdbfe; padding: 3px 9px; border-radius: 12px;\"\u003eVisor con Lupa Ultra HD\u003c\/span\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- Controles de la Lupa (Zoom Dinámico) --\u003e\n        \u003cdiv style=\"display: flex; align-items: center; gap: 6px; background: #e2e8f0; padding: 4px; border-radius: 8px;\"\u003e\n          \u003cbutton type=\"button\" onclick=\"window.zoomLodes_croma(-0.4)\" title=\"Alejar (-)\" style=\"width: 34px; height: 32px; border: none; background: #fff; border-radius: 6px; font-size: 18px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #1e293b; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\"\u003e-\u003c\/button\u003e\n          \n          \u003cspan id=\"lodes-croma-zoom-badge\" style=\"font-size: 13px; font-weight: 700; min-width: 52px; text-align: center; color: #0f172a; font-family: monospace;\"\u003e100%\u003c\/span\u003e\n          \n          \u003cbutton type=\"button\" onclick=\"window.zoomLodes_croma(0.4)\" title=\"Acercar (+)\" style=\"width: 34px; height: 32px; border: none; background: #fff; border-radius: 6px; font-size: 18px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #1e293b; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\"\u003e+\u003c\/button\u003e\n          \n          \u003cdiv style=\"width: 1px; height: 20px; background: #cbd5e1; margin: 0 3px;\"\u003e\u003c\/div\u003e\n          \n          \u003cbutton type=\"button\" onclick=\"window.setZoomLodes_croma(2.0)\" title=\"Lupa 2x\" style=\"padding: 0 11px; height: 32px; border: none; background: #fff; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; color: #334155; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\"\u003e2x\u003c\/button\u003e\n          \n          \u003cbutton type=\"button\" onclick=\"window.setZoomLodes_croma(3.2)\" title=\"Lupa Máxima 3.2x\" style=\"padding: 0 12px; height: 32px; border: none; background: #0f172a; color: #fff; border-radius: 6px; font-size: 12px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 5px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);\"\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\u003eLupa 3.2x\u003c\/span\u003e\n          \u003c\/button\u003e\n          \n          \u003cbutton type=\"button\" onclick=\"window.resetZoomLodes_croma()\" title=\"Restablecer\" style=\"padding: 0 11px; height: 32px; border: none; background: #fff; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; color: #64748b;\"\u003eAjustar\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Acciones Descargar y Cerrar --\u003e\n        \u003cdiv style=\"display: flex; align-items: center; gap: 10px;\"\u003e\n          \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-croma-ficha-tecnica.pdf?v=1788815610\" download=\"LODES-Croma-(Pie)-Ficha-Tecnica.pdf\" target=\"_blank\" style=\"display: inline-flex; align-items: center; gap: 6px; padding: 7px 15px; background: #0f172a; color: #fff; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; transition: background 0.2s;\" onmouseover=\"this.style.background='#1e293b'\" onmouseout=\"this.style.background='#0f172a'\"\u003e\n            \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u003e\u003c\/path\u003e\u003cpolyline points=\"7 10 12 15 17 10\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n            Descargar PDF Oficial\n          \u003c\/a\u003e\n          \u003cbutton type=\"button\" onclick=\"window.closeLodesModal_croma()\" style=\"width: 34px; height: 34px; background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca; border-radius: 6px; font-size: 18px; line-height: 1; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s;\" onmouseover=\"this.style.background='#fca5a5'\" onmouseout=\"this.style.background='#fee2e2'\" title=\"Cerrar ventana (Esc)\"\u003e\n            ✕\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Área de Visualización Panorámica con Drag y Zoom en Clic --\u003e\n      \u003cdiv id=\"lodes-croma-viewport\" style=\"position: relative; flex: 1; overflow: hidden; background: #fdfdfd; cursor: zoom-in; display: flex; align-items: center; justify-content: center; user-select: none;\"\u003e\n        \n        \u003cdiv id=\"lodes-croma-pan-layer\" style=\"position: absolute; transform-origin: center center; transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/t\/30\/assets\/lodes-croma-blueprint.jpg?v=1788815598\" id=\"lodes-croma-modal-img\" alt=\"Plano técnico ampliado LODES Croma (Pie)\" style=\"max-width: 86vw; max-height: 80vh; width: auto; height: auto; display: block; filter: contrast(1.06); pointer-events: none; box-shadow: 0 4px 25px rgba(0,0,0,0.07); border: 1px solid #eee;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Instrucción de Ayuda Flotante --\u003e\n        \u003cdiv style=\"position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); background: rgba(15, 23, 42, 0.85); color: #fff; padding: 7px 20px; border-radius: 24px; font-size: 12px; font-weight: 500; pointer-events: none; backdrop-filter: blur(5px); box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: flex; align-items: center; gap: 8px;\"\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 en cualquier punto para ampliar (lupa)\u003c\/span\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cspan\u003e\u003cb\u003eArrastra\u003c\/b\u003e para moverte por el plano\u003c\/span\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cspan\u003e\u003cb\u003eRueda ratón\u003c\/b\u003e para zoom fino\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function(){\n      var modal = document.getElementById('lodes-croma-modal');\n      var panLayer = document.getElementById('lodes-croma-pan-layer');\n      var viewport = document.getElementById('lodes-croma-viewport');\n      var zoomBadge = document.getElementById('lodes-croma-zoom-badge');\n      \n      \/\/ CRITICAL FIX: Append modal to document.body so it is NEVER trapped inside sticky product columns!\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 scale = 1.0;\n      var posX = 0, posY = 0;\n      var isDragging = false;\n      var startX = 0, startY = 0;\n      var downTime = 0;\n      var downX = 0, downY = 0;\n\n      function renderTransform(withTransition) {\n        if (withTransition) {\n          panLayer.style.transition = 'transform 0.22s cubic-bezier(0.16, 1, 0.3, 1)';\n        } else {\n          panLayer.style.transition = 'none';\n        }\n        panLayer.style.transform = 'translate(' + posX + 'px, ' + posY + 'px) scale(' + scale + ')';\n        if (zoomBadge) zoomBadge.innerText = Math.round(scale * 100) + '%';\n        \n        if (scale \u003e 1.1) {\n          viewport.style.cursor = isDragging ? 'grabbing' : 'grab';\n        } else {\n          viewport.style.cursor = 'zoom-in';\n        }\n      }\n\n      window.openLodesModal_croma = function() {\n        ensureModalInBody();\n        scale = 1.0;\n        posX = 0;\n        posY = 0;\n        renderTransform(false);\n        modal.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n      };\n\n      window.closeLodesModal_croma = function() {\n        modal.style.display = 'none';\n        document.body.style.overflow = '';\n      };\n\n      window.zoomLodes_croma = function(delta) {\n        scale = Math.max(0.7, Math.min(4.5, scale + delta));\n        renderTransform(true);\n      };\n\n      window.setZoomLodes_croma = function(val) {\n        scale = val;\n        posX = 0;\n        posY = 0;\n        renderTransform(true);\n      };\n\n      window.resetZoomLodes_croma = function() {\n        scale = 1.0;\n        posX = 0;\n        posY = 0;\n        renderTransform(true);\n      };\n\n      \/\/ Mouse down: detect start of click vs drag\n      viewport.addEventListener('mousedown', function(e) {\n        downTime = Date.now();\n        downX = e.clientX;\n        downY = e.clientY;\n        if (scale \u003e 1.05) {\n          isDragging = true;\n          startX = e.clientX - posX;\n          startY = e.clientY - posY;\n          viewport.style.cursor = 'grabbing';\n          e.preventDefault();\n        }\n      });\n\n      window.addEventListener('mousemove', function(e) {\n        if (isDragging) {\n          posX = e.clientX - startX;\n          posY = e.clientY - startY;\n          renderTransform(false);\n        }\n      });\n\n      window.addEventListener('mouseup', function(e) {\n        var dist = Math.hypot(e.clientX - downX, e.clientY - downY);\n        var time = Date.now() - downTime;\n        \n        if (isDragging) {\n          isDragging = false;\n          viewport.style.cursor = scale \u003e 1.1 ? 'grab' : 'zoom-in';\n        }\n\n        \/\/ If mouse barely moved and was a quick click, treat as Zoom Click!\n        if (dist \u003c 6 \u0026\u0026 time \u003c 450 \u0026\u0026 modal.style.display === 'flex') {\n          \/\/ Only if click happened inside the viewport\n          var rect = viewport.getBoundingClientRect();\n          if (e.clientX \u003e= rect.left \u0026\u0026 e.clientX \u003c= rect.right \u0026\u0026 e.clientY \u003e= rect.top \u0026\u0026 e.clientY \u003c= rect.bottom) {\n            if (scale \u003c= 1.25) {\n              \/\/ Zoom 2.8x centered on click\n              scale = 2.8;\n              var clickX = e.clientX - rect.left - rect.width \/ 2;\n              var clickY = e.clientY - rect.top - rect.height \/ 2;\n              posX = -clickX * 1.5;\n              posY = -clickY * 1.5;\n            } else if (scale \u003c 3.5) {\n              \/\/ Second click: Zoom 4.2x ultra deep\n              scale = 4.2;\n              var clickX = e.clientX - rect.left - rect.width \/ 2;\n              var clickY = e.clientY - rect.top - rect.height \/ 2;\n              posX = -clickX * 2.2;\n              posY = -clickY * 2.2;\n            } else {\n              \/\/ Reset\n              scale = 1.0;\n              posX = 0;\n              posY = 0;\n            }\n            renderTransform(true);\n          }\n        }\n      });\n\n      \/\/ Rueda del ratón para zoom continuo\n      viewport.addEventListener('wheel', function(e) {\n        e.preventDefault();\n        var factor = e.deltaY \u003c 0 ? 1.2 : 0.83;\n        var newScale = Math.max(0.7, Math.min(4.5, scale * factor));\n        \n        var rect = viewport.getBoundingClientRect();\n        var mouseX = e.clientX - rect.left - rect.width \/ 2;\n        var mouseY = e.clientY - rect.top - rect.height \/ 2;\n        \n        posX = mouseX - (mouseX - posX) * (newScale \/ scale);\n        posY = mouseY - (mouseY - posY) * (newScale \/ scale);\n        scale = newScale;\n        renderTransform(false);\n      }, { passive: false });\n\n      \/\/ Cerrar con Escape\n      document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' \u0026\u0026 modal.style.display === 'flex') {\n          window.closeLodesModal_croma();\n        }\n      });\n    })();\n  \u003c\/script\u003e\n\n  \u003cdiv style=\"margin-top: 36px;\"\u003e\n    \u003ch3 style=\"font-size: 17px; font-weight: 600; color: #111; margin-bottom: 16px;\"\u003eEspecificaciones Técnicas\u003c\/h3\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 #eee;\"\u003e\n\u003cth style=\"padding: 10px 12px; font-weight: 600; width: 35%; color: #555;\"\u003eDiseñador\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; color: #222;\"\u003eLuca Nichetto (2021)\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #eee;\"\u003e\n\u003cth style=\"padding: 10px 12px; font-weight: 600; color: #555;\"\u003eFabricante\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; color: #222;\"\u003eLODES (Made in Italy)\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #eee;\"\u003e\n\u003cth style=\"padding: 10px 12px; font-weight: 600; color: #555;\"\u003eMaterial\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; color: #222;\"\u003eEstructura metálica lacada o acabado degradé\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #eee;\"\u003e\n\u003cth style=\"padding: 10px 12px; font-weight: 600; color: #555;\"\u003eDimensiones\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; color: #222;\"\u003eAltura: 186 cm | Base: Ø 30 cm | Peso neto: 13,8 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #eee;\"\u003e\n\u003cth style=\"padding: 10px 12px; font-weight: 600; color: #555;\"\u003eFuente de Luz\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; color: #222;\"\u003eLED integrado 42W (4300 lm, Dim-to-Warm 2200K a 3200K, CRI 90)\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth style=\"padding: 10px 12px; font-weight: 600; color: #555;\"\u003eControl\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; color: #222;\"\u003eRegulador táctil integrado en el vástago a 110 cm de altura\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"LODES","offers":[{"title":"Negro Mate (Matte Black 9005)","offer_id":53771869815129,"sku":"17270 2000","price":1911.8,"currency_code":"EUR","in_stock":true},{"title":"Blanco Mate (Matte White 9010)","offer_id":59332780917081,"sku":"17270 1000","price":1911.8,"currency_code":"EUR","in_stock":true},{"title":"Bronce Degradé (Bronze Ombré)","offer_id":59332781015385,"sku":"17270 3400","price":2776.95,"currency_code":"EUR","in_stock":true},{"title":"Verde Degradé (Green Ombré)","offer_id":59332781080921,"sku":"17270 3600","price":2776.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8596\/1049\/files\/croma_black.jpg?v=1788812349","url":"https:\/\/getupdesign.es\/de\/products\/lampara-de-pie-lodes-croma","provider":"Get Up \u0026 design interiorismo","version":"1.0","type":"link"}