{"product_id":"alisador-de-batana-375-ml","title":"ALISADOR DE BATANA 2X1","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eNotificación de Ventas\u003c\/title\u003e\n  \u003cstyle\u003e\n    .sale-notif {\n      position: fixed;\n      bottom: 80px;\n      left: 16px;\n      z-index: 9999;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: #ffffff;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      padding: 10px 36px 10px 12px;\n      box-shadow: 0 2px 12px rgba(0,0,0,0.10);\n      max-width: 280px;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      transform: translateX(0);\n      opacity: 1;\n      transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s ease;\n    }\n    .sale-notif.hide-left {\n      transform: translateX(-120%);\n      opacity: 0;\n    }\n    .sale-notif.hide-right {\n      transform: translateX(120%);\n      opacity: 0;\n    }\n    .notif-avatar {\n      width: 38px;\n      height: 38px;\n      border-radius: 50%;\n      object-fit: cover;\n      flex-shrink: 0;\n      border: 1.5px solid #e5e7eb;\n    }\n    .notif-body { flex: 1; min-width: 0; }\n    .notif-name {\n      font-size: 12px;\n      font-weight: 600;\n      color: #111;\n      line-height: 1.3;\n      margin-bottom: 2px;\n    }\n    .notif-text {\n      font-size: 11px;\n      color: #444;\n      line-height: 1.4;\n    }\n    .notif-time {\n      font-size: 10px;\n      color: #aaa;\n      margin-top: 3px;\n    }\n    .notif-close {\n      position: absolute;\n      top: 8px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 14px;\n      color: #aaa;\n      cursor: pointer;\n      line-height: 1;\n      padding: 0;\n    }\n    .notif-close:hover { color: #333; }\n    .progress-bar {\n      position: fixed;\n      bottom: 76px;\n      left: 16px;\n      width: 280px;\n      height: 2px;\n      background: #e5e7eb;\n      border-radius: 2px;\n      overflow: hidden;\n      z-index: 9999;\n    }\n    .progress-fill {\n      height: 100%;\n      background: #888;\n      border-radius: 2px;\n      width: 0%;\n      transition: width linear;\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003cdiv class=\"sale-notif\" id=\"notif\"\u003e\n    \u003cimg class=\"notif-avatar\" id=\"notif-avatar\" src=\"\" alt=\"\"\u003e\n    \u003cdiv class=\"notif-body\"\u003e\n      \u003cdiv class=\"notif-name\" id=\"notif-name\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"notif-text\" id=\"notif-text\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"notif-time\" id=\"notif-time\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"notif-close\" onclick=\"skipNext()\"\u003e✕\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"progress-bar\"\u003e\u003cdiv class=\"progress-fill\" id=\"prog\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n  \u003cscript\u003e\n    const data = [\n      { name: \"Maria Garcia\",    city: \"Barranquilla\", img: \"https:\/\/i.pravatar.cc\/96?img=47\", time: \"hace 3 horas\" },\n      { name: \"Carlos Mendez\",   city: \"Bogotá\",       img: \"https:\/\/i.pravatar.cc\/96?img=12\", time: \"hace 5 minutos\" },\n      { name: \"Valentina Rios\",  city: \"Medellín\",     img: \"https:\/\/i.pravatar.cc\/96?img=32\", time: \"hace 12 minutos\" },\n      { name: \"Jorge Perez\",     city: \"Cali\",         img: \"https:\/\/i.pravatar.cc\/96?img=15\", time: \"hace 28 minutos\" },\n      { name: \"Luisa Torres\",    city: \"Cartagena\",    img: \"https:\/\/i.pravatar.cc\/96?img=56\", time: \"hace 45 minutos\" },\n      { name: \"Andrés Castillo\", city: \"Bucaramanga\",  img: \"https:\/\/i.pravatar.cc\/96?img=68\", time: \"hace 1 hora\" },\n      { name: \"Sofia Reyes\",     city: \"Pereira\",      img: \"https:\/\/i.pravatar.cc\/96?img=44\", time: \"hace 2 horas\" },\n    ];\n\n    const PRODUCTO = \"Alisador de Batana\";\n    const DURATION = 7000;\n    let current = 0;\n    let timer;\n\n    function show(index, fromRight) {\n      const d = data[index];\n      const notif = document.getElementById('notif');\n      notif.classList.add(fromRight ? 'hide-right' : 'hide-left');\n\n      setTimeout(() =\u003e {\n        document.getElementById('notif-avatar').src = d.img;\n        document.getElementById('notif-avatar').alt = d.name;\n        document.getElementById('notif-name').textContent = d.name + ' de ' + d.city + ', Colombia';\n        document.getElementById('notif-text').innerHTML = 'Compró \u003cstrong\u003e' + PRODUCTO + '\u003c\/strong\u003e y paga al recibir 🚚';\n        document.getElementById('notif-time').textContent = d.time;\n\n        notif.classList.remove('hide-right', 'hide-left');\n        notif.classList.add(fromRight ? 'hide-left' : 'hide-right');\n\n        requestAnimationFrame(() =\u003e {\n          requestAnimationFrame(() =\u003e {\n            notif.classList.remove('hide-left', 'hide-right');\n          });\n        });\n\n        startProgress();\n      }, 380);\n    }\n\n    function startProgress() {\n      const fill = document.getElementById('prog');\n      fill.style.transition = 'none';\n      fill.style.width = '0%';\n      requestAnimationFrame(() =\u003e {\n        fill.style.transition = 'width ' + DURATION + 'ms linear';\n        fill.style.width = '100%';\n      });\n    }\n\n    function next() {\n      current = (current + 1) % data.length;\n      show(current, true);\n      clearTimeout(timer);\n      timer = setTimeout(next, DURATION);\n    }\n\n    function skipNext() {\n      clearTimeout(timer);\n      next();\n    }\n\n    show(current, false);\n    timer = setTimeout(next, DURATION);\n  \u003c\/script\u003e\n\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0594\/1248\/0072\/files\/Copia_de_Copia_de_Copia_de_PLANTILLAS_LANDING_-_LABORATORIO_5.png?v=1774187627\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0594\/1248\/0072\/files\/Copia_de_Copia_de_Copia_de_PLANTILLAS_LANDING_-_LABORATORIO_4.png?v=1774187650\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0594\/1248\/0072\/files\/Copia_de_Copia_de_Copia_de_PLANTILLAS_LANDING_-_LABORATORIO.png?v=1774187687\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0594\/1248\/0072\/files\/Copia_de_Copia_de_Copia_de_PLANTILLAS_LANDING_-_LABORATORIO_7.png?v=1774194699\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0594\/1248\/0072\/files\/Copia_de_Copia_de_Copia_de_PLANTILLAS_LANDING_-_LABORATORIO_8.png?v=1774194878\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/body\u003e","brand":"casa esencia","offers":[{"title":"Default Title","offer_id":41062861471816,"sku":"ALISADOR DE BATANA 375 ML","price":59900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0594\/1248\/0072\/files\/IMAGEN_OFICIAL.png?v=1774064740","url":"https:\/\/casaesenciacolombia.com\/products\/alisador-de-batana-375-ml","provider":"casa esencia","version":"1.0","type":"link"}