{"product_id":"gummies-colageno-1","title":"Gummies Colágeno","description":"\u003cstyle\u003e\n.gcp-section{padding:1.6rem 1.3rem 1.5rem;font-family:'Inter',sans-serif;}\n.gcp-section *{box-sizing:border-box;}\n\n.gcp-top-badge{display:inline-flex;align-items:center;gap:5px;background:#F4C2D7;padding:4px 11px;border-radius:20px;margin-bottom:.6rem;}\n.gcp-top-badge svg{width:9px;height:9px;fill:#fff;flex-shrink:0;}\n.gcp-top-badge span{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;}\n\n.gcp-head-block{padding-bottom:1.1rem;text-align:left;}\n.gcp-title{font-size:20px;font-weight:300;letter-spacing:-.015em;color:#1C1B19;margin:0;line-height:1.25;}\n.gcp-title em{font-style:normal;font-weight:500;}\n.gcp-sub{font-size:12px;color:#8A8781;margin:.4rem 0 0;line-height:1.5;}\n\n.gcp-packs-wrap{display:flex;flex-direction:column;gap:8px;margin-top:10px;}\n\n.gcp-card{\n  position:relative;border-radius:4px;padding:.85rem 1rem;cursor:pointer;\n  display:flex;align-items:center;justify-content:space-between;\n  background:#ffffff;border:1px solid #DEDCD5;\n  transition:border-color .15s ease, background .15s ease;\n}\n.gcp-card:hover{border-color:#A9A6A0;}\n.gcp-card.gcp-feat{border:1px solid #F4C2D7;background:#FEF9FB;}\n\n.gcp-left{display:flex;align-items:center;gap:.85rem;}\n\n.gcp-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid #C7C4BD;flex-shrink:0;position:relative;}\n.gcp-card.gcp-feat .gcp-radio{border-color:#F4C2D7;}\n.gcp-card.gcp-feat .gcp-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:#F4C2D7;}\n\n.gcp-info{display:flex;flex-direction:column;gap:4px;}\n.gcp-tier-label{font-size:13.5px;font-weight:600;color:#1C1B19;letter-spacing:-.005em;white-space:nowrap;}\n.gcp-meta{font-size:11px;color:#8A8781;font-weight:400;}\n\n.gcp-badge{\n  position:absolute;top:-11px;left:14px;background:#F4C2D7;color:#fff;\n  padding:4px 10px;border-radius:20px;\n  box-shadow:0 2px 8px rgba(244,194,215,.5);\n}\n.gcp-badge span{font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;}\n\n.gcp-right{text-align:right;display:flex;flex-direction:column;gap:2px;flex-shrink:0;}\n.gcp-price{font-size:14.5px;font-weight:600;color:#1C1B19;letter-spacing:-.01em;white-space:nowrap;}\n.gcp-per{font-size:10.5px;color:#8A8781;white-space:nowrap;}\n.gcp-save{font-size:10px;color:#F4C2D7;font-weight:600;white-space:nowrap;}\n.gcp-save.gcp-inv{visibility:hidden;}\n\n.gcp-footer{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:1.3rem;padding-top:1rem;border-top:1px solid #EDEDE9;}\n.gcp-trust{font-size:8.5px;color:#8A8781;display:flex;align-items:center;gap:3px;white-space:nowrap;}\n.gcp-trust svg{width:10px;height:10px;stroke:#8A8781;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}\n.gcp-fdot{width:2px;height:2px;border-radius:50%;background:#ccc;flex-shrink:0;}\n\u003c\/style\u003e\n\n\u003cdiv class=\"gcp-section\"\u003e\n\n  \u003cdiv class=\"gcp-head-block\"\u003e\n    \u003cdiv class=\"gcp-top-badge\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2l2.9 6.4 6.9.6-5.2 4.6 1.6 6.8L12 16.9l-6.2 3.5 1.6-6.8L2.2 9l6.9-.6L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cspan\u003eHasta un 30% de ahorro\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gcp-title\"\u003eCómpralo en \u003cem\u003epack\u003c\/em\u003e\u003c\/p\u003e\n    \u003cp class=\"gcp-sub\"\u003eSelecciona la duración según tu objetivo.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"gcp-packs-wrap\"\u003e\n\n    \u003cdiv class=\"gcp-card gcp-feat\" data-variant=\"58739390611781\" data-tier=\"Máximo\" onclick=\"gcpSelect(this)\"\u003e\n      \u003cdiv class=\"gcp-badge\"\u003e\n        \u003cspan\u003eMás elegido\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gcp-left\"\u003e\n        \u003cdiv class=\"gcp-radio\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"gcp-info\"\u003e\n          \u003cdiv class=\"gcp-tier-label\"\u003e3 botes \u003cspan class=\"gcp-meta\"\u003e· 90 días\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gcp-right\"\u003e\n        \u003cdiv class=\"gcp-price\" id=\"gc-price-x3\"\u003e···\u003c\/div\u003e\n        \u003cdiv class=\"gcp-per\"\u003e\n\u003cstrong id=\"gc-perval-x3\"\u003e···\u003c\/strong\u003e \/ bote\u003c\/div\u003e\n        \u003cdiv class=\"gcp-save\" id=\"gc-save-x3\"\u003e···\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gcp-card\" data-variant=\"58739390579013\" data-tier=\"Duo\" onclick=\"gcpSelect(this)\"\u003e\n      \u003cdiv class=\"gcp-left\"\u003e\n        \u003cdiv class=\"gcp-radio\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"gcp-info\"\u003e\n          \u003cdiv class=\"gcp-tier-label\"\u003e2 botes \u003cspan class=\"gcp-meta\"\u003e· 60 días\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gcp-right\"\u003e\n        \u003cdiv class=\"gcp-price\" id=\"gc-price-x2\"\u003e···\u003c\/div\u003e\n        \u003cdiv class=\"gcp-per\"\u003e\n\u003cstrong id=\"gc-perval-x2\"\u003e···\u003c\/strong\u003e \/ bote\u003c\/div\u003e\n        \u003cdiv class=\"gcp-save\" id=\"gc-save-x2\"\u003e···\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gcp-card\" data-variant=\"58739390546245\" data-tier=\"Starter\" onclick=\"gcpSelect(this)\"\u003e\n      \u003cdiv class=\"gcp-left\"\u003e\n        \u003cdiv class=\"gcp-radio\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"gcp-info\"\u003e\n          \u003cdiv class=\"gcp-tier-label\"\u003e1 bote \u003cspan class=\"gcp-meta\"\u003e· 30 días\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gcp-right\"\u003e\n        \u003cdiv class=\"gcp-price\" id=\"gc-price-x1\"\u003e···\u003c\/div\u003e\n        \u003cdiv class=\"gcp-per\" id=\"gc-per-x1\"\u003e··· \/ bote\u003c\/div\u003e\n        \u003cdiv class=\"gcp-save gcp-inv\"\u003e—\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"gcp-footer\"\u003e\n    \u003cspan class=\"gcp-trust\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e30 días\u003c\/span\u003e\n    \u003cdiv class=\"gcp-fdot\"\u003e\u003c\/div\u003e\n    \u003cspan class=\"gcp-trust\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 8h4l3 3v5h-7V8z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003eEnvío gratis\u003c\/span\u003e\n    \u003cdiv class=\"gcp-fdot\"\u003e\u003c\/div\u003e\n    \u003cspan class=\"gcp-trust\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003ePago seguro\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction gcpSelect(card) {\n  document.querySelectorAll('.gcp-card').forEach(function(c){ c.classList.remove('gcp-feat'); });\n  card.classList.add('gcp-feat');\n  var vid = card.getAttribute('data-variant');\n  var hiddenId = document.querySelector('input[name=\"id\"][ref=\"variantId\"], input[name=\"id\"][data-product-form-input]');\n  if (!hiddenId) hiddenId = document.querySelector('form[data-type=\"add-to-cart-form\"] input[name=\"id\"]');\n  if (hiddenId) { hiddenId.value = vid; hiddenId.dispatchEvent(new Event('change', { bubbles: true })); }\n  var variantTitle = card.getAttribute('data-tier') || 'Máximo';\n  var allVariantBtns = document.querySelectorAll('.variant-picker button, [data-option-value], label[data-value]');\n  allVariantBtns.forEach(function(btn) {\n    var txt = (btn.getAttribute('data-value') || btn.textContent || '').trim();\n    var map = { 'Starter': 'X1', 'Duo': 'X2', 'Máximo': 'X3' };\n    if (txt === map[variantTitle]) { btn.click(); }\n  });\n  document.dispatchEvent(new CustomEvent('variant:change', { bubbles: true, detail: { variant: { id: parseInt(vid) } } }));\n  var pfComp = document.querySelector('product-form-component');\n  if (pfComp \u0026\u0026 pfComp.updateVariant) { pfComp.updateVariant(parseInt(vid)); }\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  var def = document.querySelector('.gcp-card.gcp-feat');\n  if (def) { setTimeout(function(){ gcpSelect(def); }, 300); }\n});\n\nfunction gcFormatMoney(cents, currency) {\n  var amount = (cents \/ 100).toLocaleString(currency === 'MXN' ? 'es-MX' : 'es-ES', {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2\n  });\n  if (currency === 'MXN') return 'MX$' + amount;\n  return amount.replace('.', ',') + '€';\n}\n\nfunction gcUpdatePrices() {\n  fetch('\/products\/gummies-colageno-1.js')\n    .then(function (r) { return r.json(); })\n    .then(function (product) {\n      var byId = {};\n      product.variants.forEach(function (v) { byId[String(v.id)] = v; });\n\n      var v1 = byId['58739390546245'];\n      var v2 = byId['58739390579013'];\n      var v3 = byId['58739390611781'];\n      if (!v1 || !v2 || !v3) return;\n\n      var currency = (window.Shopify \u0026\u0026 Shopify.currency \u0026\u0026 Shopify.currency.active) || 'EUR';\n\n      document.getElementById('gc-price-x1').textContent = gcFormatMoney(v1.price, currency);\n      document.getElementById('gc-per-x1').textContent = gcFormatMoney(v1.price, currency) + ' \/ bote';\n\n      document.getElementById('gc-price-x2').textContent = gcFormatMoney(v2.price, currency);\n      document.getElementById('gc-perval-x2').textContent = gcFormatMoney(Math.round(v2.price \/ 2), currency);\n      document.getElementById('gc-save-x2').textContent = 'Ahorras ' + gcFormatMoney((v1.price * 2) - v2.price, currency);\n\n      document.getElementById('gc-price-x3').textContent = gcFormatMoney(v3.price, currency);\n      document.getElementById('gc-perval-x3').textContent = gcFormatMoney(Math.round(v3.price \/ 3), currency);\n      document.getElementById('gc-save-x3').textContent = 'Ahorras ' + gcFormatMoney((v1.price * 3) - v3.price, currency);\n    })\n    .catch(function (err) { console.error('No se pudieron cargar los precios del pack', err); });\n}\n\ngcUpdatePrices();\n\u003c\/script\u003e","brand":"Bloomi Labs","offers":[{"title":"X1","offer_id":58739390546245,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"X2","offer_id":58739390579013,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true},{"title":"X3","offer_id":58739390611781,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1045\/1854\/9829\/files\/ChatGPT_Image_1_ago_2026_18_26_17.png?v=1785601595","url":"https:\/\/www.bloomilabs.com\/products\/gummies-colageno-1","provider":"Bloomi Labs","version":"1.0","type":"link"}