{"product_id":"serum-vibes-quita-manchas","title":"Serum Vibes Quita manchas cara","description":"\u003cdiv class=\"ba-wrap\"\u003e\n  \u003cdiv class=\"ba-box\" id=\"baBox\"\u003e\n\n    \u003c!-- DESPUÉS --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0908\/0687\/8484\/files\/2_961a7bde-cd31-4f72-a878-7b6aa8997e30.png?v=1770083678\" class=\"ba-img ba-after\" alt=\"Después\"\u003e\n\n    \u003c!-- ANTES --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0908\/0687\/8484\/files\/1_0dfb6625-7cca-4719-ad25-82e712eacb68.png?v=1770083679\" class=\"ba-img ba-before\" id=\"baBefore\" alt=\"Antes\"\u003e\n\n    \u003c!-- LINEA --\u003e\n    \u003cdiv class=\"ba-line\" id=\"baLine\"\u003e\n      \u003cspan class=\"ba-circle\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- LABELS --\u003e\n    \u003cspan class=\"ba-tag left\"\u003eANTES\u003c\/span\u003e\n    \u003cspan class=\"ba-tag right\"\u003eDESPUÉS\u003c\/span\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.ba-wrap {\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.ba-box {\n  position: relative;\n  width: 100%;\n  height: 480px;\n  overflow: hidden;\n}\n\n\/* IMÁGENES FIJAS *\/\n.ba-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* BEFORE RECORTADO CON CLIP-PATH (NO ESCALA) *\/\n.ba-before {\n  z-index: 2;\n  clip-path: inset(0 50% 0 0);\n}\n\n\/* LINEA *\/\n.ba-line {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 2px;\n  height: 100%;\n  background: #fff;\n  z-index: 5;\n  cursor: ew-resize;\n}\n\n.ba-circle {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 34px;\n  height: 34px;\n  background: #fff;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  box-shadow: 0 4px 14px rgba(0,0,0,0.35);\n}\n\n\/* LABELS *\/\n.ba-tag {\n  position: absolute;\n  top: 14px;\n  padding: 6px 14px;\n  font-size: 12px;\n  font-weight: 700;\n  background: rgba(0,0,0,0.65);\n  color: #fff;\n  border-radius: 999px;\n  z-index: 6;\n}\n\n.ba-tag.left { left: 14px; }\n.ba-tag.right { right: 14px; }\n\n\/* MOBILE *\/\n@media (max-width: 600px) {\n  .ba-box { height: 360px; }\n  .ba-circle { width: 28px; height: 28px; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function () {\n  const box = document.getElementById('baBox');\n  const beforeImg = document.getElementById('baBefore');\n  const line = document.getElementById('baLine');\n\n  let active = false;\n\n  function move(x) {\n    const rect = box.getBoundingClientRect();\n    let pos = x - rect.left;\n    pos = Math.max(0, Math.min(pos, rect.width));\n    const percent = (pos \/ rect.width) * 100;\n\n    beforeImg.style.clipPath = `inset(0 ${100 - percent}% 0 0)`;\n    line.style.left = percent + '%';\n  }\n\n  line.addEventListener('mousedown', () =\u003e active = true);\n  window.addEventListener('mouseup', () =\u003e active = false);\n  window.addEventListener('mousemove', e =\u003e active \u0026\u0026 move(e.clientX));\n\n  line.addEventListener('touchstart', () =\u003e active = true);\n  window.addEventListener('touchend', () =\u003e active = false);\n  window.addEventListener('touchmove', e =\u003e active \u0026\u0026 move(e.touches[0].clientX));\n})();\n\u003c\/script\u003e\n\n\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cstrong\u003eManchas por sol, edad o melasma en tu piel que no se van. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eLa exposición solar sin protección ha creado manchas oscuras que envejecen tu rostro. \u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eVibes penetra profundamente para romper esos cúmulos de melanina, aclarando el daño visible y previniendo futuras apariciones.\u003c\/p\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0908\/0687\/8484\/files\/Whisk_8b28a13c1ecd716a9e54982df81dd23cdr_480x480.webp?v=1770082132\" alt=\"\" style=\"float: none;\"\u003e\u003c\/div\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eTuviste Acné y te quedaron manchas y cicatrices\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eTu piel se siente rugosa y con marcas que el maquillaje no logra cubrir bien. \u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eSu fórmula retexturizante alisa la superficie de la piel, eliminando marcas gradualmente para un acabado suave como la seda.\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0908\/0687\/8484\/files\/Vibes-GIF_480x480.webp?v=1770081058\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eConsigue ese efecto \"piel de cristal\" sin maquillaje. \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eLa piel opaca te hace lucir cansada; cámbialo con un cóctel de antioxidantes que iluminan y revitalizan tu rostro desde la primera semana. Consigue tu brillo natural ahora.\u003c\/p\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0908\/0687\/8484\/files\/Vibes-GIF-2_480x480.webp?v=1770085777\" alt=\"\" style=\"float: none;\"\u003e\u003c\/div\u003e","brand":"Hoopinz","offers":[{"title":"Default Title","offer_id":51936340738324,"sku":"SERUM VIBES QUITA MANCHAS","price":119900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0908\/0687\/8484\/files\/Gemini_Generated_Image_b7xc2tb7xc2tb7xc.webp?v=1770086889","url":"https:\/\/www.hoopinz.com\/products\/serum-vibes-quita-manchas","provider":"Hoopinz","version":"1.0","type":"link"}