{"product_id":"direccional-manillar-koso-moto-led-secue","title":"Direccional Manillar Koso","description":"\u003cbody\u003e\n\n \n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\"\u003e\n  \u003cmeta name=\"theme-color\" content=\"#0f172a\"\u003e\n  \u003cmeta property=\"og:type\" content=\"website\"\u003e\n  \u003cmeta property=\"og:title\" content=\"¡NUEVA VENTA EN COLOMBIA!\"\u003e\n  \u003cmeta property=\"og:description\" content=\"Oferta exclusiva con temporizador en vivo\"\u003e\n  \u003cscript src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"\u003e\u003c\/script\u003e\n  \u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    html, body { margin: 0; padding: 0; height: auto; overflow: auto; }\n    * { box-sizing: border-box; }\n  \u003c\/style\u003e\n  \u003cstyle\u003ebody { box-sizing: border-box; }\u003c\/style\u003e\n  \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e\n  \u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e\n \n \n  \u003cdiv id=\"floatingTab\" class=\"fixed right-4 bottom-8 z-50 pointer-events-auto\"\u003e\n\u003cbutton id=\"tabToggle\" class=\"bg-red-600 hover:bg-red-700 text-white px-4 py-3 rounded-lg shadow-2xl font-bold text-sm transition-all duration-300 pointer-events-auto active:scale-95\" style=\"box-shadow: 0px 5px 20px rgba(220, 38, 38, 0.5); touch-action: manipulation;\"\u003e 🎁 OFERTA \u003c\/button\u003e\n   \u003cdiv id=\"tabContent\" class=\"absolute bottom-16 right-0 bg-gradient-to-r from-red-600 to-red-700 text-white px-4 py-3 rounded-lg shadow-2xl flex flex-col gap-2 w-64 pointer-events-auto\" style=\"display: none; box-shadow: 0px 5px 20px rgba(220, 38, 38, 0.5);\"\u003e\n    \u003cdiv class=\"font-bold text-sm leading-tight\"\u003e\n     ¡NUEVA VENTA EN\u003cbr\u003e\u003cspan id=\"cityName\"\u003eBOGOTÁ\u003c\/span\u003e!\n    \u003c\/div\u003e\n    \u003cdiv class=\"text-xs opacity-90\"\u003e\n     La oferta acaba en:\n    \u003c\/div\u003e\n    \u003cdiv id=\"timer\" class=\"text-2xl font-bold text-yellow-300 animate-pulse\"\u003e\n     60:00\n    \u003c\/div\u003e\n   \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv id=\"app\" class=\"w-full flex flex-col items-center justify-start\" style=\"background: #0f172a; gap: 0; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; min-height: auto; overflow: visible;\"\u003e\n   \u003cdiv class=\"w-full\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/e183433d-ae21-4a46-8487-0bcaaa04d08e_-_copia.png?v=1776463961\" alt=\"Support\" class=\"w-full h-auto object-cover block\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='#1e293b'; this.alt='Image unavailable';\" style=\"display: block; margin: 0;\"\u003e\n   \u003c\/div\u003e\n   \u003cdiv class=\"w-full\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/11195ec8-9f47-4d49-8922-38b474821b17.png?v=1776463960\" alt=\"Support secondary\" class=\"w-full h-auto object-cover block\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='#1e293b'; this.alt='Image unavailable';\" style=\"display: block; margin: 0;\"\u003e\n   \u003c\/div\u003e\n   \u003cdiv class=\"w-full\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/e068744d-b71c-4b82-86db-ca8bb7feac92_2_-_copia.png?v=1776463961\" alt=\"Support tertiary\" class=\"w-full h-auto object-cover block\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='#1e293b'; this.alt='Image unavailable';\" style=\"display: block; margin: 0;\"\u003e\n   \u003c\/div\u003e\n   \u003cdiv class=\"w-full\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/69608636-95ee-40bc-b950-741469f0dc92.png?v=1776466425\" alt=\"Support new\" class=\"w-full h-auto object-cover block\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='#1e293b'; this.alt='Image unavailable';\" style=\"display: block; margin: 0;\"\u003e\n   \u003c\/div\u003e\n   \u003cdiv class=\"w-full\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/1e269e74-59c7-4fc9-a232-52f0260f0b26.png?v=1776463858\" alt=\"Support quaternary\" class=\"w-full h-auto object-cover block\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='#1e293b'; this.alt='Image unavailable';\" style=\"display: block; margin: 0;\"\u003e\n   \u003c\/div\u003e\n   \u003cdiv class=\"w-full\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/a16d9f4a-6451-4258-b94c-fc4155918d25.png?v=1776463960\" alt=\"Support quinary\" class=\"w-full h-auto object-cover block\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='#1e293b'; this.alt='Image unavailable';\" style=\"display: block; margin: 0;\"\u003e\n   \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cscript\u003e\n    \/\/ Detect if running in iframe or standalone\n    const isInIframe = window.self !== window.top;\n    \n    const defaultConfig = {\n      title_text: \"SOPORTE\",\n      background_color: \"#0f172a\",\n      text_color: \"#e2e8f0\",\n      font_family: \"Outfit\",\n      font_size: 48\n    };\n\n    const colombianCitiesWithPersonNames = [\n      \"BOGOTÁ\",\n      \"MEDELLÍN\",\n      \"CALI\",\n      \"BARRANQUILLA\",\n      \"CARTAGENA\",\n      \"SANTA MARTA\",\n      \"BUCARAMANGA\",\n      \"CÚCUTA\",\n      \"PEREIRA\",\n      \"MANIZALES\",\n      \"IBAGUÉ\",\n      \"POPAYÁN\",\n      \"PASTO\",\n      \"VALLEDUPAR\",\n      \"RIOHACHA\",\n      \"MONTERÍA\",\n      \"SINCELEJO\",\n      \"QUIBDÓ\",\n      \"LETICIA\",\n      \"ARAUCA\"\n    ];\n\n    let timeRemaining = 60 * 60; \/\/ 60 minutes in seconds\n    let tabOpen = false;\n    let currentCityIndex = 0;\n\n    function formatTime(seconds) {\n      const mins = Math.floor(seconds \/ 60);\n      const secs = seconds % 60;\n      return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;\n    }\n\n    function changeCityName() {\n      currentCityIndex = Math.floor(Math.random() * colombianCitiesWithPersonNames.length);\n      document.getElementById('cityName').textContent = colombianCitiesWithPersonNames[currentCityIndex];\n    }\n\n    function updateTimer() {\n      if (timeRemaining \u003e 0) {\n        timeRemaining--;\n        document.getElementById('timer').textContent = formatTime(timeRemaining);\n      } else {\n        clearInterval(timerInterval);\n        document.getElementById('timer').textContent = \"¡OFERTA TERMINADA!\";\n      }\n    }\n\n    function toggleTab() {\n      const tabContent = document.getElementById('tabContent');\n      \n      if (tabOpen) {\n        tabContent.style.display = 'none';\n      } else {\n        tabContent.style.display = 'flex';\n      }\n      \n      tabOpen = !tabOpen;\n    }\n\n    function applyConfig(config) {\n      document.getElementById('app').style.background = config.background_color || defaultConfig.background_color;\n    }\n\n    \/\/ Open tab automatically on page load (after 1 second for better UX)\n    function autoOpenTab() {\n      setTimeout(() =\u003e {\n        if (!tabOpen) {\n          toggleTab();\n        }\n      }, 1000);\n    }\n\n    \/\/ Event listeners\n    document.getElementById('tabToggle').addEventListener('click', toggleTab);\n    document.getElementById('tabToggle').addEventListener('touchstart', function(e) {\n      e.preventDefault();\n      toggleTab();\n    });\n\n    \/\/ Start timer\n    let timerInterval = setInterval(updateTimer, 1000);\n    updateTimer();\n\n    \/\/ Change city name every 20 seconds\n    let cityInterval = setInterval(changeCityName, 20000);\n    changeCityName(); \/\/ Set initial city\n\n    \/\/ Auto-open tab on load\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', autoOpenTab);\n    } else {\n      autoOpenTab();\n    }\n\n    \/\/ Initialize Element SDK if available\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig,\n        onConfigChange: async (config) =\u003e applyConfig(config),\n        mapToCapabilities: (config) =\u003e ({\n          recolorables: [\n            { get: () =\u003e config.background_color || defaultConfig.background_color, set: (v) =\u003e { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); } },\n            { get: () =\u003e config.text_color || defaultConfig.text_color, set: (v) =\u003e { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); } }\n          ],\n          borderables: [],\n          fontEditable: { get: () =\u003e config.font_family || defaultConfig.font_family, set: (v) =\u003e { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); } },\n          fontSizeable: { get: () =\u003e config.font_size || defaultConfig.font_size, set: (v) =\u003e { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); } }\n        }),\n        mapToEditPanelValues: (config) =\u003e new Map([\n          [\"title_text\", config.title_text || defaultConfig.title_text]\n        ])\n      });\n    }\n\n    \/\/ Shopify compatibility: Prevent default scroll behavior for better mobile experience\n    if (isInIframe) {\n      document.body.style.overscrollBehavior = 'none';\n    }\n    \n    \/\/ Ensure content is scrollable\n    setTimeout(() =\u003e {\n      document.documentElement.style.overflow = 'auto';\n      document.body.style.overflow = 'auto';\n    }, 100);\n  \u003c\/script\u003e\n \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9edf1424a601d267',t:'MTc3NjQ2NzE3MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\n\u003c\/body\u003e","brand":"Ama store","offers":[{"title":"Default Title","offer_id":47669489828098,"sku":"241541","price":89900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/bc27143e-0962-4fc7-8e8f-abd6c6b32fbb_79b6b5d2-5f56-4103-8645-cfdebb9d0705.png?v=1776467271","url":"https:\/\/amacompra.com\/products\/direccional-manillar-koso-moto-led-secue","provider":"Ama store","version":"1.0","type":"link"}