{"title":"OFD","description":"\u003cdiv id=\"ofdModal\" class=\"ofd-modal\"\u003e\n\n    \u003cdiv class=\"ofd-content\"\u003e\n\n        \u003cspan class=\"ofd-close\"\u003e×\u003c\/span\u003e\n\n        \u003ch2\u003e🛍️ Ofertas del Día\u003c\/h2\u003e\n      \u003ch2 style=\"font-size:16px;\"\u003e¡Reclama tu 5% de descuento ahora!\u003c\/h2\u003e\n\n        \u003cdiv id=\"ofdProductos\"\u003e\n            \u003cdiv class=\"ofd-loading\"\u003e\n                Cargando ofertas...\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cstyle\u003e\n\n.ofd-modal{\ndisplay:none;\nposition:fixed;\ninset:0;\nbackground:rgba(0,0,0,.55);\nz-index:999999;\n}\n\n.ofd-content{\nbackground:#fff;\nwidth:42%;\nmargin:1% auto;\npadding:20px;\nborder-radius:12px;\nmax-height:92vh;\noverflow:auto;\nbox-shadow:0 10px 40px rgba(0,0,0,.35);\n}\n\n.ofd-content h2{\nmargin:0 0 20px;\nfont-size:28px;\nfont-weight:bold;\ntext-align:center;\n}\n\n.ofd-close{\nfloat:right;\nfont-size:32px;\ncursor:pointer;\ncolor:#555;\n}\n\n.ofd-close:hover{\ncolor:red;\n}\n\n.ofd-item{\ndisplay:flex;\ngap:18px;\npadding:18px 0;\nalign-items:center;\nborder-bottom:1px solid #ececec;\n}\n\n.ofd-item:last-child{\nborder-bottom:none;\n}\n\n.ofd-item img{\nwidth:150px;\nheight:150px;\nobject-fit:contain;\nflex-shrink:0;\n}\n\n.ofd-info{\nflex:1;\n}\n\n.ofd-titulo{\nfont-size:22px;\nfont-weight:bold;\nmargin-bottom:8px;\ncolor:#111;\n}\n\n.ofd-desc{\nfont-size:14px;\ncolor:#555;\nmargin-bottom:12px;\n}\n\n.ofd-precio{\nfont-size:22px;\nfont-weight:bold;\ncolor:#d60000;\n}\n\n.ofd-anterior{\nmargin-left:10px;\nfont-size:18px;\ncolor:#888;\ntext-decoration:line-through;\n}\n\n.ofd-botones{\nmargin-top:18px;\ndisplay:flex;\ngap:10px;\n}\n\n.ofd-botones a{\npadding:4px 16px;\nborder-radius:5px;\ntext-decoration:none;\nfont-size:13px;\nfont-weight:600;\ncolor:#fff;\n}\n\n.ofd-ver{\nbackground:#0d6efd;\n}\n\n.ofd-wa{\nbackground:#25D366;\n}\n\n.ofd-loading{\npadding:60px;\ntext-align:center;\nfont-size:22px;\nfont-weight:bold;\ncolor:#666;\n}\n\n.ofd-content::-webkit-scrollbar{\nwidth:8px;\n}\n\n.ofd-content::-webkit-scrollbar-thumb{\nbackground:#cfcfcf;\nborder-radius:20px;\n}\n\n@media (max-width:768px){\n\n.ofd-content{\nwidth:95%;\npadding:15px;\n}\n\n.ofd-item{\nflex-direction:column;\ntext-align:center;\n}\n\n.ofd-item img{\nwidth:180px;\nheight:auto;\n}\n\n.ofd-titulo{\nfont-size:20px;\n}\n\n.ofd-precio{\nfont-size:24px;\n}\n\n.ofd-anterior{\ndisplay:block;\nmargin:5px 0 0;\n}\n\n.ofd-botones{\nflex-direction:column;\n}\n\n.ofd-botones a{\ntext-align:center;\n}\n\n}\n\n\u003c\/style\u003e\n\n\n\n\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", async () =\u003e {\n\n    const modal = document.getElementById(\"ofdModal\");\n    const lista = document.getElementById(\"ofdProductos\");\n\n    document.querySelector(\".ofd-close\").onclick = () =\u003e {\n\n    modal.style.display = \"none\";\n\n    window.location.href = \"https:\/\/genesis1.mx\/\";\n\n};\n\n    window.onclick = function(e){\n\n    if(e.target === modal){\n\n        modal.style.display = \"none\";\n\n        window.location.href = \"https:\/\/genesis1.mx\/\";\n\n    }\n\n};\n\n    try{\n\n        console.log(\"Cargando colección OFD...\");\n\n        const html = await fetch(\"\/collections\/ofd\").then(r =\u003e r.text());\n\n        const doc = new DOMParser().parseFromString(html,\"text\/html\");\n\n        const productos = doc.querySelectorAll(\n\".product-listing__collection \u003e .product-listing .product\"\n);\n\n        console.log(\"Productos encontrados:\", productos.length);\n\n        let salida = \"\";\n\n        productos.forEach(producto=\u003e{\n\n            const titulo =\n                producto.querySelector(\".product_name a\")?.textContent.trim() || \"\";\n\n            const descripcion =\n                producto.querySelector(\".product_desc\")?.textContent.trim() || \"\";\n\n            const precio =\n                producto.querySelector(\".product_price .money\")?.textContent.trim() || \"\";\n\n            const anterior =\n                producto.querySelector(\".compare-at-price\")?.textContent.trim() || \"\";\n          \n\n            const imagen =\n                producto.querySelector(\".product_img img\")?.src || \"\";\n\n            const link =\n                producto.querySelector(\".product_name a\")?.href || \"#\";\n\n            salida += `\n\n\u003cdiv class=\"ofd-item\"\u003e\n\n    \u003cimg src=\"${imagen}\" loading=\"lazy\" alt=\"${titulo}\"\u003e\n\n    \u003cdiv class=\"ofd-info\"\u003e\n\n        \u003cdiv class=\"ofd-titulo\"\u003e${titulo}\u003c\/div\u003e\n\n        \u003cdiv class=\"ofd-desc\"\u003e${descripcion}\u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n            \u003cspan class=\"ofd-precio\"\u003e${precio}\u003c\/span\u003e\n\n            ${anterior ? `\u003cspan class=\"ofd-anterior\"\u003e${anterior}\u003c\/span\u003e` : \"\"}\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ofd-botones\"\u003e\n\n            \u003ca class=\"ofd-ver\"\n               href=\"${link}\"\u003e\n            \n               Ver producto\n            \n            \u003c\/a\u003e\n\n            \u003ca class=\"ofd-wa\"\n               target=\"_blank\"\n               href=\"https:\/\/wa.me\/524521129929?text=${encodeURIComponent(\"Hola, me interesa \" + titulo)}\"\u003e\n\n               WhatsApp\n\n            \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n`;\n\n        });\n\n        if(salida===\"\"){\n\n            lista.innerHTML=\"\u003ccenter\u003eNo hay productos en OFD.\u003c\/center\u003e\";\n\n        }else{\n\n            lista.innerHTML=salida;\n\n        }\n\n        modal.style.display=\"block\";\n\n    }catch(err){\n\n        console.error(err);\n\n        lista.innerHTML=\"\u003ccenter\u003eError cargando ofertas.\u003c\/center\u003e\";\n\n        modal.style.display=\"block\";\n\n    }\n\n});\n\n\u003c\/script\u003e\n\n\n","products":[{"product_id":"20w501ltsr","title":"20W501LTSR","description":"\u003cp\u003eACEITE MOTORCRAFT 20W50 1LT\u003c\/p\u003e","brand":"GENESIS","offers":[{"title":"Default Title","offer_id":49831795786030,"sku":"20W501LTSR","price":105.51,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0843\/4522\/5518\/files\/20W501LTSR.jpg?v=1742845569"},{"product_id":"20w505ltsr","title":"20W505LTSR","description":"\u003cp\u003eACEITE MOTORCRAF 20W50 5LTS\u003c\/p\u003e","brand":"GENESIS","offers":[{"title":"Default Title","offer_id":49831797031214,"sku":"20W505LTSR","price":500.41,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0843\/4522\/5518\/files\/20W505LTSR.jpg?v=1742846065"},{"product_id":"bardahl","title":"BARDAHL","description":"\u003cp\u003eADITIVO BARDAHL 1 Ó 2\u003c\/p\u003e","brand":"GENESIS","offers":[{"title":"Default Title","offer_id":49831818887470,"sku":"BARDAHL","price":110.76,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0843\/4522\/5518\/files\/BARDAHL.png?v=1745348426"},{"product_id":"barlf350ml","title":"BARLF350ML","description":"\u003cp\u003eLIQUIDO DE FRENOS BARDAHL DOT3 350ML\u003c\/p\u003e","brand":"GENESIS","offers":[{"title":"Default Title","offer_id":51043055436078,"sku":"BARLF350ML","price":45.8,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0843\/4522\/5518\/files\/BARLF350ML.png?v=1756838722"},{"product_id":"barlf1lt","title":"BARLF1LT","description":"\u003cp\u003eLIQUIDO DE FRENOS BARDAHL DOT3 1LT\u003c\/p\u003e","brand":"GENESIS","offers":[{"title":"Default Title","offer_id":51043075916078,"sku":"BARLF1LT","price":111.41,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0843\/4522\/5518\/files\/BARLF1LT.png?v=1756838940"}],"url":"https:\/\/genesis1.mx\/collections\/ofd\/kit-expedition-5-4-99-04.oembed","provider":"Genesis","version":"1.0","type":"link"}