{"product_id":"exfoliante-crema-renovadora-sistema-2-pasos-poros","title":"Exfoliante + Crema Renovadora – Sistema 2 Pasos (Poros)","description":"\u003c!-- Sistema 2 Pasos – Bloques (Mobile-first \/ Premium \/ Centrado) --\u003e\n\u003cdiv class=\"p2p-wrap\"\u003e\n\n  \u003c!-- 1) GIF --\u003e\n  \u003cdiv class=\"p2p-media\"\u003e\n    \u003cimg class=\"p2p-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/Gif1Sistema2pasos-ezgif.com-video-to-webp-converter.webp?v=1771989703\" alt=\"Aplicación del sistema 2 pasos\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TEXTO 1 --\u003e\n  \u003csection class=\"p2p-block\"\u003e\n    \u003ch3 class=\"p2p-title\"\u003e\n\u003cspan class=\"p2p-accent\"\u003e✨\u003c\/span\u003e No son tus poros. Es lo que se acumula en ellos.\u003c\/h3\u003e\n    \u003cp class=\"p2p-text\"\u003e\n      Cuando la superficie está saturada, la luz marca más la textura y los poros se ven más evidentes.\n      Este sistema ayuda a \u003cstrong\u003eliberar acumulación superficial sin raspar\u003c\/strong\u003e, dejando la piel visualmente más uniforme.\n      \u003cstrong\u003ePrimero desbloqueas.\u003c\/strong\u003e Luego mejoras. 🔁\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 2) Antes \/ Después (slider) + TEXTO 2 --\u003e\n  \u003csection class=\"p2p-block\"\u003e\n    \u003cdiv class=\"p2p-kicker\"\u003e\n      \u003cspan class=\"p2p-dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"p2p-kicker-text\"\u003eCOMPARA LA TEXTURA\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"p2p-compare\" data-compare\u003e\n      \u003c!-- AFTER (base) --\u003e\n      \u003cdiv class=\"p2p-compare-img p2p-compare-after\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/Despues.webp?v=1771989645\" alt=\"Después: textura más uniforme\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- BEFORE (overlay) --\u003e\n      \u003cdiv class=\"p2p-compare-img p2p-compare-before\" data-before\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/Antes_0819c81c-d1d8-4b02-ba3b-6e56aceb8366.webp?v=1771989645\" alt=\"Antes: textura visible\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-badges\" aria-hidden=\"true\"\u003e\n        \u003cspan class=\"p2p-badge\"\u003eANTES\u003c\/span\u003e\n        \u003cspan class=\"p2p-badge\"\u003eDESPUÉS\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-handle\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n      \u003cinput class=\"p2p-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Desliza para comparar antes y después\"\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"p2p-title p2p-title-tight\"\u003e\n\u003cspan class=\"p2p-accent\"\u003e🧡\u003c\/span\u003e Cuando la piel se libera, la diferencia se nota.\u003c\/h3\u003e\n    \u003cp class=\"p2p-text\"\u003e\n      No es un efecto óptico. Al retirar la acumulación que bloquea la superficie, la textura se ve más limpia y más equilibrada bajo luz.\n      El cambio ocurre cuando \u003cstrong\u003erespetas el orden correcto\u003c\/strong\u003e. ✅\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 3) IMG Sistema 2 Pasos --\u003e\n  \u003cdiv class=\"p2p-media\"\u003e\n    \u003cimg class=\"p2p-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/Sistemaen2Pasos.webp?v=1771989645\" alt=\"Sistema en 2 pasos\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TEXTO 3 --\u003e\n  \u003csection class=\"p2p-block\"\u003e\n    \u003ch3 class=\"p2p-title\"\u003e\n\u003cspan class=\"p2p-accent\"\u003e🧠\u003c\/span\u003e El orden correcto cambia el resultado.\u003c\/h3\u003e\n    \u003cp class=\"p2p-text\"\u003e\n      Aplicar tratamiento sobre piel saturada limita su efecto.\n      Paso 1: \u003cstrong\u003eexfoliación enzimática suave\u003c\/strong\u003e.\n      Paso 2: \u003cstrong\u003ecrema renovadora\u003c\/strong\u003e que ayuda a suavizar y mejorar la apariencia del tono y la textura. 🤍\n      No es un producto aislado. \u003cstrong\u003eEs un sistema.\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 4) IMG Ritual \/ Aspiracional --\u003e\n  \u003cdiv class=\"p2p-media\"\u003e\n    \u003cimg class=\"p2p-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/Imagenaspiracionalkitexfoliante.webp?v=1771989645\" alt=\"Ritual de aplicación elegante\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TEXTO 4 --\u003e\n  \u003csection class=\"p2p-block p2p-last\"\u003e\n    \u003ch3 class=\"p2p-title\"\u003e\n\u003cspan class=\"p2p-accent\"\u003e🤍\u003c\/span\u003e Se siente diferente. Se ve más refinada.\u003c\/h3\u003e\n    \u003cp class=\"p2p-text\"\u003e\n      Desde el primer uso la piel se siente más ligera al tacto.\n      Con uso constante, ayuda a que la superficie luzca más uniforme y menos cargada.\n      Es esa seguridad de saber que tu piel se ve bien \u003cstrong\u003eincluso de cerca\u003c\/strong\u003e. ✨\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .p2p-wrap{\n    --accent:#D9781E;\n    --accentSoft:#F2A24A;\n    --bg:#F8F6F2;\n    --text:#1F1F1F;\n    --muted:#5C5C5C;\n    --line: rgba(0,0,0,.08);\n    --shadow: 0 14px 34px rgba(0,0,0,.10);\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n    max-width:720px;\n    margin:0 auto;\n    padding:14px 14px 6px;\n  }\n\n  .p2p-media{\n    background: linear-gradient(180deg, #fff, var(--bg));\n    border:1px solid var(--line);\n    border-radius:18px;\n    box-shadow: 0 10px 28px rgba(0,0,0,.06);\n    overflow:hidden;\n    margin: 10px 0 14px;\n  }\n  .p2p-img{ display:block; width:100%; height:auto; }\n\n  .p2p-block{\n    text-align:center;\n    padding: 10px 6px 16px;\n  }\n\n  .p2p-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:8px 12px;\n    border:1px solid var(--line);\n    border-radius:999px;\n    background:#fff;\n    box-shadow: 0 10px 28px rgba(0,0,0,.06);\n    margin: 2px 0 12px;\n  }\n  .p2p-dot{\n    width:10px;height:10px;border-radius:50%;\n    background:var(--accent);\n    box-shadow:0 0 0 4px rgba(217,120,30,.16);\n  }\n  .p2p-kicker-text{\n    font-size:12px;\n    letter-spacing:.12em;\n    font-weight:950;\n    color:var(--text);\n  }\n\n  .p2p-title{\n    margin: 8px auto 8px;\n    max-width: 30ch;\n    font-size: 22px;\n    line-height:1.12;\n    font-weight: 950;\n    letter-spacing: -.45px;\n    color: var(--text);\n  }\n  .p2p-title-tight{ margin-top: 14px; }\n  .p2p-accent{ color: var(--accent); }\n\n  .p2p-text{\n    margin: 0 auto;\n    max-width: 54ch;\n    font-size: 15.5px;\n    line-height:1.55;\n    color: var(--muted);\n  }\n  .p2p-text strong{ color: var(--text); font-weight: 950; }\n\n  \/* Compare slider *\/\n  .p2p-compare{\n    position:relative;\n    width:100%;\n    max-width:680px;\n    margin: 0 auto 8px;\n    border-radius:18px;\n    overflow:hidden;\n    border:1px solid var(--line);\n    box-shadow: var(--shadow);\n    background:#fff;\n    aspect-ratio: 1 \/ 1; \/* ideal para imágenes 1:1 *\/\n  }\n  .p2p-compare-img{ position:absolute; inset:0; }\n  .p2p-compare-img img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n  }\n  .p2p-compare-before{ width:50%; overflow:hidden; }\n\n  .p2p-range{\n    position:absolute;\n    left:0; right:0; bottom:10px;\n    width: calc(100% - 24px);\n    margin: 0 12px;\n    appearance:none;\n    height: 28px;\n    background: transparent;\n    z-index: 5;\n  }\n  .p2p-range::-webkit-slider-thumb{\n    appearance:none;\n    width: 22px; height: 22px;\n    border-radius: 999px;\n    background: var(--accent);\n    border: 4px solid #fff;\n    box-shadow: 0 10px 28px rgba(0,0,0,.20);\n    cursor: grab;\n  }\n  .p2p-range::-moz-range-thumb{\n    width: 22px; height: 22px;\n    border-radius: 999px;\n    background: var(--accent);\n    border: 4px solid #fff;\n    box-shadow: 0 10px 28px rgba(0,0,0,.20);\n    cursor: grab;\n  }\n  .p2p-range::-webkit-slider-runnable-track{\n    height: 6px;\n    border-radius: 999px;\n    background: rgba(217,120,30,.20);\n  }\n  .p2p-range::-moz-range-track{\n    height: 6px;\n    border-radius: 999px;\n    background: rgba(217,120,30,.20);\n  }\n\n  .p2p-handle{\n    position:absolute;\n    top:0; bottom:0;\n    left:50%;\n    width:2px;\n    background: rgba(255,255,255,.85);\n    box-shadow: 0 0 0 1px rgba(0,0,0,.10);\n    z-index:4;\n  }\n\n  .p2p-badges{\n    position:absolute;\n    top:10px; left:10px; right:10px;\n    display:flex;\n    justify-content:space-between;\n    z-index:4;\n    pointer-events:none;\n  }\n  .p2p-badge{\n    font-size:12px;\n    font-weight:950;\n    letter-spacing:.08em;\n    padding:8px 10px;\n    border-radius:999px;\n    background: rgba(255,255,255,.92);\n    border:1px solid rgba(0,0,0,.08);\n    color: var(--text);\n    backdrop-filter: blur(6px);\n  }\n\n  .p2p-last{ padding-bottom: 4px; }\n\n  @media (min-width: 768px){\n    .p2p-wrap{ padding:18px 18px 8px; }\n    .p2p-title{ font-size:24px; }\n    .p2p-text{ font-size:16px; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function(){\n    var blocks = document.querySelectorAll('[data-compare]');\n    if(!blocks.length) return;\n\n    blocks.forEach(function(block){\n      var range = block.querySelector('.p2p-range');\n      var before = block.querySelector('[data-before]');\n      var handle = block.querySelector('.p2p-handle');\n      if(!range || !before || !handle) return;\n\n      function set(val){\n        before.style.width = val + '%';\n        handle.style.left = val + '%';\n      }\n\n      set(range.value || 50);\n\n      range.addEventListener('input', function(e){\n        set(Number(e.target.value));\n      }, {passive:true});\n    });\n  })();\n\u003c\/script\u003e\n\n\u003c!-- COMPARATIVO (estilo “tabla” como tu referencia \/ Mobile-first \/ Armonía clara) --\u003e\n\u003csection class=\"p2p-cmpr3\" aria-label=\"Tabla comparativa\"\u003e\n  \u003ch3 class=\"p2p-cmpr3-title\"\u003eTabla Comparativa\u003c\/h3\u003e\n\n  \u003cdiv class=\"p2p-cmpr3-card\"\u003e\n    \u003c!-- Columna izquierda: características --\u003e\n    \u003cdiv class=\"p2p-cmpr3-left\"\u003e\n      \u003cdiv class=\"p2p-cmpr3-head\"\u003eCaracterísticas\u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-cmpr3-row\"\u003e\n        \u003cspan class=\"p2p-cmpr3-txt\"\u003eLibera \u003cstrong\u003eacumulación superficial\u003c\/strong\u003e 🧼\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-row\"\u003e\n        \u003cspan class=\"p2p-cmpr3-txt\"\u003eRefina \u003cstrong\u003etextura visible\u003c\/strong\u003e bajo luz ✨\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-row\"\u003e\n        \u003cspan class=\"p2p-cmpr3-txt\"\u003eAyuda a mejorar la apariencia de \u003cstrong\u003eporos\u003c\/strong\u003e 🫧\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-row\"\u003e\n        \u003cspan class=\"p2p-cmpr3-txt\"\u003e\u003cstrong\u003eExfoliación suave\u003c\/strong\u003e (no abrasiva) 🤍\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-row\"\u003e\n        \u003cspan class=\"p2p-cmpr3-txt\"\u003eIncluye \u003cstrong\u003epaso 2\u003c\/strong\u003e para sostener el acabado 🧴\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-row\"\u003e\n        \u003cspan class=\"p2p-cmpr3-txt\"\u003eRutina clara: \u003cstrong\u003e2–3x\/sem\u003c\/strong\u003e + constancia 📅\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-row\"\u003e\n        \u003cspan class=\"p2p-cmpr3-txt\"\u003eCompra fácil + \u003cstrong\u003epago contraentrega\u003c\/strong\u003e 🚚\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Columna derecha: checks --\u003e\n    \u003cdiv class=\"p2p-cmpr3-right\"\u003e\n      \u003cdiv class=\"p2p-cmpr3-rhead\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-colname\"\u003eSistema 2 Pasos\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-colname\"\u003eOtros\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 7 filas: ✓ \/ ✕ --\u003e\n      \u003cdiv class=\"p2p-cmpr3-rrow\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-ok\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-no\"\u003e✕\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-rrow\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-ok\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-no\"\u003e✕\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-rrow\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-ok\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-no\"\u003e✕\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-rrow\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-ok\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-no\"\u003e✕\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-rrow\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-ok\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-no\"\u003e✕\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-rrow\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-ok\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-no\"\u003e✕\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"p2p-cmpr3-rrow\"\u003e\n        \u003cdiv class=\"p2p-cmpr3-ok\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"p2p-cmpr3-no\"\u003e✕\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Banda vertical al centro --\u003e\n    \u003cdiv class=\"p2p-cmpr3-ribbon\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"p2p-cmpr3-ribbon-txt\"\u003eSistema 2 Pasos\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"p2p-cmpr3-foot\"\u003e\n    🔁 \u003cstrong\u003ePrimero desbloqueas.\u003c\/strong\u003e Luego mejoras.\n  \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .p2p-cmpr3{\n    --accent:#D9781E;\n    --bg:#F8F6F2;\n    --text:#1F1F1F;\n    --muted:#5C5C5C;\n    --line: rgba(0,0,0,.08);\n    --shadow: 0 10px 28px rgba(0,0,0,.06);\n\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n    max-width:720px;\n    margin: 14px auto 10px;\n    padding: 0 14px;\n    text-align:center;\n  }\n\n  .p2p-cmpr3-title{\n    margin: 0 auto 10px;\n    font-size: 22px;\n    line-height: 1.12;\n    font-weight: 950;\n    letter-spacing: -.45px;\n    color: var(--text);\n  }\n\n  .p2p-cmpr3-card{\n    position:relative;\n    display:grid;\n    grid-template-columns: 1fr 128px;\n    background: linear-gradient(180deg, #fff, var(--bg));\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    overflow:hidden;\n    box-shadow: var(--shadow);\n  }\n\n  \/* LEFT *\/\n  .p2p-cmpr3-left{\n    padding: 14px 12px 14px;\n    text-align:left;\n  }\n\n  .p2p-cmpr3-head{\n    font-size: 13px;\n    font-weight: 950;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    color: rgba(0,0,0,.62);\n    margin-bottom: 10px;\n  }\n\n  .p2p-cmpr3-row{\n    padding: 10px 0;\n    border-top: 1px solid rgba(0,0,0,.06);\n  }\n  .p2p-cmpr3-row:first-of-type{ border-top:0; }\n\n  .p2p-cmpr3-txt{\n    font-size: 14.8px;\n    line-height: 1.35;\n    color: var(--muted);\n    display:block;\n  }\n  .p2p-cmpr3-txt strong{\n    color: var(--text);\n    font-weight: 950;\n  }\n\n  \/* RIGHT *\/\n  .p2p-cmpr3-right{\n    padding: 14px 10px 14px;\n    background: rgba(255,255,255,.55);\n    border-left: 1px solid rgba(0,0,0,.06);\n  }\n\n  .p2p-cmpr3-rhead{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n\n  .p2p-cmpr3-colname{\n    font-size: 12px;\n    font-weight: 950;\n    color: rgba(0,0,0,.62);\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    text-align:center;\n  }\n\n  .p2p-cmpr3-rrow{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    padding: 10px 0;\n    border-top: 1px solid rgba(0,0,0,.06);\n  }\n\n  .p2p-cmpr3-ok, .p2p-cmpr3-no{\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    margin: 0 auto;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-weight: 950;\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .p2p-cmpr3-ok{\n    color: #0B7A3B;\n    background: rgba(11,122,59,.10);\n    border: 1px solid rgba(11,122,59,.18);\n  }\n  .p2p-cmpr3-no{\n    color: #B42318;\n    background: rgba(180,35,24,.08);\n    border: 1px solid rgba(180,35,24,.16);\n  }\n\n  \/* Center ribbon *\/\n  .p2p-cmpr3-ribbon{\n    position:absolute;\n    left: calc(100% - 128px);\n    top: 52px;\n    transform: translateX(-50%);\n    width: 34px;\n    height: calc(100% - 92px);\n    border-radius: 12px;\n    background: rgba(217,120,30,.18);\n    border: 1px solid rgba(217,120,30,.25);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    pointer-events:none;\n  }\n  .p2p-cmpr3-ribbon-txt{\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    font-size: 12px;\n    font-weight: 950;\n    letter-spacing: .12em;\n    color: rgba(217,120,30,.95);\n    text-transform: uppercase;\n  }\n\n  .p2p-cmpr3-foot{\n    margin: 10px auto 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.4;\n  }\n  .p2p-cmpr3-foot strong{ color: var(--text); font-weight: 950; }\n\n  \/* Mobile optimization: keep table readable *\/\n  @media (max-width: 420px){\n    .p2p-cmpr3-card{ grid-template-columns: 1fr 118px; }\n    .p2p-cmpr3-txt{ font-size: 14.4px; }\n    .p2p-cmpr3-ok,.p2p-cmpr3-no{ width: 32px; height: 32px; font-size: 17px; }\n    .p2p-cmpr3-ribbon{ left: calc(100% - 118px); width: 32px; }\n  }\n\n  @media (min-width: 768px){\n    .p2p-cmpr3{ padding: 0 18px; }\n    .p2p-cmpr3-title{ font-size: 24px; }\n    .p2p-cmpr3-card{ grid-template-columns: 1fr 160px; }\n    .p2p-cmpr3-right{ padding: 14px 14px; }\n    .p2p-cmpr3-ribbon{ left: calc(100% - 160px); width: 38px; }\n  }\n\u003c\/style\u003e\n\n\u003c!-- Sección: Fórmula \u0026 Uso (imagen) --\u003e\n\u003csection class=\"p2p-formula-img\" aria-label=\"Fórmula y uso\"\u003e\n  \u003cdiv class=\"p2p-formula-head\"\u003e\n    \u003cdiv class=\"p2p-formula-kicker\"\u003e\n\u003cspan class=\"p2p-formula-dot\"\u003e\u003c\/span\u003eFÓRMULA \u0026amp; USO\u003c\/div\u003e\n    \u003ch3 class=\"p2p-formula-title\"\u003eSuave con la piel. Fuerte con la acumulación. ✨\u003c\/h3\u003e\n    \u003cp class=\"p2p-formula-sub\"\u003ePensado para \u003cstrong\u003etextura visible\u003c\/strong\u003e y poros que se notan con la luz. 🧡\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"p2p-formula-media\"\u003e\n    \u003cimg class=\"p2p-formula-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/formulayusosistema2paso.webp?v=1771992454\" alt=\"Fórmula y uso del Sistema 2 Pasos\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .p2p-formula-img{\n    --accent:#D9781E;\n    --bg:#F8F6F2;\n    --text:#1F1F1F;\n    --muted:#5C5C5C;\n    --line: rgba(0,0,0,.08);\n    --shadow: 0 10px 28px rgba(0,0,0,.06);\n\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n    max-width:720px;\n    margin: 14px auto 10px;\n    padding: 0 14px;\n    text-align:center;\n  }\n\n  .p2p-formula-head{ margin-bottom: 10px; }\n\n  .p2p-formula-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:8px 12px;\n    border:1px solid var(--line);\n    border-radius:999px;\n    background:#fff;\n    box-shadow: var(--shadow);\n    font-size:12px;\n    letter-spacing:.12em;\n    font-weight:950;\n    color: var(--text);\n  }\n  .p2p-formula-dot{\n    width:10px;height:10px;border-radius:50%;\n    background: var(--accent);\n    box-shadow:0 0 0 4px rgba(217,120,30,.16);\n  }\n\n  .p2p-formula-title{\n    margin: 10px auto 6px;\n    max-width: 32ch;\n    font-size: 22px;\n    line-height: 1.12;\n    font-weight: 950;\n    letter-spacing: -.45px;\n    color: var(--text);\n  }\n\n  .p2p-formula-sub{\n    margin: 0 auto 12px;\n    max-width: 56ch;\n    font-size: 15.5px;\n    line-height: 1.55;\n    color: var(--muted);\n  }\n  .p2p-formula-sub strong{ color: var(--text); font-weight:950; }\n\n  .p2p-formula-media{\n    background: linear-gradient(180deg, #fff, var(--bg));\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    box-shadow: var(--shadow);\n    overflow:hidden;\n  }\n  .p2p-formula-image{\n    display:block;\n    width:100%;\n    height:auto;\n  }\n\n  @media (min-width: 768px){\n    .p2p-formula-img{ padding: 0 18px; }\n    .p2p-formula-title{ font-size: 24px; }\n    .p2p-formula-sub{ font-size: 16px; }\n  }\n\u003c\/style\u003e\n\n  \u003c!-- Sección Desglose de Precio – Minimalista Premium --\u003e\n\u003csection class=\"p2p-price\"\u003e\n  \u003cdiv class=\"p2p-price-box\"\u003e\n\n    \u003cdiv class=\"p2p-price-head\"\u003e\n      \u003cdiv class=\"p2p-price-kicker\"\u003e\n\u003cspan class=\"p2p-price-dot\"\u003e\u003c\/span\u003eINVERSIÓN\u003c\/div\u003e\n      \u003ch3 class=\"p2p-price-title\"\u003eUn sistema. Dos pasos. Un solo precio.\u003c\/h3\u003e\n      \u003cp class=\"p2p-price-sub\"\u003eDiseñado para mejorar la apariencia de \u003cstrong\u003eporos y textura\u003c\/strong\u003e desde el orden correcto.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"p2p-price-breakdown\"\u003e\n      \u003cdiv class=\"p2p-price-item\"\u003e\n        \u003cspan\u003ePaso 1 – Gel Exfoliante Enzimático\u003c\/span\u003e\n        \u003cspan class=\"p2p-price-old\"\u003e$74.990\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-price-item\"\u003e\n        \u003cspan\u003ePaso 2 – Crema Renovadora\u003c\/span\u003e\n        \u003cspan class=\"p2p-price-old\"\u003e$74.990\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-price-divider\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-price-total\"\u003e\n        \u003cspan\u003eValor por separado\u003c\/span\u003e\n        \u003cspan class=\"p2p-price-old\"\u003e$149.980\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-price-now\"\u003e\n        \u003cspan\u003eHoy obtienes el sistema completo por\u003c\/span\u003e\n        \u003cspan class=\"p2p-price-highlight\"\u003e$79.990\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"p2p-price-save\"\u003e\n        Ahorro inmediato de \u003cstrong\u003e$69.990\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"p2p-price-foot\"\u003e\n      🚚 Pago contraentrega • Envío nacional • Garantía 30 días\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .p2p-price{\n    --accent:#D9781E;\n    --bg:#F8F6F2;\n    --text:#1F1F1F;\n    --muted:#5C5C5C;\n    --line:rgba(0,0,0,.08);\n    --shadow:0 10px 28px rgba(0,0,0,.06);\n\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n    max-width:720px;\n    margin:20px auto;\n    padding:0 14px;\n  }\n\n  .p2p-price-box{\n    background:linear-gradient(180deg,#fff,var(--bg));\n    border:1px solid var(--line);\n    border-radius:18px;\n    padding:20px 16px;\n    box-shadow:var(--shadow);\n    text-align:center;\n  }\n\n  .p2p-price-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:8px 12px;\n    border-radius:999px;\n    background:#fff;\n    border:1px solid var(--line);\n    font-size:12px;\n    letter-spacing:.12em;\n    font-weight:900;\n  }\n\n  .p2p-price-dot{\n    width:10px;height:10px;border-radius:50%;\n    background:var(--accent);\n    box-shadow:0 0 0 4px rgba(217,120,30,.15);\n  }\n\n  .p2p-price-title{\n    margin:14px auto 6px;\n    font-size:22px;\n    font-weight:950;\n    letter-spacing:-.4px;\n    color:var(--text);\n  }\n\n  .p2p-price-sub{\n    font-size:15px;\n    color:var(--muted);\n    margin-bottom:18px;\n  }\n\n  .p2p-price-sub strong{\n    color:var(--text);\n    font-weight:950;\n  }\n\n  .p2p-price-item,\n  .p2p-price-total{\n    display:flex;\n    justify-content:space-between;\n    font-size:15px;\n    margin:6px 0;\n    color:var(--muted);\n  }\n\n  .p2p-price-divider{\n    height:1px;\n    background:var(--line);\n    margin:14px 0;\n  }\n\n  .p2p-price-old{\n    text-decoration:line-through;\n    color:rgba(0,0,0,.5);\n  }\n\n  .p2p-price-now{\n    margin-top:8px;\n    font-size:14px;\n    color:var(--muted);\n  }\n\n  .p2p-price-highlight{\n    display:block;\n    font-size:32px;\n    font-weight:950;\n    color:var(--accent);\n    margin-top:6px;\n    letter-spacing:-1px;\n  }\n\n  .p2p-price-save{\n    margin-top:8px;\n    font-size:14px;\n    color:var(--text);\n  }\n\n  .p2p-price-foot{\n    margin-top:14px;\n    font-size:13px;\n    color:var(--muted);\n  }\n\n  @media(min-width:768px){\n    .p2p-price-title{font-size:24px;}\n    .p2p-price-highlight{font-size:36px;}\n  }\n\u003c\/style\u003e\n\n  \u003c!-- FAQ – Preguntas Frecuentes (Minimalista Premium \/ Mobile-first) --\u003e\n\u003csection class=\"p2p-faq\" aria-label=\"Preguntas frecuentes\"\u003e\n  \u003cdiv class=\"p2p-faq-head\"\u003e\n    \u003cdiv class=\"p2p-faq-kicker\"\u003e\n\u003cspan class=\"p2p-faq-dot\"\u003e\u003c\/span\u003ePREGUNTAS FRECUENTES\u003c\/div\u003e\n    \u003ch3 class=\"p2p-faq-title\"\u003eResolvamos lo importante ✅\u003c\/h3\u003e\n    \u003cp class=\"p2p-faq-sub\"\u003eRespuestas claras sobre uso, resultados y envío.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"p2p-faq-list\"\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿Cada cuánto uso el Paso 1 (gel exfoliante)?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        Úsalo \u003cstrong\u003e2–3 veces por semana\u003c\/strong\u003e. Masajea \u003cstrong\u003e30–60 segundos\u003c\/strong\u003e y enjuaga. No necesitas fricción fuerte.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿El Paso 1 raspa o es abrasivo?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        No. Es una exfoliación \u003cstrong\u003esuave (no abrasiva)\u003c\/strong\u003e. La idea es liberar acumulación superficial sin “raspar” la piel.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿Cuándo aplico el Paso 2 (crema renovadora)?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        Después del Paso 1. También puedes usarla de forma constante en tu rutina para ayudar a \u003cstrong\u003esuavizar\u003c\/strong\u003e y mantener una apariencia más uniforme.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿En cuánto tiempo se ven cambios en poros y textura?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        Algunas personas notan una piel más “limpia” visualmente desde el primer uso. Para una mejora más estable en la apariencia de \u003cstrong\u003etextura y poros\u003c\/strong\u003e, lo clave es la \u003cstrong\u003econstancia\u003c\/strong\u003e.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿Sirve para todo tipo de piel?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        En general es una rutina pensada para quienes notan \u003cstrong\u003etextura visible\u003c\/strong\u003e y poros marcados con la luz. Si tu piel es muy sensible, usa menos cantidad y prueba primero en una zona pequeña.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿Puedo usarlo si me maquillo?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        Sí. La idea es que la piel se vea más uniforme “de cerca” y bajo luz. No es sobre más maquillaje: es sobre \u003cstrong\u003emejor preparación\u003c\/strong\u003e.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿Cómo se paga y cuánto tarda el envío?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        Puedes pagar \u003cstrong\u003econtraentrega\u003c\/strong\u003e. Envío a nivel nacional (tiempos dependen de tu ciudad). Al finalizar el pedido verás la confirmación del despacho.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"p2p-faq-item\"\u003e\n      \u003csummary\u003e¿Tiene garantía?\u003c\/summary\u003e\n      \u003cdiv class=\"p2p-faq-body\"\u003e\n        Sí. Tienes \u003cstrong\u003egarantía de 30 días\u003c\/strong\u003e. Si algo no sale como esperabas, te ayudamos con el proceso.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"p2p-faq-note\"\u003e\n    *Resultados variables según tipo de piel, constancia y rutina.\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .p2p-faq{\n    --accent:#D9781E;\n    --bg:#F8F6F2;\n    --text:#1F1F1F;\n    --muted:#5C5C5C;\n    --line: rgba(0,0,0,.08);\n    --shadow: 0 10px 28px rgba(0,0,0,.06);\n\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n    max-width:720px;\n    margin: 18px auto 10px;\n    padding: 0 14px;\n    text-align:center;\n  }\n\n  .p2p-faq-head{ margin-bottom: 10px; }\n\n  .p2p-faq-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:8px 12px;\n    border:1px solid var(--line);\n    border-radius:999px;\n    background:#fff;\n    box-shadow: var(--shadow);\n    font-size:12px;\n    letter-spacing:.12em;\n    font-weight:950;\n    color: var(--text);\n  }\n  .p2p-faq-dot{\n    width:10px;height:10px;border-radius:50%;\n    background: var(--accent);\n    box-shadow:0 0 0 4px rgba(217,120,30,.16);\n  }\n\n  .p2p-faq-title{\n    margin: 10px auto 6px;\n    max-width: 30ch;\n    font-size: 22px;\n    line-height: 1.12;\n    font-weight: 950;\n    letter-spacing: -.45px;\n    color: var(--text);\n  }\n  .p2p-faq-sub{\n    margin: 0 auto 12px;\n    max-width: 56ch;\n    font-size: 15.5px;\n    line-height:1.55;\n    color: var(--muted);\n  }\n\n  .p2p-faq-list{\n    text-align:left;\n    background: linear-gradient(180deg, #fff, var(--bg));\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    box-shadow: var(--shadow);\n    overflow:hidden;\n  }\n\n  .p2p-faq-item{\n    border-top: 1px solid rgba(0,0,0,.06);\n    padding: 0;\n  }\n  .p2p-faq-item:first-child{ border-top:0; }\n\n  .p2p-faq-item summary{\n    list-style:none;\n    cursor:pointer;\n    padding: 14px 14px;\n    font-weight: 950;\n    color: var(--text);\n    letter-spacing: -.2px;\n    position:relative;\n  }\n  .p2p-faq-item summary::-webkit-details-marker{ display:none; }\n\n  .p2p-faq-item summary:after{\n    content:\"+\";\n    position:absolute;\n    right:14px;\n    top:50%;\n    transform: translateY(-50%);\n    width:28px;\n    height:28px;\n    border-radius:999px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color: var(--accent);\n    background: rgba(217,120,30,.10);\n    border: 1px solid rgba(217,120,30,.18);\n    font-weight: 950;\n  }\n\n  .p2p-faq-item[open] summary:after{\n    content:\"–\";\n  }\n\n  .p2p-faq-body{\n    padding: 0 14px 14px;\n    color: var(--muted);\n    line-height: 1.55;\n    font-size: 14.8px;\n  }\n  .p2p-faq-body strong{\n    color: var(--text);\n    font-weight: 950;\n  }\n\n  .p2p-faq-note{\n    margin-top: 10px;\n    font-size: 12.5px;\n    color: rgba(0,0,0,.55);\n  }\n\n  @media (min-width: 768px){\n    .p2p-faq{ padding: 0 18px; }\n    .p2p-faq-title{ font-size: 24px; }\n    .p2p-faq-body{ font-size: 15.2px; }\n  }\n\u003c\/style\u003e","brand":"Trompila","offers":[{"title":"Default Title","offer_id":48017693901025,"sku":"kitx2skin","price":74990.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/ImagenPPALkit2pasos.webp?v=1771385043","url":"https:\/\/www.trompila.com\/products\/exfoliante-crema-renovadora-sistema-2-pasos-poros","provider":"Trompila","version":"1.0","type":"link"}