{"product_id":"balsamo-apolo-para-crecimiento-de-barba-ultra-potente","title":"Bálsamo Apolo para Crecimiento de Barba – Ultra Potente","description":"\u003cstyle\u003e\n\n.vitalia-results{\n  width:100%;\n  max-width:100%;\n  margin:0 !important;\n  padding:18px 8px 5px;\n  background:transparent;\n  font-family:'Poppins',sans-serif !important;\n  color:#252421;\n  letter-spacing:-0.2px !important;\n  box-sizing:border-box;\n  overflow:hidden;\n}\n\n\n\/* =========================================================\n   TITULO\n========================================================= *\/\n\n.vitalia-results__title{\n  width:100%;\n  max-width:1000px;\n\n  margin:0 auto 9px;\n  padding:0 12px;\n\n  text-align:center;\n\n  color:#252421;\n\n  font-family:'Poppins',sans-serif !important;\n\n  font-size:37px;\n  font-weight:600;\n\n  line-height:1.05;\n\n  letter-spacing:-0.8px !important;\n\n  box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.vitalia-results__grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:14px;\n\n  width:100%;\n  max-width:100%;\n\n  margin:0 auto;\n\n  box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n.vitalia-results__card{\n  min-width:0;\n  width:100%;\n\n  text-align:center;\n\n  padding:0 2px;\n\n  overflow:hidden;\n\n  box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   NUMERO\n========================================================= *\/\n\n.vitalia-results__number-wrap{\n  width:100%;\n\n  height:78px;\n\n  display:flex;\n\n  align-items:flex-end;\n  justify-content:center;\n\n  overflow:hidden;\n\n  margin-bottom:5px;\n\n  box-sizing:border-box;\n}\n\n\n.vitalia-results__number{\n\n  display:block;\n\n  width:max-content;\n  max-width:100%;\n\n  color:#2B4721;\n\n  font-family:'Poppins',sans-serif !important;\n\n  font-size:50px;\n\n  font-weight:600;\n\n  line-height:.88;\n\n  letter-spacing:-2px !important;\n\n  white-space:nowrap;\n\n  opacity:1;\n\n  transform:translateY(0);\n\n  animation:none;\n\n  will-change:\n    transform,\n    opacity;\n\n}\n\n\n\/* =========================================================\n   ANIMACION\n========================================================= *\/\n\n.vitalia-results.is-visible\n.vitalia-results__number{\n\n  animation:\n    vitaliaNumberRise\n    900ms\n    cubic-bezier(.22,1,.36,1)\n    forwards;\n\n}\n\n\n.vitalia-results.is-visible\n.vitalia-results__card:nth-child(1)\n.vitalia-results__number{\n  animation-delay:0ms;\n}\n\n\n.vitalia-results.is-visible\n.vitalia-results__card:nth-child(2)\n.vitalia-results__number{\n  animation-delay:150ms;\n}\n\n\n.vitalia-results.is-visible\n.vitalia-results__card:nth-child(3)\n.vitalia-results__number{\n  animation-delay:300ms;\n}\n\n\n@keyframes vitaliaNumberRise{\n\n  0%{\n    transform:translateY(60px);\n    opacity:.35;\n  }\n\n  100%{\n    transform:translateY(0);\n    opacity:1;\n  }\n\n}\n\n\n\/* =========================================================\n   SEPARADOR\n========================================================= *\/\n\n.vitalia-results__divider{\n\n  width:34px;\n\n  height:2px;\n\n  margin:\n    7px auto\n    8px;\n\n  background:#C6FF00;\n\n  border-radius:999px;\n\n}\n\n\n\/* =========================================================\n   DESCRIPCION\n========================================================= *\/\n\n.vitalia-results__description{\n\n  width:100%;\n\n  max-width:170px;\n\n  margin:0 auto;\n\n  color:#252421;\n\n  font-family:'Poppins',sans-serif !important;\n\n  font-size:14px;\n\n  font-weight:400;\n\n  line-height:1.2;\n\n  letter-spacing:-0.25px !important;\n\n  text-align:center;\n\n}\n\n\n\/* =========================================================\n   IMAGEN DE APOYO\n========================================================= *\/\n\n.vitalia-results__image{\n\n  width:100%;\n\n  max-width:100%;\n\n  margin:26px auto 0;\n\n  display:flex;\n\n  justify-content:center;\n\n  align-items:center;\n\n  box-sizing:border-box;\n\n}\n\n\n.vitalia-results__image img{\n\n  display:block;\n\n  width:100%;\n\n  max-width:1050px;\n\n  height:auto;\n\n  margin:0 auto;\n\n  padding:0;\n\n  border:0;\n\n  object-fit:contain;\n\n  border-radius:18px;\n\n}\n\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media screen and (min-width:750px){\n\n  .vitalia-results{\n\n    padding:\n      18px 10px 5px !important;\n\n  }\n\n\n  .vitalia-results__title{\n\n    font-size:37px;\n\n    max-width:1000px;\n\n    margin-bottom:9px;\n\n  }\n\n\n  .vitalia-results__grid{\n\n    gap:18px;\n\n  }\n\n\n  .vitalia-results__number-wrap{\n\n    height:84px;\n\n  }\n\n\n  .vitalia-results__number{\n\n    font-size:54px;\n\n  }\n\n\n  .vitalia-results__description{\n\n    max-width:190px;\n\n    font-size:14px;\n\n  }\n\n\n  .vitalia-results__image{\n\n    margin-top:26px;\n\n  }\n\n\n  .vitalia-results__image img{\n\n    max-width:1050px;\n\n    border-radius:20px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   PANTALLAS MEDIANAS\n========================================================= *\/\n\n@media screen and (min-width:750px) and (max-width:1100px){\n\n  .vitalia-results__title{\n\n    font-size:37px;\n\n    max-width:1000px;\n\n  }\n\n\n  .vitalia-results__grid{\n\n    gap:10px;\n\n  }\n\n\n  .vitalia-results__number{\n\n    font-size:46px;\n\n  }\n\n\n  .vitalia-results__description{\n\n    max-width:155px;\n\n    font-size:13px;\n\n  }\n\n\n  .vitalia-results__image{\n\n    margin-top:24px;\n\n  }\n\n\n  .vitalia-results__image img{\n\n    max-width:900px;\n\n    border-radius:16px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width:749px){\n\n  .vitalia-results{\n\n    padding:\n      16px 4px 5px !important;\n\n  }\n\n\n  .vitalia-results__title{\n\n    font-size:31px;\n\n    line-height:1.04;\n\n    margin-bottom:7px;\n\n    padding:\n      0\n      10px;\n\n    max-width:100%;\n\n    text-align:center;\n\n    letter-spacing:-0.7px !important;\n\n  }\n\n\n  .vitalia-results__grid{\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    gap:5px;\n\n  }\n\n\n  .vitalia-results__card{\n\n    padding:\n      0 1px;\n\n  }\n\n\n  .vitalia-results__number-wrap{\n\n    height:68px;\n\n    margin-bottom:4px;\n\n  }\n\n\n  .vitalia-results__number{\n\n    font-size:41px;\n\n    line-height:.88;\n\n    letter-spacing:-2px !important;\n\n    white-space:nowrap;\n\n  }\n\n\n  .vitalia-results__divider{\n\n    width:28px;\n\n    height:2px;\n\n    margin:\n      6px auto\n      7px;\n\n  }\n\n\n  .vitalia-results__description{\n\n    max-width:120px;\n\n    font-size:13px;\n\n    line-height:1.18;\n\n    letter-spacing:-0.25px !important;\n\n  }\n\n\n  \/* IMAGEN *\/\n\n  .vitalia-results__image{\n\n    width:100%;\n\n    margin-top:22px;\n\n    padding:0 4px;\n\n  }\n\n\n  .vitalia-results__image img{\n\n    width:100%;\n\n    max-width:100%;\n\n    border-radius:13px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCCION DE MOVIMIENTO\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce){\n\n  .vitalia-results__number{\n\n    animation:none !important;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"vitalia-results\" id=\"vitalia-results-barba\"\u003e\n\n  \u003ch2 class=\"vitalia-results__title\"\u003e\n    Beneficios que podrías notar\n  \u003c\/h2\u003e\n\n\n  \u003cdiv class=\"vitalia-results__grid\"\u003e\n\n\n    \u003c!-- RESULTADO 1 --\u003e\n\n    \u003cdiv class=\"vitalia-results__card\"\u003e\n\n      \u003cdiv class=\"vitalia-results__number-wrap\"\u003e\n\n        \u003cdiv class=\"vitalia-results__number\"\u003e\n          92%\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vitalia-results__divider\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"vitalia-results__description\"\u003e\n        Percibió una mejor apariencia general de su barba\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- RESULTADO 2 --\u003e\n\n    \u003cdiv class=\"vitalia-results__card\"\u003e\n\n      \u003cdiv class=\"vitalia-results__number-wrap\"\u003e\n\n        \u003cdiv class=\"vitalia-results__number\"\u003e\n          86%\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vitalia-results__divider\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"vitalia-results__description\"\u003e\n        Notó una apariencia más uniforme en su barba\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- RESULTADO 3 --\u003e\n\n    \u003cdiv class=\"vitalia-results__card\"\u003e\n\n      \u003cdiv class=\"vitalia-results__number-wrap\"\u003e\n\n        \u003cdiv class=\"vitalia-results__number\"\u003e\n          85%\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vitalia-results__divider\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"vitalia-results__description\"\u003e\n        Se sintió más confiado con la apariencia de su barba\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       IMAGEN DE APOYO\n  ====================================================== --\u003e\n\n  \u003cdiv class=\"vitalia-results__image\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0600\/2075\/2433\/files\/ChatGPT_Image_6_sept_2026_12_48_04.png?v=1788716913\" alt=\"Bálsamo Apolo para el cuidado de la barba\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\n(function(){\n\n  'use strict';\n\n\n  function initVitaliaResults(){\n\n    var section =\n      document.getElementById(\n        'vitalia-results-barba'\n      );\n\n\n    if(!section){\n      return;\n    }\n\n\n    var activated =\n      false;\n\n\n    function checkVisibility(){\n\n      if(activated){\n        return;\n      }\n\n\n      var rect =\n        section.getBoundingClientRect();\n\n\n      var viewport =\n        window.innerHeight ||\n        document.documentElement.clientHeight;\n\n\n      if(\n        rect.top \u003c=\n        viewport * 0.78\n        \u0026\u0026\n        rect.bottom \u003e= 0\n      ){\n\n        activated = true;\n\n\n        section.classList.add(\n          'is-visible'\n        );\n\n\n        window.removeEventListener(\n          'scroll',\n          checkVisibility\n        );\n\n      }\n\n    }\n\n\n    window.addEventListener(\n      'scroll',\n      checkVisibility,\n      {\n        passive:true\n      }\n    );\n\n\n    window.addEventListener(\n      'resize',\n      checkVisibility\n    );\n\n\n    checkVisibility();\n\n\n    setTimeout(\n      checkVisibility,\n      300\n    );\n\n\n    setTimeout(\n      checkVisibility,\n      800\n    );\n\n  }\n\n\n  if(\n    document.readyState ===\n    'loading'\n  ){\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initVitaliaResults\n    );\n\n  }else{\n\n    initVitaliaResults();\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"Mi tienda","offers":[{"title":"Default Title","offer_id":41180533948465,"sku":null,"price":69000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0600\/2075\/2433\/files\/ChatGPTImage17ago2026_22_12_59.png?v=1787022793","url":"https:\/\/tiendavitalia.com.co\/products\/balsamo-apolo-para-crecimiento-de-barba-ultra-potente","provider":"Mi tienda","version":"1.0","type":"link"}