{"title":"Lámina de mármol UV","description":"\u003cp data-mce-fragment=\"1\"\u003ePresentamos nuestra lámina de mármol con protección UV, un panel decorativo de primera calidad que aporta a cualquier espacio interior el aspecto lujoso y elegante del mármol natural. Fabricada con un tipo especial de plástico resistente a la radiación UV y al desgaste, nuestra lámina de mármol con protección UV ofrece una excelente durabilidad y longevidad.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eNuestra lámina de mármol con protección UV está disponible en una variedad de patrones, colores y acabados, lo que le permite elegir la opción perfecta para sus necesidades de diseño. Ya sea que desee un aspecto clásico de mármol blanco o un acabado de mármol negro más dramático, nuestra lámina de mármol con protección UV tiene lo que necesita.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eUna de las características únicas de nuestra lámina de mármol con protección UV es que es fácil de instalar y mantener. La lámina es ligera y viene con un sistema de encaje sin juntas, lo que hace que la instalación sea muy sencilla. Además, la superficie del panel es fácil de limpiar, ya que solo requiere pasarle un paño húmedo para mantener su aspecto impecable.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEn general, nuestra lámina de mármol con protección UV es una solución versátil y atractiva para cualquiera que busque añadir un toque de sofisticación a su diseño de interiores. Con su superficie duradera y fácil de mantener, sus infinitas opciones de personalización y su fabricación ecológica, nuestra lámina de mármol con protección UV es la elección perfecta tanto para propietarios como para diseñadores de interiores y arquitectos.\u003c\/p\u003e","products":[{"product_id":"uv-marble-sheets-black-echo-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Black Echo, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47504468607298,"sku":"SWUV012","price":88.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/1_2dca7371-f56a-4d5f-825c-253c9de7681b.png?v=1747459935"},{"product_id":"uv-marble-sheets-white-elegance-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Elegancia Blanca, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 hoja \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por hoja\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de hojas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 hojas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47513664815426,"sku":"SWUV013","price":88.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/White_Elegance.png?v=1773764057"},{"product_id":"copy-of-uv-marble-sheets-black-echo-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, destello crepuscular, 1 lámina, 4 × 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47516226584898,"sku":"SWUV020","price":78.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/UV_Marble_New_EM.png?v=1759614737"},{"product_id":"uv-marble-sheets-moonlit-white-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Blanco a la luz de la luna, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- Fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47516259713346,"sku":"SWUV021","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/4_e07a9ef9-49a8-49b7-b42f-6019cf5a8adf.png?v=1747460084"},{"product_id":"uv-marble-sheets-deluxe-white-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, blanco de lujo, 1 lámina, 4 × 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":48482502181186,"sku":"SWUV033","price":88.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/17_15808efd-3897-43b6-9e08-c8c70747ee7f.png?v=1747460175"},{"product_id":"uv-marble-sheets-black-golden-streak-1-sheet-4-x-9-feet","title":"Lámina de mármol UV, vetas doradas sobre negro, 1 lámina, 4 × 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- Fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":48501545697602,"sku":"SWUV024","price":88.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/7_1473be0f-1b0b-446c-aa82-cf8c7c0f83e3.png?v=1747460245"},{"product_id":"uv-marble-sheets-majestic-gold-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, ORO MAJESTUOSO, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":49323990024514,"sku":"SWUV036","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/3_df083369-9e2b-4017-bd21-ccac52c2077d.png?v=1747460289"},{"product_id":"swuv041","title":"Lámina de mármol UV, Veteado de océano azul , 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":49907076596034,"sku":"SWUV041","price":125.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/11_8b0a7d10-9a2c-4b55-9746-9dbb544207a4.png?v=1747460753"},{"product_id":"swuv043","title":"Lámina de mármol UV, vetas negras y doradas, 1 lámina, 4 × 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- Fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":49907110805826,"sku":"SWUV043","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/12_b4cd01dc-e5b9-44a6-862d-a071e352aa56.png?v=1747460382"},{"product_id":"uv-marble-sheets-storm-vein-1-sheet-4-x-9-feet","title":"Lámina de mármol UV, Storm Vein, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50327024697666,"sku":"SWUV046","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/14_02e0e888-a3d6-4ca3-8bb0-4a4134cf7ee1.png?v=1747460538"},{"product_id":"uv-marble-sheets-royal-streak-1-sheet-4-x-9-feet","title":"Lámina de mármol UV, Royal Streak, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- Fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50327025779010,"sku":"SWUV045","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Royal_Streak.png?v=1773768773"},{"product_id":"uv-marble-sheets-shadow-veins-1-sheet-4-x-9-feet","title":"Lámina de mármol UV, vetas sombreadas, 1 lámina, 4 x 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- Fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50556368355650,"sku":"SWUV051","price":110.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/19_c81cb130-3c10-4581-88a5-8aeef68209bf.png?v=1747460730"},{"product_id":"uv-marble-sheets-grey-ridge-1-sheet-4-x-9-feet","title":"Lámina de mármol UV, Grey Ridge, 1 lámina, 4 x 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- Fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50556377432386,"sku":"SWUV052","price":95.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/21_da3fba84-657f-4edf-b225-f800f9372eab.png?v=1747460722"},{"product_id":"uv-marble-sheets-midnight-gold-1-sheet-4-x-9-feet-copy","title":"Láminas de mármol UV, Midnight Gold, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50556377661762,"sku":"SWUV053","price":106.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/22_32e21e09-cabb-458d-a7f5-94f5493b629b.png?v=1747460655"},{"product_id":"uv-marble-sheets-royal-obsidian-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Obsidiana Real, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 hoja \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por hoja\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de hojas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 hojas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51505837867330,"sku":"SWUV059","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/UVRoyal.png?v=1773763494"},{"product_id":"uv-marble-sheets-luxe-cascade-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Luxe Cascade, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507748274498,"sku":"SWUV057","price":99.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Luxe_Cascade.png?v=1773768333"},{"product_id":"uv-marble-sheets-golden-mirage-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Espejismo Dorado, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- Fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507824132418,"sku":"SWUV058","price":125.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Golden_Mirage.png?v=1773765035"},{"product_id":"uv-marble-sheets-pearl-flow-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Pearl Flow, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507832029506,"sku":"SWUV056","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/PearlFlow.png?v=1773765554"},{"product_id":"uv-marble-sheets-crystal-white-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, blanco cristal, 1 lámina, 4 x 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 hoja \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por hoja\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por uno mismo con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando las ventanas o puertas como si no estuvieran allí. Mida únicamente el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de hojas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 hojas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507832979778,"sku":"SWUV055","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Crystal_White.png?v=1773767309"},{"product_id":"uv-marble-sheets-gilded-calacatta-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, Calacatta dorada, 1 lámina, 4 X 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51534912520514,"sku":"SWUV044","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Gilded_Calacatta.png?v=1773769345"},{"product_id":"uv-marble-sheets-soft-marble-1-sheet-4-x-9-feet","title":"Láminas de mármol UV, mármol suave, 1 lámina, 4 × 9 pies","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n\n    \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n\n        \u003c!-- Tabla de productos aquí --\u003e\n        \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n\n            \u003cthead\u003e\n\n                \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAtributo\u003c\/th\u003e\n\n                    \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescripción\u003c\/th\u003e\n\n                \u003c\/tr\u003e\n\n            \u003c\/thead\u003e\n\n            \u003ctbody\u003e\n\n                \u003c!-- Inicio de las filas de la tabla --\u003e\n                \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eMaterial compuesto, PVC de alta calidad, capa resistente a los rayos UV \u003c\/td\u003e\n\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDimensiones del panel\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 pulgadas (L) x 48 pulgadas (An) x 1\/8 de pulgada (Espesor)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComo se muestra\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eEmbalaje\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 lámina \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eÁrea total\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 pies cuadrados por lámina\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstalación\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eFácil de instalar por cuenta propia con adhesivo de construcción\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDisponibilidad \u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eEn stock para recogida o entrega local\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunción\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eParedes interiores de hogares, espacios comerciales, oficinas, hoteles, restaurantes, paredes decorativas y más\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eDirección de recogida\u003c\/td\u003e\n\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n                \u003c!-- fin de las filas de la tabla --\u003e\n            \u003c\/tbody\u003e\n\n        \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n        \u003c!-- INICIO del código de la calculadora aquí --\u003e\n\n    \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n\n    \u003cstyle type=\"text\/css\"\u003e\n    .m__calculator *,\n    .m__calculator ::after,\n    .m__calculator ::before {\n        box-sizing: border-box\n    }\n\n    .m__calculator * {\n        font-family: inherit;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    [data-tippy-root] *{\n        font-family: \"Roboto Condensed\", sans-serif;\n        font-size: 12px;\n    }\n\n\n    .m__calculator {\n        max-width: 290px;\n        background: #ffffff;\n        border: 4px solid #691029;\n        border-radius: 8px;\n        overflow: hidden;\n        margin: auto;\n    }\n\n    .m__calculator .m__row {\n        margin: 25px 15px;\n    }\n\n    .m__calculator .m__row.m__head {\n        margin: 0;\n        background: #f5f5f5;\n        padding: 20px 0;\n        border-bottom: 1px solid #ececec;\n    }\n\n\n\n    .m__group {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #691029;\n        text-align: center;\n        font-family: \"Roboto Condensed\", sans-serif;\n    }\n\n    .m__label {\n        font-size: 16px;\n        font-family: inherit;\n        color: #691029;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .unit_changer {\n        background: #691029;\n        border: 2px solid #691029;\n        color: white;\n        height: 40px;\n        border-radius: 4px;\n        font-size: 14px;\n        padding-left: 8px;\n        max-width: 70px;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .m__calculator .m__row.m__result {\n        margin: 0;\n        padding: 20px;\n        text-align: center;\n        background: #691029;\n    }\n\n    .m__calculator .m__row.m__result .m__label {\n        color: white;\n        font-size: 16px;\n    }\n\n    .m__calculator .m__row.m__result .m__res {\n        font-size: 29px;\n        font-family: inherit;\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    .group_input {\n        display: flex;\n        border: 2px solid #C9994C;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        min-height: 40px;\n    }\n\n    .group_input input {\n        width: 100%;\n        border: 0;\n        outline: none;\n        font-size: 18px;\n        font-family: inherit;\n        text-align: center;\n        min-height: 36px;\n    }\n\n    .group_input button {\n        background-color: #ffffff;\n        color: #535353;\n        border: none;\n        cursor: pointer;\n        font-size: 20px;\n        width: 40px;\n        height: auto;\n        text-align: center;\n        transition: background-color 0.2s;\n        position: relative;\n    }\n\n    .group_input button.m_minus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        right: 0;\n    }\n\n    .group_input button.m_plus:before {\n        content: \" \";\n        background: #ffe9c8;\n        width: 1px;\n        height: 24px;\n        display: block;\n        position: absolute;\n        left: 0;\n    }\n\n    .group_input button:hover {\n        background-color: #ffe9c8;\n    }\n\n    .m__input_number {\n        width: 40px;\n        text-align: center;\n        border: none;\n        padding: 8px 10px;\n        font-size: 16px;\n        outline: none;\n    }\n    .tooltip-btn{\n        cursor: pointer;\n    }\n    \u003c\/style\u003e\n    \u003cdiv id=\"m_calculator_content\"\u003e\n\n        \u003cdiv class=\"m__calculator\"\u003e\n\n            \u003cdiv class=\"m__wrap\"\u003e\n\n                \u003cdiv class=\"m__section\"\u003e\n\n                    \u003cdiv class=\"m__row m__head\"\u003e\n\n                        \u003cdiv class=\"m__title\"\u003eCalculadora de mármol UV\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAltura de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida la altura total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo la altura completa de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eAncho de su pared\n                            \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Mida el ancho total de su pared, ignorando cualquier ventana o puerta como si no estuvieran allí. Mida solo el ancho completo de la pared.\"\u003e\n                                \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"m__group\"\u003e\n\n                            \u003cdiv class=\"group_input\"\u003e\n\n                                \u003cbutton class=\"m_minus\" aria-label=\"Disminuir\"\u003e−\u003c\/button\u003e\n                                \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n                                \u003cbutton class=\"m_plus\" aria-label=\"Aumentar\"\u003e+\u003c\/button\u003e\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"unit_changer\"\u003e\n\n                                \u003cspan\u003ePies\u003c\/span\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                    \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"m__row m__result\"\u003e\n\n                        \u003cdiv class=\"m__label\"\u003eTotal de láminas que necesita\u003c\/div\u003e\n\n                        \u003cdiv class=\"m__res\"\u003e0 láminas\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n    \u003cscript type=\"text\/javascript\"\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputs = document.querySelectorAll('.input-box'),\n            resultDisplay = document.querySelector('.m__res');\n        let currentUnit = 'Feet';\n\n        const autoNumericFields = Array.from(inputs).map(input =\u003e {\n            const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n            const container = input.closest('.group_input'),\n                minusBtn = container.querySelector('.m_minus'),\n                plusBtn = container.querySelector('.m_plus');\n\n            const updateButtons = () =\u003e {\n                let value = anField.getNumber();\n                minusBtn.disabled = value \u003c= 0;\n                plusBtn.disabled = value \u003e= 1000;\n            };\n\n            minusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            plusBtn.addEventListener('click', () =\u003e {\n                anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n                updateButtons();\n                calculateResult();\n            });\n\n            input.addEventListener('input', () =\u003e {\n                updateButtons();\n                calculateResult();\n            });\n\n            return anField;\n        });\n\n        document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n            changer.addEventListener('click', () =\u003e {\n                currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n                document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n                autoNumericFields.forEach(anField =\u003e {\n                    let value = anField.getNumber();\n                    anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n                });\n                calculateResult();\n            });\n        });\n\n        function calculateResult() {\n            const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n                width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n            let result = 0;\n            if (currentUnit === 'Feet') {\n                result = Math.ceil((height * width) \/ 36);\n            } else {\n                result = Math.ceil((height * width) \/ 5184);\n            }\n            resultDisplay.textContent = `${result} Sheet`;\n        }\n        calculateResult();\n        tippy('.tooltip-btn');\n    });\n    \u003c\/script\u003e\n\n\n              \u003c!-- FIN del código de la calculadora aquí --\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Estilo CSS adicional --\u003e\n\u003cstyle\u003e\n.container {\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n    flex: 1;\n}\n\n.m__calculator {\n    max-width: 290px;\n}\n@media (max-width: 480px) {\n    .container {\n        flex-direction: column; \/* Stack elements vertically on mobile *\/\n        gap: 20px;\n    }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51652730880322,"sku":"SWUV038","price":88.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Soft_Marble.png?v=1773769820"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/collections\/Screenshot_2023-12-20_at_11.42.53_AM.png?v=1785968984","url":"https:\/\/swancanada.ca\/es\/collections\/uv-marble-sheet.oembed","provider":"Swan Canada","version":"1.0","type":"link"}