{"product_id":"tobillo-relax-pro","title":"Tobillo Relax Pro™ – Calor y Masaje","description":"\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;900\u0026amp;family=Noto+Sans+KR:wght@600;700;900\u0026amp;display=swap\"\u003e\n\n\u003cstyle\u003e\n  #bellavora-urgency,\n  #bellavora-urgency * {\n    box-sizing: border-box;\n  }\n\n  #bellavora-urgency {\n    width: 100vw;\n    max-width: none;\n    margin: 0 calc(50% - 50vw);\n    padding: 18px 20px 22px;\n    background: linear-gradient(135deg, #032b4b 0%, #064779 100%);\n    border-bottom: 3px solid #ff8900;\n    color: #fff;\n    font-family: \"Noto Sans KR\", sans-serif;\n    font-size: 14px;\n    line-height: 1.4;\n    text-align: left;\n  }\n\n  #bellavora-urgency .stock-area {\n    margin: 0 0 18px;\n    padding: 0;\n  }\n\n  #bellavora-urgency .stock-label {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 6px 12px;\n    margin: 0 0 10px;\n    padding: 0;\n  }\n\n  #bellavora-urgency .stock-left {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: #fff;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1.5;\n  }\n\n  #bellavora-urgency .stock-right {\n    color: #ffab19;\n    font-size: 13px;\n    font-weight: 900;\n    line-height: 1.5;\n  }\n\n  #bellavora-urgency .bar-track {\n    display: block;\n    width: 100%;\n    height: 13px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background: #285575;\n    border-radius: 99px;\n  }\n\n  #bellavora-urgency .bar-fill {\n    display: block;\n    position: relative;\n    width: 78%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    background: linear-gradient(90deg, #ff7100 0%, #ffab19 100%);\n    border-radius: 99px;\n    animation: bvBarGrow 1.4s cubic-bezier(.22, 1, .36, 1) both;\n  }\n\n  #bellavora-urgency .bar-fill::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 22px;\n    background: rgba(255, 255, 255, .3);\n    border-radius: 0 99px 99px 0;\n    animation: bvShimmer 1.8s ease-in-out infinite;\n  }\n\n  #bellavora-urgency .expires-label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin: 0 0 16px;\n    padding: 0;\n    color: #fff;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 1.2px;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  #bellavora-urgency .expires-label::before,\n  #bellavora-urgency .expires-label::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    max-width: 80px;\n    background: linear-gradient(90deg, transparent, #ff8900);\n  }\n\n  #bellavora-urgency .expires-label::after {\n    background: linear-gradient(90deg, #ff8900, transparent);\n  }\n\n  #bellavora-urgency .clock-row {\n    display: grid;\n    grid-template-columns: minmax(0, 96px) 12px minmax(0, 96px) 12px minmax(0, 96px);\n    justify-content: center;\n    align-items: start;\n    gap: 8px;\n    margin: 0;\n    padding: 0;\n  }\n\n  #bellavora-urgency .clock-unit {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  #bellavora-urgency .digit-box {\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: clamp(68px, 20vw, 88px);\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #ff9900 0%, #ff7500 100%);\n    color: #fff;\n    border-radius: 14px;\n    font-family: \"Barlow Condensed\", sans-serif;\n    font-size: clamp(36px, 10vw, 46px);\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -1px;\n    font-variant-numeric: tabular-nums;\n    box-shadow:\n      0 6px 16px rgba(0, 0, 0, .22),\n      inset 0 1px 0 rgba(255, 255, 255, .25);\n  }\n\n  #bellavora-urgency .digit-box::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 50%;\n    background: rgba(255, 255, 255, .08);\n    pointer-events: none;\n  }\n\n  #bellavora-urgency .digit-box.flip {\n    animation: bvFlip .3s ease;\n  }\n\n  #bellavora-urgency .unit-label {\n    margin: 0;\n    padding: 0;\n    color: #fff;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n\n  #bellavora-urgency .colon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: clamp(68px, 20vw, 88px);\n    margin: 0;\n    padding: 0;\n    color: #ff9800;\n    font-family: \"Barlow Condensed\", sans-serif;\n    font-size: clamp(36px, 10vw, 46px);\n    font-weight: 900;\n    line-height: 1;\n    animation: bvBlink 1s step-start infinite;\n    user-select: none;\n  }\n\n  @keyframes bvBarGrow {\n    from { width: 0; }\n    to { width: 78%; }\n  }\n\n  @keyframes bvShimmer {\n    0%, 100% { opacity: .3; }\n    50% { opacity: 1; }\n  }\n\n  @keyframes bvFlip {\n    0% { transform: rotateX(0); }\n    50% { transform: rotateX(-80deg); }\n    100% { transform: rotateX(0); }\n  }\n\n  @keyframes bvBlink {\n    50% { opacity: 0; }\n  }\n\n  @media (max-width: 360px) {\n    #bellavora-urgency {\n      padding: 16px 12px 20px;\n    }\n\n    #bellavora-urgency .stock-left,\n    #bellavora-urgency .stock-right {\n      font-size: 11px;\n    }\n\n    #bellavora-urgency .expires-label {\n      font-size: 11px;\n      letter-spacing: .7px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #bellavora-urgency *,\n    #bellavora-urgency *::after {\n      animation: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- URGENCY SECTION --\u003e\n\u003cdiv id=\"bellavora-urgency\" lang=\"es\"\u003e\n\n  \u003cdiv class=\"stock-area\"\u003e\n    \u003cdiv class=\"stock-label\"\u003e\n      \u003cspan class=\"stock-left\"\u003e\n        🛒 Stock disponible\n      \u003c\/span\u003e\n\n      \u003cspan class=\"stock-right\"\u003e\n        ¡Solo quedan \u003cspan id=\"stockNum\"\u003e7\u003c\/span\u003e unidades!\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bar-track\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"bar-fill\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"expires-label\"\u003e\n    ⏰ La oferta expira en\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"clock-row\"\u003e\n    \u003cdiv class=\"clock-unit\"\u003e\n      \u003cdiv id=\"hours\" class=\"digit-box\"\u003e02\u003c\/div\u003e\n      \u003cdiv class=\"unit-label\"\u003eHoras\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"colon\" aria-hidden=\"true\"\u003e:\u003c\/div\u003e\n\n    \u003cdiv class=\"clock-unit\"\u003e\n      \u003cdiv id=\"minutes\" class=\"digit-box\"\u003e59\u003c\/div\u003e\n      \u003cdiv class=\"unit-label\"\u003eMin\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"colon\" aria-hidden=\"true\"\u003e:\u003c\/div\u003e\n\n    \u003cdiv class=\"clock-unit\"\u003e\n      \u003cdiv id=\"seconds\" class=\"digit-box\"\u003e59\u003c\/div\u003e\n      \u003cdiv class=\"unit-label\"\u003eSeg\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c!-- END URGENCY SECTION --\u003e\n\u003cscript\u003e\n(function () {\n  \/* Set your actual offer deadline.\n     -06:00 is Guatemala time. *\/\n  const offerEndsAt = \"2026-10-26T23:59:59-06:00\";\n\n  const section = document.getElementById(\"bellavora-urgency\");\n  if (!section) return;\n\n  const hours = section.querySelector(\"#hours\");\n  const minutes = section.querySelector(\"#minutes\");\n  const seconds = section.querySelector(\"#seconds\");\n  const label = section.querySelector(\".expires-label\");\n\n  if (!hours || !minutes || !seconds) return;\n\n  const deadline = Date.parse(offerEndsAt);\n  if (!Number.isFinite(deadline)) return;\n\n  if (section.bvTimer) clearInterval(section.bvTimer);\n\n  function updateTimer() {\n    const remaining = Math.max(\n      0,\n      Math.ceil((deadline - Date.now()) \/ 1000)\n    );\n\n    hours.textContent = String(\n      Math.floor(remaining \/ 3600)\n    ).padStart(2, \"0\");\n\n    minutes.textContent = String(\n      Math.floor((remaining % 3600) \/ 60)\n    ).padStart(2, \"0\");\n\n    seconds.textContent = String(\n      remaining % 60\n    ).padStart(2, \"0\");\n\n    if (remaining === 0) {\n      clearInterval(section.bvTimer);\n      if (label) label.textContent = \"Oferta finalizada\";\n\n      section.querySelectorAll(\".colon\").forEach(function (colon) {\n        colon.style.animation = \"none\";\n      });\n    }\n  }\n\n  section.bvTimer = setInterval(updateTimer, 1000);\n  updateTimer();\n})();\n\u003c\/script\u003e\n\u003cdiv style=\"width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:0;\"\u003e\n\u003cimg style=\"display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;\" alt=\"\"\u003e\n\u003cimg style=\"display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1007\/4079\/2627\/files\/bloggif_69ea8fbc5f956.gif?v=1792519874\" alt=\"\"\u003e\n\u003cimg style=\"display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1007\/4079\/2627\/files\/01_producto_y_beneficios.png?v=1792491158\" alt=\"\"\u003e\n  \u003cimg style=\"display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1007\/4079\/2627\/files\/a_tall_vertical_infographic_advertisement_poster_i.png?v=1792492822\" alt=\"\"\u003e\n  \u003cimg style=\"display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1007\/4079\/2627\/files\/Banniere_triptyque_livraison_express_au_Guatemala.png?v=1792408777\" alt=\"\"\u003e\n\u003c\/div\u003e","brand":"Bellavora","offers":[{"title":"Default Title","offer_id":67752427127091,"sku":"200","price":199.99,"currency_code":"GTQ","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1007\/4079\/2627\/files\/01_media_9ca450b1-863d-4abc-9a54-ba10b08c7234.png?v=1792491612","url":"https:\/\/bellavora.store\/products\/tobillo-relax-pro","provider":"Ma boutique 3","version":"1.0","type":"link"}