{"product_id":"one-power-lentes-de-enfoque-automatico","title":"ONE POWER│Lentes De Enfoque Automático","description":"\u003cdiv id=\"shopify-section-template--22091098521771__custom_columns_cjbNYW\" class=\"shopify-section\"\u003e\n\u003cdiv class=\"color-scheme-template--22091098521771__custom_columns_cjbNYW color-background-1 gradient content-for-grouping animate-section animate--hidden always-display animate--shown\"\u003e\n\u003cdiv class=\"page-width section-template--22091098521771__custom_columns_cjbNYW-padding\"\u003e\n\u003cdiv class=\"custom-columns\"\u003e\n\u003cdiv class=\"custom-columns__column always-display animate-item animate-item--child\"\u003e\n\u003cdiv class=\"custom-columns__block custom-columns__block-icon_with_text always-display\"\u003e\n\u003cdiv class=\"icons-with-text__icon-item icons-with-text__icon-item-icon_with_text_aiHeyb icons-with-text__icon-item--next-to-title icons-with-text__icon-item--center\"\u003e\n\u003cdiv class=\"icons-with-text__icon__text\"\u003e\n\u003cdiv class=\"rte\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"shopify-section-template--22091098521771__comparison_slider_xWQQ8h\" class=\"shopify-section\"\u003e\n\u003cdiv class=\"color-scheme-template--22091098521771__comparison_slider_xWQQ8h color-background-1 gradient content-for-grouping animate-section animate--hidden always-display animate--shown\"\u003e\n\u003cdiv class=\"page-width section-template--22091098521771__comparison_slider_xWQQ8h-padding\"\u003e\n\u003cdiv class=\"content-and-comparison-slider section-group__container__child-grid content-and-comparison-slider--no-content\"\u003e\n\u003cdiv class=\"comparison-slider__line comparison-slider__line--circle color-background-1\"\u003e\n\u003cdiv class=\"comparison-slider__arrow-left\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/1_c67c48e2-be7d-4145-9ec6-6acf7d1f496c.png?v=1785798866\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .tl-ba {\n    width: 100%;\n    max-width: 700px;\n    margin: 30px auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n  }\n\n  .tl-ba__title {\n    margin: 0 0 20px;\n    color: #082f60;\n    font-size: clamp(28px, 5vw, 44px);\n    font-weight: 800;\n    text-align: center;\n  }\n\n  .tl-ba__viewport {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 5;\n    overflow: hidden;\n    border-radius: 18px;\n    background: #f4f7f9;\n    box-shadow: 0 10px 30px rgba(0, 40, 80, 0.16);\n    isolation: isolate;\n  }\n\n  .tl-ba__image {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    user-select: none;\n    pointer-events: none;\n  }\n\n  .tl-ba__after {\n    z-index: 1;\n  }\n\n  .tl-ba__before {\n    z-index: 2;\n    clip-path: inset(\n      0 calc(100% - var(--tl-position)) 0 0\n    );\n  }\n\n  .tl-ba__divider {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: var(--tl-position);\n    z-index: 3;\n    width: 4px;\n    background: #ffffff;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n    transform: translateX(-50%);\n    pointer-events: none;\n  }\n\n  .tl-ba__handle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: grid;\n    width: 52px;\n    height: 52px;\n    place-items: center;\n    border: 4px solid #ffffff;\n    border-radius: 50%;\n    background: #008d91;\n    color: #ffffff;\n    font-size: 25px;\n    font-weight: 800;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);\n    transform: translate(-50%, -50%);\n  }\n\n  .tl-ba__label {\n    position: absolute;\n    top: 16px;\n    z-index: 4;\n    padding: 8px 14px;\n    border-radius: 20px;\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    pointer-events: none;\n  }\n\n  .tl-ba__label--before {\n    left: 16px;\n    background: #082f60;\n  }\n\n  .tl-ba__label--after {\n    right: 16px;\n    background: #008d91;\n  }\n\n  .tl-ba__range {\n    position: absolute;\n    inset: 0;\n    z-index: 5;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    cursor: ew-resize;\n    opacity: 0;\n  }\n\n  @media (max-width: 749px) {\n    .tl-ba {\n      margin: 22px auto;\n      padding: 0 10px;\n    }\n\n    .tl-ba__viewport {\n      border-radius: 12px;\n    }\n\n    .tl-ba__handle {\n      width: 44px;\n      height: 44px;\n      font-size: 21px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"tl-ba\" style=\"--tl-position: 50%;\"\u003e\n\u003ch2 class=\"tl-ba__title\"\u003eAntes y Después\u003c\/h2\u003e\n\u003cdiv class=\"tl-ba__viewport\"\u003e\n\u003c!-- IMAGEM DEPOIS --\u003e \u003cimg class=\"tl-ba__image tl-ba__after\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/depois.png?v=1785799487\" alt=\"Visión nítida después de usar One Power\" loading=\"lazy\"\u003e \u003c!-- IMAGEM ANTES --\u003e \u003cimg class=\"tl-ba__image tl-ba__before\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/antes.png?v=1785799488\" alt=\"Visión antes de usar One Power\" loading=\"lazy\"\u003e \u003cspan class=\"tl-ba__label tl-ba__label--before\"\u003eANTES\u003c\/span\u003e \u003cspan class=\"tl-ba__label tl-ba__label--after\"\u003eDESPUÉS\u003c\/span\u003e\n\u003cdiv class=\"tl-ba__divider\"\u003e\u003cspan class=\"tl-ba__handle\"\u003e↔\u003c\/span\u003e\u003c\/div\u003e\n\u003cinput class=\"tl-ba__range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\"\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    (() =\u003e {\n      const root = document.currentScript.parentElement;\n      const slider = root.querySelector('.tl-ba__range');\n\n      function actualizarComparador() {\n        root.style.setProperty(\n          '--tl-position',\n          slider.value + '%'\n        );\n      }\n\n      slider.addEventListener('input', actualizarComparador);\n      actualizarComparador();\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .tl-ba {\n    width: 100%;\n    max-width: 700px;\n    margin: 30px auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n  }\n\n  .tl-ba__title {\n    margin: 0 0 20px;\n    color: #082f60;\n    font-size: clamp(28px, 5vw, 44px);\n    font-weight: 800;\n    text-align: center;\n  }\n\n  .tl-ba__viewport {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 5;\n    overflow: hidden;\n    border-radius: 18px;\n    background: #f4f7f9;\n    box-shadow: 0 10px 30px rgba(0, 40, 80, 0.16);\n    isolation: isolate;\n  }\n\n  .tl-ba__image {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    user-select: none;\n    pointer-events: none;\n  }\n\n  .tl-ba__after {\n    z-index: 1;\n  }\n\n  .tl-ba__before {\n    z-index: 2;\n    clip-path: inset(\n      0 calc(100% - var(--tl-position)) 0 0\n    );\n  }\n\n  .tl-ba__divider {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: var(--tl-position);\n    z-index: 3;\n    width: 4px;\n    background: #ffffff;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n    transform: translateX(-50%);\n    pointer-events: none;\n  }\n\n  .tl-ba__handle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: grid;\n    width: 52px;\n    height: 52px;\n    place-items: center;\n    border: 4px solid #ffffff;\n    border-radius: 50%;\n    background: #008d91;\n    color: #ffffff;\n    font-size: 25px;\n    font-weight: 800;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);\n    transform: translate(-50%, -50%);\n  }\n\n  .tl-ba__label {\n    position: absolute;\n    top: 16px;\n    z-index: 4;\n    padding: 8px 14px;\n    border-radius: 20px;\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    pointer-events: none;\n  }\n\n  .tl-ba__label--before {\n    left: 16px;\n    background: #082f60;\n  }\n\n  .tl-ba__label--after {\n    right: 16px;\n    background: #008d91;\n  }\n\n  .tl-ba__range {\n    position: absolute;\n    inset: 0;\n    z-index: 5;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    cursor: ew-resize;\n    opacity: 0;\n  }\n\n  @media (max-width: 749px) {\n    .tl-ba {\n      margin: 22px auto;\n      padding: 0 10px;\n    }\n\n    .tl-ba__viewport {\n      border-radius: 12px;\n    }\n\n    .tl-ba__handle {\n      width: 44px;\n      height: 44px;\n      font-size: 21px;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/2_24258ca8-8266-4be7-bd48-b221838f9a28.png?v=1785799763\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/3_388d3d37-9af1-43d3-8c95-54fb3b417f95.png?v=1785799770\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/4_3c7dcd75-31ce-456e-b9bb-7be701789455.png?v=1785799770\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/5_c88afdca-f2b9-4c84-a6f8-afe01910bcc3.png?v=1785799770\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Tienda Listto","offers":[{"title":"Default Title","offer_id":45091701358800,"sku":"PROD-0001835","price":590.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0672\/8377\/9792\/files\/11_4f1c7611-dbae-4eab-ad22-83b9716839f3.png?v=1785816637","url":"https:\/\/tiendalistto-mexico.com\/products\/one-power-lentes-de-enfoque-automatico","provider":"Tienda Listto - Mexico","version":"1.0","type":"link"}