{"product_id":"sellador-impermeabilizante-invisible","title":"Sellador impermeabilizante invisible","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003cmeta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    html, body {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    body {\n      background-color: #ffffff;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    }\n    #app-wrapper {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      overflow: auto;\n    }\n    img {\n      display: block;\n      width: 100%;\n      height: auto;\n      margin: 0;\n      padding: 0;\n      border: none;\n      line-height: 0;\n      font-size: 0;\n    }\n    \n    \/* Notificación de compra flotante *\/\n    .purchase-notification {\n      position: fixed;\n      bottom: -400px;\n      right: 20px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n      padding: 16px;\n      max-width: 320px;\n      z-index: 999;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      transition: bottom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .purchase-notification.show {\n      bottom: 20px;\n    }\n    \n    .purchase-notification.hide {\n      transition: bottom 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);\n      bottom: -400px;\n    }\n    \n    .notification-header {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 12px;\n      border-bottom: 2px solid #FF6B35;\n      padding-bottom: 10px;\n    }\n    \n    .notification-icon {\n      font-size: 28px;\n      animation: pulse 1s infinite;\n    }\n    \n    .notification-title {\n      font-size: 14px;\n      font-weight: 900;\n      color: #FF6B35;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .notification-content {\n      font-size: 13px;\n      color: #333;\n      line-height: 1.5;\n    }\n    \n    .notification-customer {\n      font-weight: 600;\n      color: #FF6B35;\n      margin-bottom: 6px;\n    }\n    \n    .notification-product {\n      color: #666;\n      margin-bottom: 8px;\n    }\n    \n    .notification-price {\n      font-size: 18px;\n      font-weight: 900;\n      color: #FF4500;\n      margin-top: 8px;\n    }\n    \n    .close-notification {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      background: none;\n      border: none;\n      font-size: 20px;\n      cursor: pointer;\n      color: #999;\n      padding: 0;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .close-notification:hover {\n      color: #333;\n    }\n    \n    @keyframes pulse {\n      0%, 100% {\n        transform: scale(1);\n      }\n      50% {\n        transform: scale(1.2);\n      }\n    }\n    \n    \n    \/* Modal de urgencia *\/\n    .urgency-modal {\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, 0.6);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1000;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.3s ease;\n    }\n    \n    .urgency-modal.active {\n      opacity: 1;\n      pointer-events: auto;\n    }\n    \n    .modal-content {\n      background: white;\n      border-radius: 16px;\n      padding: 32px 24px;\n      max-width: 400px;\n      width: 90%;\n      text-align: center;\n      animation: modalBounce 0.5s ease-out;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n    }\n    \n    @keyframes modalBounce {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n    \n    .modal-icon {\n      font-size: 48px;\n      margin-bottom: 16px;\n      display: inline-block;\n      animation: bounce 1s infinite;\n    }\n    \n    @keyframes bounce {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n    \n    .modal-title {\n      font-size: 22px;\n      font-weight: 900;\n      color: #FF6B35;\n      margin-bottom: 12px;\n      text-transform: uppercase;\n    }\n    \n    .modal-subtitle {\n      font-size: 14px;\n      color: #666;\n      margin-bottom: 8px;\n    }\n    \n    .modal-highlight {\n      font-size: 16px;\n      color: #FF4500;\n      font-weight: bold;\n      margin: 16px 0;\n      background: #FFF3E0;\n      padding: 12px;\n      border-radius: 8px;\n      border: 2px solid #FF6B35;\n    }\n    \n    .modal-message {\n      font-size: 13px;\n      color: #333;\n      margin: 12px 0;\n      line-height: 1.5;\n    }\n    \n    .modal-buttons {\n      display: flex;\n      gap: 12px;\n      margin-top: 20px;\n    }\n    \n    .btn-close {\n      flex: 1;\n      padding: 12px;\n      background: #f0f0f0;\n      border: none;\n      border-radius: 8px;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: background 0.3s;\n    }\n    \n    .btn-close:hover {\n      background: #e0e0e0;\n    }\n    \n    .btn-action {\n      flex: 1;\n      padding: 12px;\n      background: linear-gradient(135deg, #FF6B35 0%, #FF4500 100%);\n      color: white;\n      border: none;\n      border-radius: 8px;\n      font-size: 14px;\n      font-weight: 700;\n      cursor: pointer;\n      transition: transform 0.2s;\n    }\n    \n    .btn-action:hover {\n      transform: translateY(-2px);\n    }\n  \u003c\/style\u003e\n\u003cstyle\u003ebody { box-sizing: border-box; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cscript src=\"\/_sdk\/element_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cmain id=\"app-wrapper\"\u003e\u003cimg loading=\"eager\" alt=\"Soporte 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/imagen_0_0.png?v=1773942979\"\u003e \u003cimg loading=\"lazy\" alt=\"Soporte 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/imagen_0_1.png?v=1773942982\"\u003e \u003cimg loading=\"lazy\" alt=\"Soporte 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/1cbf0ad0-4204-425b-be7e-30b97de93dfa.png?v=1773944309\"\u003e \u003cimg loading=\"lazy\" alt=\"Soporte 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/imagen_1_1.png?v=1773942976\"\u003e \u003cimg loading=\"lazy\" alt=\"Soporte 5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/626f4c61-3523-4e80-819e-c4f14b231c24.png?v=1773942977\"\u003e \u003cimg loading=\"lazy\" alt=\"Soporte 6\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/imagen_2_1.png?v=1773942982\"\u003e\u003c\/main\u003e\u003c!-- Notificación de compra flotante --\u003e\n\u003cdiv id=\"purchaseNotification\" class=\"purchase-notification\"\u003e\n\u003cbutton id=\"closeNotification\" class=\"close-notification\"\u003e✕\u003c\/button\u003e\n\u003cdiv class=\"notification-header\"\u003e\n\u003cspan class=\"notification-icon\"\u003e🛍️\u003c\/span\u003e \u003cspan class=\"notification-title\"\u003e¡Nueva Compra!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"notification-content\"\u003e\n\u003cdiv class=\"notification-customer\"\u003e👤 \u003cspan id=\"customerName\"\u003eMaría García\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"notification-product\"\u003e📦 \u003cspan id=\"productName\"\u003eAccesorios Premium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"notification-price\"\u003e$\u003cspan id=\"productPrice\"\u003e89.990\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal de urgencia --\u003e\n\u003cdiv id=\"urgencyModal\" class=\"urgency-modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-icon\"\u003e🔥\u003c\/div\u003e\n\u003cdiv class=\"modal-title\"\u003e¡OFERTA LIMITADA!\u003c\/div\u003e\n\u003cdiv class=\"modal-subtitle\"\u003eEste precio no durará mucho\u003c\/div\u003e\n\u003cdiv class=\"modal-highlight\"\u003e⏰ VÁLIDO SOLO HOY\u003c\/div\u003e\n\u003cdiv class=\"modal-message\"\u003eNuestro equipo de soporte está listo para ayudarte. ¡No dejes pasar esta oportunidad!\u003c\/div\u003e\n\u003cdiv class=\"modal-buttons\"\u003e\n\u003cbutton id=\"closeModal\" class=\"btn-close\"\u003eCerrar\u003c\/button\u003e \u003cbutton id=\"buyNow\" class=\"btn-action\"\u003e🛒 COMPRAR AHORA\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n    \/\/ Datos de compras simuladas del Sellador Goteras\n    const compras = [\n      { cliente: \"María García\", producto: \"Sellador Goteras\", precio: \"79.900\", ciudad: \"Bogotá\" },\n      { cliente: \"Juan López\", producto: \"Sellador Goteras\", precio: \"79.900\", ciudad: \"Medellín\" },\n      { cliente: \"Carolina Sánchez\", producto: \"Sellador Goteras\", precio: \"79.900\", ciudad: \"Cali\" },\n      { cliente: \"Roberto Díaz\", producto: \"Sellador Goteras\", precio: \"79.900\", ciudad: \"Barranquilla\" },\n      { cliente: \"Sofía Martínez\", producto: \"Sellador Goteras\", precio: \"79.900\", ciudad: \"Cartagena\" },\n      { cliente: \"Diego Rodríguez\", producto: \"Sellador Goteras\", precio: \"79.900\", ciudad: \"Santa Marta\" }\n    ];\n    \n    \/\/ Esperar a que el DOM esté listo\n    function iniciarNotificaciones() {\n      const notification = document.getElementById('purchaseNotification');\n      const closeNotification = document.getElementById('closeNotification');\n      const customerName = document.getElementById('customerName');\n      const productName = document.getElementById('productName');\n      const productPrice = document.getElementById('productPrice');\n      const closeModal = document.getElementById('closeModal');\n      const buyNow = document.getElementById('buyNow');\n      const urgencyModal = document.getElementById('urgencyModal');\n      \n      if (!notification || !customerName) {\n        setTimeout(iniciarNotificaciones, 100);\n        return;\n      }\n      \n      let compraActual = 0;\n      let timers = [];\n      \n      function limpiarTimers() {\n        timers.forEach(t =\u003e clearTimeout(t));\n        timers = [];\n      }\n      \n      \/\/ Mostrar notificación con datos de compra\n      function mostrarNotificacion() {\n        const compra = compras[compraActual % compras.length];\n        customerName.textContent = compra.cliente;\n        productName.textContent = compra.producto;\n        productPrice.textContent = compra.precio;\n        \n        \/\/ Entrada de la notificación\n        notification.classList.remove('hide');\n        notification.classList.add('show');\n        \n        \/\/ Sale después de 5 segundos\n        timers.push(setTimeout(() =\u003e {\n          notification.classList.remove('show');\n          notification.classList.add('hide');\n          compraActual++;\n          \n          \/\/ Vuelve a entrar después de 15 segundos\n          timers.push(setTimeout(() =\u003e {\n            mostrarNotificacion();\n          }, 15000));\n        }, 5000));\n      }\n      \n      \/\/ Inicia el ciclo al cargar la página inmediatamente\n      mostrarNotificacion();\n      \n      \/\/ Cerrar notificación manualmente\n      closeNotification.addEventListener('click', (e) =\u003e {\n        e.stopPropagation();\n        limpiarTimers();\n        notification.classList.remove('show');\n        notification.classList.add('hide');\n        \n        \/\/ Reinicia el ciclo después de 3 segundos\n        timers.push(setTimeout(() =\u003e {\n          mostrarNotificacion();\n        }, 3000));\n      });\n      \n      \/\/ Cerrar modal\n      if (closeModal) {\n        closeModal.addEventListener('click', () =\u003e {\n          urgencyModal.classList.remove('active');\n        });\n      }\n      \n      \/\/ Botón comprar ahora\n      if (buyNow) {\n        buyNow.addEventListener('click', () =\u003e {\n          \/\/ Compatible con Shopify - busca el botón de compra en la página\n          const shopifyBuyButton = document.querySelector('[data-product-id]') || \n                                   document.querySelector('button[name=\"add\"]') ||\n                                   document.querySelector('.product-form__submit');\n          \n          if (shopifyBuyButton) {\n            shopifyBuyButton.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            shopifyBuyButton.click();\n          } else {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n          }\n        });\n      }\n    }\n    \n    \/\/ Iniciar cuando el DOM esté listo\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', iniciarNotificaciones);\n    } else {\n      iniciarNotificaciones();\n    }\n  \u003c\/script\u003e \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:'9dee9bffb699dead',t:'MTc3Mzk0NTY2Ni4wMDAwMDA='};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\u003c\/p\u003e","brand":"Ama store","offers":[{"title":"1 UND","offer_id":47489634533634,"sku":"1-0","price":79900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/616a0fd6-7faf-49ae-82d9-ce249acc3168_65d5ebb2-ce3e-445b-9c3a-72f16406ac71.png?v=1773945768","url":"https:\/\/amacompra.com\/products\/sellador-impermeabilizante-invisible","provider":"Ama store","version":"1.0","type":"link"}