{"product_id":"dermapure","title":"DermaPure®","description":"\u003cstyle\u003e\n  .secao {\n    text-align: center;\n    max-width: 1200px;\n    margin: 30px auto;\n  }\n  .secao \u003e img {\n    width: 100%;\n    height: auto;\n    max-width: 400px;\n    border-radius: 12px;\n    border: none;\n    box-shadow: none;\n  }\n  .secao-grid,\n  .secao-grid-reverse {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1em;\n    align-items: center;\n    justify-items: center;\n    margin-bottom: 15px;\n    max-width: 1200px;\n    margin: 30px auto;\n    border-radius: 12px;\n  }\n  .secao-grid {\n    grid-template-areas: \"content image\";\n  }\n  h4 {\n    margin-top: 0;\n  }\n  .secao-grid-reverse {\n    grid-template-areas: \"image content\";\n  }\n  .secao-image {\n    grid-area: image;\n  }\n  .secao-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    max-width: 600px;\n    border-radius: 12px;\n    border: none;\n    box-shadow: none;\n  }\n  .secao-content {\n    grid-area: content;\n    text-align: left;\n    padding: 20px;\n  }\n  .secao-content h2 {\n    margin-top: 0;\n  }\n  .secao-content img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    max-width: 600px;\n    border-radius: 12px;\n    border: none;\n    box-shadow: none;\n  }\n  .tabela-porcentagem {\n    display: flex;\n    flex-direction: column;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    text-align: left;\n    grid-area: content;\n  }\n  .porcentagem-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    border-bottom: 2px solid #f1f1f1;\n    padding: 10px;\n  }\n  .porcentagem-item:first-child {\n    border-top: 2px solid #f1f1f1;\n  }\n  .porcentagem-item img {\n    max-width: 70px;\n    border: none;\n    box-shadow: none;\n  }\n  .botaozin {\n    display: block;\n    margin: 20px auto 0 auto;\n    padding: 13px 25px;\n    border: none;\n    background-color: #304a4b;\n    color: #fff;\n    border-radius: 10px;\n    cursor: pointer;\n    font-weight: bold;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    border: 2px solid #304a4b;\n  }\n  .botaozin:hover {\n    background-color: #fff;\n    color: #304a4b;\n  }\n  .listinha {\n    display: flex;\n    text-align: left;\n    gap: 5px;\n    margin-top: 10px;\n    align-items: center;\n  }\n  .listinha img {\n    width: 20px;\n    height: 20px;\n    border: none;\n    box-shadow: none;\n    margin: 0;\n  }\n  .gif-gallery {\n    display: flex;\n    gap: 10px;\n  }\n  .gif-gallery img {\n    border-radius: 10px;\n    width: 23%;\n    height: auto;\n    margin-left: auto;\n    margin-right: auto;\n    box-shadow: none;\n    border: none;\n  }\n  .tabela-header {\n    display: grid;\n    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr);\n    gap: 0;\n    max-width: 800px;\n    width: 100%;\n    margin: 0 auto 10px auto;\n  }\n  .tabela-header .tabela-cell {\n    background-color: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    padding-bottom: 5px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .tabela-header .tabela-cell img {\n    max-width: 40px;\n    border: none;\n    box-shadow: none;\n  }\n  .tabela-comparacao {\n    display: grid;\n    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr);\n    gap: 0;\n    max-width: 800px;\n    width: 100%;\n    margin: 0 auto;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    border-radius: 15px;\n    overflow: hidden;\n    border: 1px solid #e0e0e0;\n  }\n  .tabela-cell {\n    padding: 15px;\n    font-size: 0.9em;\n    line-height: 1.4;\n    word-wrap: break-word;\n    -webkit-hyphens: auto;\n    hyphens: auto;\n  }\n  .tabela-cell svg {\n    width: 22px;\n    height: 22px;\n    margin: auto;\n  }\n  .tabela-coluna-1 {\n    grid-column: 1 !important;\n    border-bottom: none;\n    text-align: center;\n    color: #fff;\n    background-color: #304a4b;\n  }\n\n  .tabela-coluna-2 {\n    grid-column: 2 !important;\n    color: #20bec4;\n    font-weight: 600;\n    border-bottom: 1px solid #d0eadd;\n    text-align: center;\n  }\n  .tabela-coluna-3 {\n    grid-column: 3 !important;\n    color: #dbdbdb;\n    font-weight: 600;\n    border-bottom: 1px solid #e0e0e0;\n    text-align: center;\n  }\n  .tabela-titulo {\n    text-align: center;\n    font-weight: 800;\n    font-size: 1em !important;\n    color: #000;\n    background-color: #fff;\n    word-wrap: break-word;\n    -webkit-hyphens: auto;\n    hyphens: auto;\n  }\n  .tabela-coluna-1.tabela-titulo {\n    border-radius: 15px 0 0 0;\n  }\n  .tabela-coluna-3.tabela-titulo {\n    border-radius: 0 15px 0 0;\n  }\n  .tabela-coluna-1.tabela-rodape {\n    border-radius: 0 0 0 15px;\n    border-bottom: none;\n  }\n  .tabela-coluna-2.tabela-rodape {\n    border-bottom: none;\n  }\n  .tabela-coluna-3.tabela-rodape {\n    border-radius: 0 0 15px 0;\n    border-bottom: none;\n  }\n  .accordion {\n    width: 100%;\n    max-width: 800px;\n    margin: 20px auto;\n    border-radius: 10px;\n    border: none;\n    font-size: 0.9em;\n  }\n  .accordion-item {\n    border-top: 1px solid #f8f8f8;\n    background-color: white;\n  }\n  .accordion-item:last-child {\n    border-bottom: 1px solid #f8f8f8;\n  }\n  .accordion-header {\n    padding: 15px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    text-align: left;\n    font-weight: bold;\n  }\n  .accordion-header:hover {\n    background-color: rgba(146, 156, 156, 0.096);\n  }\n  .accordion-body {\n    text-align: left;\n    padding: 0 15px;\n    max-height: 0;\n    overflow: hidden;\n    transition:\n      max-height 0.3s ease,\n      padding 0.3s ease;\n  }\n  .accordion-body.active {\n    max-height: 500px;\n    padding: 15px;\n    margin-bottom: 15px;\n  }\n  .accordion-header .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    transition: transform 0.3s ease;\n    transform: rotate(45deg);\n  }\n  .accordion-header.active .icon {\n    transform: rotate(0deg);\n  }\n  .accordion-header .icon svg {\n    width: 100%;\n    height: 100%;\n    fill: currentColor;\n  }\n  .review {\n    max-width: 1200px;\n    margin-left: auto;\n    margin-right: auto;\n    border-radius: 10px;\n    color: #000;\n    background-color: #f7f7f7;\n    border: none;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n  .review-image {\n    width: 100%;\n    height: 250px !important;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    border-radius: 8px 8px 0 0;\n    margin: 0;\n    border: none;\n    box-shadow: none;\n  }\n  .star-box {\n    display: inline-block;\n    background-color: #fff;\n    border-radius: 16px;\n    padding: 6px 14px;\n    box-shadow:\n      0 1px 3px rgba(0, 0, 0, 0.12),\n      0 1px 2px rgba(0, 0, 0, 0.24);\n    line-height: 1;\n    position: relative;\n    z-index: 2;\n    margin-top: -18px;\n    color: #ffc400;\n    font-size: 1.4em;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .star-text {\n    color: #ffc400;\n    font-size: 1.4em;\n  }\n  .review-content {\n    text-align: center;\n    padding: 15px 10px 10px 10px;\n    font-size: 0.9em;\n    flex-grow: 1;\n  }\n  .review-content .review-titulo {\n    font-weight: bold;\n    font-size: 1.2em;\n  }\n  .review-content .review-nome {\n    font-weight: bold;\n    border-top: 2px solid #f1f1f1;\n    padding-top: 10px;\n  }\n  .review-content .review-stars {\n    color: #ffc400;\n    font-size: 1.2em;\n  }\n  .review-carousel {\n    position: relative;\n    max-width: 1200px;\n    margin: 0px auto;\n    overflow: hidden;\n  }\n  .review-carousel-wrapper {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n  .review-slide {\n    min-width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n  }\n  .review-carousel-button {\n    position: absolute;\n    top: 40%;\n    transform: translateY(-50%);\n    width: 34px;\n    height: 34px;\n    background-color: #fff;\n    border: 1px solid #ddd;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 10;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n    transition: background-color 0.3s;\n    color: #000;\n    padding: 0;\n  }\n  .review-carousel-button:hover {\n    background-color: #f0f0f0;\n  }\n  .review-carousel-button.prev {\n    left: 10px;\n  }\n  .review-carousel-button.next {\n    right: 10px;\n  }\n  .review-carousel-dots {\n    text-align: center;\n    padding: 0;\n    margin-top: 15px;\n  }\n  .review-carousel-dot {\n    cursor: pointer;\n    height: 12px;\n    width: 12px;\n    margin: 0 5px;\n    background-color: #f0f0f0;\n    border-radius: 50%;\n    display: inline-block;\n    transition: background-color 0.6s ease;\n  }\n  .review-carousel-dot.active {\n    background-color: #304a4b;\n  }\n  .lightbox {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.8);\n    justify-content: center;\n    align-items: center;\n  }\n  .lightbox-content {\n    max-width: 90%;\n    max-height: 90%;\n    display: block;\n    margin: auto;\n  }\n  .lightbox-close {\n    position: absolute;\n    top: 20px;\n    right: 35px;\n    color: #f1f1f1;\n    font-size: 40px;\n    font-weight: bold;\n    cursor: pointer;\n  }\n\n  \/* Desktop Specifics *\/\n  @media (min-width: 6001px) {\n    .review-carousel-wrapper {\n      display: flex;\n      gap: 20px;\n      transform: none !important;\n    }\n    .review-carousel .review-slide {\n      min-width: 0;\n      flex: 1 1 30%;\n    }\n    .review-carousel .review-content {\n      padding: 15px;\n      box-sizing: border-box;\n    }\n    .review-carousel-button,\n    .review-carousel-dots {\n      display: none;\n    }\n  }\n\n  \/* Mobile Specifics *\/\n  @media (max-width: 6000px) {\n    .secao-grid,\n    .secao-grid-reverse {\n      grid-template-columns: 1fr;\n      grid-template-areas:\n        \"image\"\n        \"content\";\n    }\n    .secao-image img {\n      max-width: 400px;\n    }\n    .review {\n      max-width: 400px;\n      margin-left: auto;\n      margin-right: auto;\n      width: 100%;\n    }\n    .tabela-cell {\n      font-size: 0.85em;\n    }\n\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Accordion functionality\n    const accordionHeaders = document.querySelectorAll(\".accordion-header\");\n    accordionHeaders.forEach((header) =\u003e {\n      header.addEventListener(\"click\", function () {\n        const allBodies = document.querySelectorAll(\".accordion-body\");\n        const allHeaders = document.querySelectorAll(\".accordion-header\");\n        const currentBody = this.nextElementSibling;\n        const isActive = currentBody.classList.contains(\"active\");\n\n        \/\/ Close all\n        allBodies.forEach((body) =\u003e {\n          body.classList.remove(\"active\");\n          body.style.maxHeight = null;\n        });\n        allHeaders.forEach((h) =\u003e {\n          h.classList.remove(\"active\");\n        });\n\n        \/\/ Open current if it wasn't active\n        if (!isActive) {\n          currentBody.classList.add(\"active\");\n          this.classList.add(\"active\");\n          currentBody.style.maxHeight = currentBody.scrollHeight + 80 + \"px\";\n        }\n      });\n    });\n\n    \/\/ Review Carousel (supports multiple instances)\n    document.querySelectorAll(\".review-carousel\").forEach((carousel) =\u003e {\n      const carouselWrapper = carousel.querySelector(\".review-carousel-wrapper\");\n      if (!carouselWrapper) return;\n\n      const slides = Array.from(carouselWrapper.children);\n      const nextButton = carousel.querySelector(\".review-carousel-button.next\");\n      const prevButton = carousel.querySelector(\".review-carousel-button.prev\");\n      const dotsContainer = carousel.querySelector(\".review-carousel-dots\");\n\n      let currentIndex = 0;\n      let touchStartX = 0;\n      let touchEndX = 0;\n\n      if (dotsContainer) {\n        dotsContainer.innerHTML = \"\";\n        slides.forEach((_, i) =\u003e {\n          const dot = document.createElement(\"span\");\n          dot.classList.add(\"review-carousel-dot\");\n          if (i === 0) dot.classList.add(\"active\");\n          dot.addEventListener(\"click\", () =\u003e {\n            currentIndex = i;\n            updateCarousel();\n          });\n          dotsContainer.appendChild(dot);\n        });\n      }\n\n      const dots = dotsContainer ? Array.from(dotsContainer.children) : [];\n\n      function updateCarousel() {\n        if (window.innerWidth \u003c= 6000) {\n          carouselWrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\n        } else {\n          carouselWrapper.style.transform = \"none\";\n        }\n        if (dots.length \u003e 0) {\n          dots.forEach((dot, i) =\u003e {\n            dot.classList.toggle(\"active\", i === currentIndex);\n          });\n        }\n      }\n\n      if (nextButton) {\n        nextButton.addEventListener(\"click\", () =\u003e {\n          currentIndex = (currentIndex + 1) % slides.length;\n          updateCarousel();\n        });\n      }\n\n      if (prevButton) {\n        prevButton.addEventListener(\"click\", () =\u003e {\n          currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n          updateCarousel();\n        });\n      }\n\n      carouselWrapper.addEventListener(\n        \"touchstart\",\n        (e) =\u003e {\n          touchStartX = e.changedTouches[0].screenX;\n        },\n        { passive: true },\n      );\n\n      carouselWrapper.addEventListener(\"touchend\", (e) =\u003e {\n        touchEndX = e.changedTouches[0].screenX;\n        if (window.innerWidth \u003e 6000) return;\n        const swipeThreshold = 50;\n        if (touchStartX - touchEndX \u003e swipeThreshold) {\n          currentIndex = (currentIndex + 1) % slides.length;\n          updateCarousel();\n        } else if (touchEndX - touchStartX \u003e swipeThreshold) {\n          currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n          updateCarousel();\n        }\n      });\n\n      window.addEventListener(\"resize\", () =\u003e {\n        updateCarousel();\n      });\n\n      updateCarousel();\n    });\n\n    \/\/ Lightbox functionality\n    const lightbox = document.getElementById(\"myLightbox\");\n    if (lightbox) {\n      const lightboxImg = document.getElementById(\"lightboxImg\");\n      const reviewImages = document.querySelectorAll(\".review-image\");\n      const closeBtn = document.querySelector(\".lightbox-close\");\n\n      reviewImages.forEach((img) =\u003e {\n        img.style.cursor = \"pointer\";\n        img.addEventListener(\"click\", () =\u003e {\n          document.body.appendChild(lightbox);\n          lightbox.style.display = \"flex\";\n          lightboxImg.src = img.src;\n        });\n      });\n\n      function closeLightbox() {\n        lightbox.style.display = \"none\";\n      }\n\n      if (closeBtn) {\n        closeBtn.addEventListener(\"click\", closeLightbox);\n      }\n\n      lightbox.addEventListener(\"click\", (e) =\u003e {\n        if (e.target === lightbox) {\n          closeLightbox();\n        }\n      });\n    }\n\n    \/\/ Infinite Scroll Logic\n    function setupInfiniteScroll(trackSelector) {\n      const track = document.querySelector(trackSelector);\n      if (!track) return;\n\n      const originalItems = Array.from(track.children);\n      if (originalItems.length === 0) return;\n\n      \/\/ Clear current content\n      track.innerHTML = \"\";\n\n      \/\/ Create a \"Mega Set\" (4x originals) to ensure it's wider than screen\n      const megaSet = document.createDocumentFragment();\n      for (let i = 0; i \u003c 4; i++) {\n        originalItems.forEach((item) =\u003e {\n          megaSet.appendChild(item.cloneNode(true));\n        });\n      }\n\n      \/\/ Append \"Mega Set\" TWICE to create the 2 halves for the 0-\u003e-50% animation\n      track.appendChild(megaSet.cloneNode(true));\n      track.appendChild(megaSet.cloneNode(true));\n    }\n\n    setupInfiniteScroll(\".banner-rolante-infinito\");\n  });\n\n  \/\/ Smooth scroll to top (works inside iframes)\n  function smoothScrollTop() {\n    var s = window.top || window;\n    var st = s.scrollY || s.document.documentElement.scrollTop;\n    var start = performance.now();\n    (function step(now) {\n      var t = Math.min((now - start) \/ 800, 1);\n      var ease = t \u003c 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2;\n      s.scrollTo(0, st * (1 - ease));\n      if (t \u003c 1) requestAnimationFrame(step);\n    })(start);\n  }\n\u003c\/script\u003e\n\n\u003c!-- Section 2: FAQ --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003cdiv class=\"accordion\"\u003e\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Cuánto dura el filtro?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eCada filtro tiene una duración de 3 meses aproximadamente.\u003c\/p\u003e\n        \u003cp\u003eAl \u003cb\u003e\"agregar al carrito\" tendrás la opción de añadir más filtros\u003c\/b\u003e a tu pedido si lo necesitas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Cómo instalarlo?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eEn menos de 2 minutos y sin herramientas lo tienes listo, simplemente:\u003c\/p\u003e\n        \u003col\u003e\n          \u003cli\u003eDesenrosca tu cabezal antiguo\u003c\/li\u003e\n          \u003cli\u003eEnrosca el cabezal de regadera DermaPure a la manguera\u003c\/li\u003e\n          \u003cli\u003eEmpieza a sentir mejoras en tu cuerpo desde a primera regadera\u003c\/li\u003e\n        \u003c\/ol\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Tecnología de filtración\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eDermaPure utiliza una \u003cb\u003eTecnología de Filtración Iónica de Triple Acción\u003c\/b\u003e  diseñada por el Dr. Campos que filtra el sarro, el cloro, los metales y otros contaminantes del agua.\u003c\/p\u003e\n        \u003cp\u003e3 Tecnologías de Filtración (1 Filtro = 3 meses):\u003c\/p\u003e\n        \u003col\u003e\n          \u003cli\u003e\n\u003cb\u003eOsmósis Inversa:\u003c\/b\u003e Filtra el agua a través de una membrana  semipermeable eliminando bacterias, metales pesados y minerales dañinos.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eFiltración por gravedad:\u003c\/b\u003e Protege de los químicos disueltos como cloro, fluoruro y PFAS, que reseca, irrita y da esa sensación de tirantez.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eAdsorción física:\u003c\/b\u003e Atrapa óxido, sedimentos y microplásticos arrastrados por las tuberías viejas de las ciudades.\u003c\/li\u003e\n        \u003c\/ol\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Piel y cabello\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eEl 93% las casas en México tienen agua dura repleta de sarro, cloro, metales pesados y otros contaminantes.\u003c\/p\u003e\n        \u003cp\u003eEstos contaminantes son los responsables de causar los problemas en la piel y el cabello, como:\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003ePiel seca, irritada, con picores, rojeces...\u003c\/li\u003e\n          \u003cli\u003eCabello con frizz, dañado, sin vida, sensación de estropajo...\u003c\/li\u003e\n          \u003cli\u003eCaspa, irritaciones y brotes\u003c\/li\u003e\n          \u003cli\u003eDermatitis, eccema, psoriasis\u003c\/li\u003e\n          \u003cli\u003eCientos de $ en productos\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eEsto son los beneficios que sientes cuándo eliminas esos contaminantes:\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003ePiel suave, aliviada e hidratada\u003c\/li\u003e\n          \u003cli\u003ePelo más brillante, voluminoso, lleno de vida\u003c\/li\u003e\n          \u003cli\u003eLibre de brotes, irritaciones o caspa\u003c\/li\u003e\n          \u003cli\u003eAlivio de los problemas crónicos\u003c\/li\u003e\n          \u003cli\u003eImpulso en tu confianza\u003c\/li\u003e\n          \u003cli\u003eTranquilidad en la familia\u003c\/li\u003e\n          \u003cli\u003eAhorro de dinero en productos\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Garantía y envío\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003e\u003cb\u003eTu piel y tu cabello no pueden esperar más.\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eNo queremos que ese agua sucia siga haciendo de las suyas en tu cuerpo...\u003c\/p\u003e\n        \u003cp\u003ePor eso te ofrecemos envío gratuito a toda la República Mexicana y una entrega rápida en 3-7 días hábiles con Estafeta, nuestro partner logístico de confianza.\u003c\/p\u003e\n        \u003cp\u003eDermaPure te garantiza la mejor piel, el mejor cabello y el mejor bienestar para ti y los tuyos.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eGarantía de devolución de dinero de 30 días:\u003c\/b\u003e Si por alguna razón no está satisfecha y no ha experimentado una transformación completa en tu piel, tu cabello o en la experiencia de regadera (que lo dudamos 😉), comunícate con nuestro servicio de atención al cliente y te harán un reembolso COMPLETO, ¡sin preguntas!\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 3: 4 gif gallery --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eMás de 10.000 mujeres transformaron su piel y cabello\u003c\/h2\u003e\n  \u003cdiv class=\"gif-gallery\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/2-videoGallery1.webp?v=1772743565\" alt=\"panel1\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/2-videoGallery2.webp?v=1772743565\" alt=\"panel2\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/2-videoGallery3.webp?v=1772743565\" alt=\"panel3\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/2-videoGallery4.webp?v=1772743565\" alt=\"panel4\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 4: Step by step --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eMejor piel y cabello en 3 sencillos pasos\u003c\/h2\u003e\n  \u003cdiv class=\"review-carousel\"\u003e\n    \u003cdiv class=\"review-carousel-wrapper\"\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/3-gif1.webp?v=1772743564\" alt=\"step1\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp class=\"review-titulo\"\u003e1. Quita tu cabezal actual\u003c\/p\u003e\n            \u003cp\u003eDesenrosca tu cabezal antiguo de la manguera.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/3-gif2.webp?v=1772743564\" alt=\"step2\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp class=\"review-titulo\"\u003e2. Coloca tu nuevo cabezal DermaPure\u003c\/p\u003e\n            \u003cp\u003eEnrosca el cabezal DermaPure a la manguera y enciende el agua para hacer la prueba.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/3-gif3.webp?v=1772743564\" alt=\"step3\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp class=\"review-titulo\"\u003e3. Elige tu modo favorito y empieza a disfrutar\u003c\/p\u003e\n            \u003cp\u003eEmpieza a sentir los beneficios del agua limpia y pura.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-button prev\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-button next\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 5: Scrolling banner --\u003e\n\u003cdiv class=\"secao\" style=\"overflow: hidden; padding: 20px 0;\"\u003e\n  \u003cstyle\u003e\n    .banner-rolante-infinito-wrapper {\n      width: 100%;\n      overflow: hidden;\n      white-space: nowrap;\n      display: flex;\n    }\n    .banner-rolante-infinito {\n      display: flex;\n      align-items: center;\n      gap: 40px;\n      padding-right: 40px; \/* Crucial to make the loop seamless with the gap *\/\n      \/* Animates from 0 to -50% over 60s *\/\n      animation: bannerRolanteSlide 60s linear infinite;\n    }\n    @keyframes bannerRolanteSlide {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-50%); }\n    }\n    .banner-rolante-infinito span {\n      text-transform: uppercase;\n      white-space: nowrap;\n      font-weight: bold;\n      font-size: 1.4em;\n    }\n    .banner-rolante-infinito img {\n      max-height: 100px;\n      width: auto;\n      object-fit: contain;\n      box-shadow: none;\n      border: none;\n    }\n  \u003c\/style\u003e\n  \u003cdiv class=\"banner-rolante-infinito-wrapper\"\u003e\n    \u003cdiv class=\"banner-rolante-infinito\"\u003e\n      \u003cspan\u003eFortalece el cabello\u003c\/span\u003e\n      \u003cspan\u003eFrena la caída de cabello\u003c\/span\u003e\n      \u003cspan\u003eElimina los picores\u003c\/span\u003e\n      \u003cspan\u003eReduce las irritaciones\u003c\/span\u003e\n      \u003cspan\u003eHidrata la piel\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 6: Image middle, text sides --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003cstyle\u003e\n    .secao-imagem-meio {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      grid-template-areas: \"content-left image content-right\";\n      gap: 1em;\n      align-items: center;\n      justify-items: center;\n      margin: 30px auto;\n      border-radius: 12px;\n      padding-bottom: 15px;\n    }\n    .secao-imagem-meio .secao-content-left {\n      grid-area: content-left;\n      text-align: left;\n      padding: 20px;\n    }\n    .secao-imagem-meio .secao-content-right {\n      grid-area: content-right;\n      text-align: left;\n      padding: 20px;\n    }\n    @media (max-width: 6000px) {\n      .secao-imagem-meio {\n        grid-template-columns: 1fr;\n        grid-template-areas: \"content-left\" \"image\" \"content-right\";\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003ch2\u003e¿Por que debes filtrar el agua de tu regadera?\u003c\/h2\u003e\n  \u003cp\u003e\u003cb\u003eEl 93% del agua corriente en México contiene cloro, sarro y metales pesados\u003c\/b\u003e que se acumulan en tu piel y cabello, exponiéndolos a daños diarios como:\u003c\/p\u003e\n  \u003cdiv class=\"secao-imagem-meio\"\u003e\n    \u003cdiv class=\"secao-content-left\"\u003e\n      \u003ch3\u003ePérdida de Hidratación de la Piel\u003c\/h3\u003e\n      \u003cp\u003eEl sarro y el cloro del agua tapona los poros de la piel eliminando los aceites naturales y causando esa sequedad, irritación y picores que ninguna crema parece solucionar.\u003c\/p\u003e\n      \u003ch3\u003eCabello Dañado y Sin vida\u003c\/h3\u003e\n      \u003cp\u003eLa acumulación de residuos y metales pesados en los folículos dejan el cabello sin hidratación ni circulación, volviéndolo frágil, sin brillo y propenso a la rotura y a la caída.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"secao-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/4-imageCenter.webp?v=1772743564\" alt=\"ImageCenter\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"secao-content-right\"\u003e\n      \u003ch3\u003eEnvejecimiento Acelerado\u003c\/h3\u003e\n      \u003cp\u003eEl agua sin filtrar contiene metales pesados que destruyen el colágeno y las proteínas encargadas de mantener la piel joven, provocando líneas de expresión, arrugas y envejecimiento capilar.\u003c\/p\u003e\n      \u003ch3\u003eAlteración del Color del Cabello\u003c\/h3\u003e\n      \u003cp\u003eTóxicos como el cloro alteran la melanina del cabello, modificando el color natural o teñido del cabello, de ahí vienen esos tonos verdosos o cobrizos en tu cabello.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 7: Porcentagem --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eResultados clínicamente probados para un cabello y una piel más saludables\u003c\/h2\u003e\n  \u003cdiv class=\"secao-grid-reverse\"\u003e\n    \u003cdiv class=\"secao-image\"\u003e\n      \u003cp\u003eEl filtro de DermaPure ha sido rigurosamente probado a través de un estudio clínico de 6 meses realizado por doctores independientes.\u003c\/p\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/5-imageLeftPorcentagem.webp?v=1772743564\" alt=\"imageLeftPorcentagem\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-porcentagem\"\u003e\n      \u003cdiv class=\"porcentagem-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/5-porcentagem1.png?v=1772743563\" alt=\"porcentagem1\" loading=\"lazy\"\u003e\n        \u003cdiv\u003e\n          \u003cp\u003e\u003cb\u003eCabello más abundante y reducción drástica de su caida:\u003c\/b\u003e\u003c\/p\u003e\n          \u003cp\u003eEl 93% de las clientas han notado un cabello más fuerte y voluminoso con menos caída y rotura gracias al sistema de filtración de DermaPure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"porcentagem-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/5-porcentagem2.png?v=1772743563\" alt=\"porcentagem2\" loading=\"lazy\"\u003e\n        \u003cdiv\u003e\n          \u003cp\u003e\u003cb\u003eMenos sequedad y más hidratación:\u003c\/b\u003e\u003c\/p\u003e\n          \u003cp\u003eEl 98% de las clientas han conseguido reducir la sequedad, los picores y las rojeces dejando su piel mucho más suave e hidratada desde la primera regadera.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"porcentagem-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/5-porcentagem3.png?v=1772743563\" alt=\"porcentagem3\" loading=\"lazy\"\u003e\n        \u003cdiv\u003e\n          \u003cp\u003e\u003cb\u003eReducción en lineas finas y arrugas:\u003c\/b\u003e\u003c\/p\u003e\n          \u003cp\u003eEl 89% de las mujeres informaron tener una piel más rejuvenecida con menos marcas de envejecimiento, después de 3 semanas gracias al aumento de colágeno en nuestra piel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp style=\"font-size: 0.8em; color: #666; margin-top: 20px;\"\u003eBasado en un estudio de percepción del consumidor de 60 personas durante 30 días usando el cabezal de regadera de DermaPure\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 8: Reviews antes e depois --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003cdiv class=\"review-carousel\"\u003e\n    \u003cdiv class=\"review-carousel-wrapper\"\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/6-review1.webp?v=1772743564\" alt=\"reviewCard1\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp class=\"review-stars\"\u003e★★★★★\u003c\/p\u003e\n            \u003cp class=\"review-titulo\"\u003eMi piel luce mejor que nunca\u003c\/p\u003e\n            \u003cp\u003eSoy de Guadalajara y estaba desesperada con mis brotes y la piel seca de siempre. Probé de todo. Pero desde que tengo este cabezal de DermaPure mi piel ha dado un giro total. Está mucho más suave, hidratada y saludable! Por fin siento que cada crema que me pongo se absorbe y hace lo que promete. ¡Muy agradecida!\u003c\/p\u003e\n            \u003cp class=\"review-nome\"\u003eMaria\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/6-review2.webp?v=1772743564\" alt=\"reviewCard2\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp class=\"review-stars\"\u003e★★★★★\u003c\/p\u003e\n            \u003cp class=\"review-titulo\"\u003eNunca volveré a usar un cabezal de regadera convencional\u003c\/p\u003e\n            \u003cp\u003eMe angustiaba ver tanto cabello caer en la regadera. Fue cambiar el cabezal... y la diferencia fue increíble. Ya no me arranco mechones; ¡al contrario, me está volviendo a crecer sano, con brillo y fuerte! Realmente, un cambio increible. ¡GRACIAS!\u003c\/p\u003e\n            \u003cp class=\"review-nome\"\u003eInés\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/6-review3.webp?v=1772743564\" alt=\"reviewCard3\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp class=\"review-stars\"\u003e★★★★★\u003c\/p\u003e\n            \u003cp class=\"review-titulo\"\u003eTransformó mi cabello\u003c\/p\u003e\n            \u003cp\u003eMi cabello siempre estaba seco y encrespado, sentía que nada podía devolverlo a como lo tenía antes. Después de cambiar el cabezal de regadera por el de DermaPure noté una diferencia increible desde la primera vez que me lo lave. Después de 3 semanas mis rizos están definidos, brillantes y con el volumen que siempre deseaba tener. Quién diría que fuera tan fácil de arreglar jaja\u003c\/p\u003e\n            \u003cp class=\"review-nome\"\u003eJulia\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-button prev\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-button next\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 9: Tab section --\u003e\n\u003cdiv class=\"secao tab-section-container\"\u003e\n  \u003cstyle\u003e\n    .tab-section-container {\n      max-width: 800px;\n      margin: 40px auto;\n      text-align: center;\n    }\n    .tabs-nav {\n      display: inline-flex;\n      border: 1px solid #ccc;\n      border-radius: 8px;\n      margin-bottom: 15px;\n      flex-wrap: wrap;\n      justify-content: center;\n      padding: 3px;\n      position: relative; \/* Added for glider positioning *\/\n      background: #fff; \/* Ensure background is solid *\/\n    }\n    .tab-btn {\n      background: transparent; \/* Changed from #fff to transparent *\/\n      border: none;\n      padding: 10px 20px;\n      cursor: pointer;\n      font-weight: 500;\n      color: #555;\n      transition: color 0.3s ease; \/* Only animate color *\/\n      position: relative;\n      z-index: 2; \/* Text above glider *\/\n    }\n    .tab-btn:hover {\n      background-color: rgba(146, 156, 156, 0.096);\n      border-radius: 8px;\n    }\n    .tab-btn.active {\n      background-color: #304a4b;\n      color: #fff;\n      border-radius: 8px;\n    }\n    \/* Glider Style *\/\n    .tab-glider {\n      position: absolute;\n      background-color: #304a4b;\n      border-radius: 6px; \/* Slightly smaller radius than container *\/\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      z-index: 1;\n      top: 0;\n      left: 0;\n      height: 0; \/* JS will set *\/\n      width: 0; \/* JS will set *\/\n      pointer-events: none;\n    }\n\n    .tab-content {\n      display: none;\n      grid-template-columns: 1fr 1fr;\n      gap: 1em;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      animation: fadeIn 0.5s ease;\n    }\n    .tab-content.active {\n      display: flex;\n    }\n    .tab-content img {\n      width: 100%;\n      border-radius: 8px;\n      box-shadow: none;\n      border: none;\n    }\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(10px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n    @media (max-width: 6000px) {\n      .tab-content {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n      .tab-content img {\n        max-width: 400px;\n        margin: 0 auto;\n      }\n      .tabs-nav {\n        max-width: 300px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003ch2\u003e¿Qué problema quieres resolver?\u003c\/h2\u003e\n\n  \u003cdiv class=\"tabs-nav\"\u003e\n    \u003cdiv class=\"tab-glider\"\u003e\u003c\/div\u003e\n    \u003c!-- Added Glider --\u003e\n    \u003cbutton class=\"tab-btn active\" onclick=\"openTab(event, 'tab-one')\"\u003eEccema\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-two')\"\u003eAcné\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-three')\"\u003ePsoriasis\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-four')\"\u003ePiel seca\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-five')\"\u003eUrticaria\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-six')\"\u003ePicazón\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-seven')\"\u003eBrotes\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-eight')\"\u003eCaspa\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-nine')\"\u003eCabello fino\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-ten')\"\u003eCabello seco\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-eleven')\"\u003eCabello graso\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"openTab(event, 'tab-twelve')\"\u003eFrizz\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-one\" class=\"tab-content active\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eVale cada euro y mucho más\u003c\/h2\u003e\n      \u003cp\u003eMe encanta este cabezal de DermaPure. Tenía zonas de eccema en la pierna, el brazo y las manos. El brazo y la pierna han desaparecido. Las manos aún no porque en la cocina todavía no tengo filtro. Encima que mi marido tiene la piel atópica nos ha venido súper bien. Lo instalamos en 3 minutos y la verdad que el cambio se nota y mucho.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-two\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eUn cambio de juego\u003c\/h2\u003e\n      \u003cp\u003eNunca he sido de tener acné, pero cuando me mudé a Guadalajara hace 7 años, me empezaron a salir granos cómo si volviera a tener 15 años. Empecé a usar DermaPure en diciembre y el acné ha desaparecido por completo. Se lo he recomendado a mis amigas; ¡le tengo muchísimo cariño a este cabezal! ❤️\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-three\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eMenos mal que lo probé\u003c\/h2\u003e\n      \u003cp\u003eDespués de usar DermaPure durante 3 meses, puedo decir oficialmente que la psoriasis ha mejorado. Dudé en comprarla, pensando que no me ayudaría, pero de verdad que sí. Estoy sorprendida. Si la sufres, vale la pena probarla. Dejé de usar las cremas del dermatólogo y no he tenido ningún problema. ¡Estoy muy agradecida por este cabezal de regadera y me arrepiento de no haberlo probado antes!\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-four\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eChicas con piel seca, uníos\u003c\/h2\u003e\n      \u003cp\u003e¡Amo, amo, amo! Mi piel se vuelve loca sin él. Es súper importante, hice una investigación muy profunda y me di cuenta que necesitaba filtrar el agua sea como sea, comparé con otros cabezales y el mejor era este. Mi piel y mi cabello brillan de nuevo y ya no reseca ni tengo picores. Al tener mi piel más sana, ahora utilizo menos cantidad de producto y se absorbe mucho mejor, así que no solo tengo un mejor efecto que antes, si no que me ahorro un dineral jajaj.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-five\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003ePude sentir la diferencia\u003c\/h2\u003e\n      \u003cp\u003eDespués del parto, me salió urticaria. Me di cuenta de que el agua dura era un factor importante, además de que mis hormonas y mi sistema inmunitario estaban alterados. Una vez que cambié, mi piel se sintió mucho mejor\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-six\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eSupera las expectativas\u003c\/h2\u003e\n      \u003cp\u003eNo hay palabras suficientes para describir cuánto ha cambiado este cabezal mi piel. Antes de usarlo, siempre sentía unos picores insoportables y cuánto más me rascaba peor era. Ni que decir tiene, el problema real eran las cremas, no el agua. Cambiar a DermaPure fue un cambio radisarro; después de regaderarme, ya no sentía tantos picores y la piel estaba más aliviada. Sin duda, compartiré esta experiencia con mi familia. Gracias, DermaPure, por cambiarme la vida.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-seven\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eIdeal para pieles sensibles\u003c\/h2\u003e\n      \u003cp\u003eVivo en una ciudad dónde el agua parece sarro líquida y encima tengo la piel súper sensible, así que decidí invertir en el cabezal de regadera con filtro DermaPure. Llevo usándolo unas 8 semanas y puedo decir que ha marcado una gran diferencia en mi piel. Tengo menos brotes y mi piel se siente mucho más suave y me pica menos. El cabello también ha mejorado mucho, pero le prestaba menos atención, así que no tengo mucho que decir.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-eight\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eUn cambio radisarro para mi cabello y excelente servicio al cliente\u003c\/h2\u003e\n      \u003cp\u003eLlevo casi 6 meses encantada con mi DermaPure; me ha ayudado muchísimo con la la caspa. Vivo en una ciudad con agua dura y tenía el cuero cabelludo súper irritado y descamado. Tuve que contactar con atención al cliente para saber como influye el agua dura con la caspa y me explicaron en minutos todo lo que necesitaba. Estoy completamente satisfecha con el producto y su servicio de atención al cliente, y lo recomiendo a todo el mundo. Los adoro y a su equipo. Me han salvado.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-nine\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eMe encanta, me encanta, me encanta este cabezal\u003c\/h2\u003e\n      \u003cp\u003eYa de por sí tenía el cabello fino y graso, pero fue mudarme a Monterrey y en dos semanas ni me reconocía por culpa del agua. Me compré el cabezal de DermaPure para ver si podía mejorarlo y vaya que si lo hizo. Por lo menos se que los shampoos algo de efecto si hacen, no cómo antes que ni siquiera se enjuagaban bien. 10\/10 para DermaPure.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-ten\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003e¿Por qué esperé tanto?\u003c\/h2\u003e\n      \u003cp\u003eDespués de años lidiando con el cabello seco y quebradizo por culpa de la dureza del agua un día dije \"hasta aquí\", ya no podía más. Instalé DermaPure en los dos baños que tengo y desde entonces puedo decir que ya el cabello se nota más suave y más manejable que antes. Por fín una marca que se preocupa por nosotras de verdad.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-eleven\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eMejora inmediata en el cabello\u003c\/h2\u003e\n      \u003cp\u003eInstalamos esto para mi hija, que tiene el cabello súper graso la pobre. Después de un par de regaderas, dice que por lo menos ya el cabello no se le ensucia a las horas cómo antes porque menos mal. Vale y mucho la pena instalar un filtro de regadera, sobretodo si vives en la costa cómo nosotras.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"tab-twelve\" class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-text\"\u003e\n      \u003ch2\u003eLo mejor para mi cabello rizado\u003c\/h2\u003e\n      \u003cp\u003eTengo cabello rizado y nunca pensé el efecto que tenia el agua que utilizaba cuando me regaderaba hasta que cambié el cabezal de regadera por el de DermaPure, es increíble el cambio de verdad, ahora salgo de la regadera y los rizos están más manejables y definidos y con ayuda del enjuague la verdad queda super bien. Muy muy recomendado chicas.\u003c\/p\u003e\n      \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    function openTab(evt, tabName) {\n      \/\/ Hide all tab contents\n      var i, tabcontent, tablinks;\n      tabcontent = document.getElementsByClassName(\"tab-content\");\n      for (i = 0; i \u003c tabcontent.length; i++) {\n        tabcontent[i].classList.remove(\"active\");\n      }\n\n      \/\/ Remove active class from all buttons\n      tablinks = document.getElementsByClassName(\"tab-btn\");\n      for (i = 0; i \u003c tablinks.length; i++) {\n        tablinks[i].classList.remove(\"active\");\n      }\n\n      \/\/ Show the current tab and add an \"active\" class to the button that opened the tab\n      document.getElementById(tabName).classList.add(\"active\");\n      if (evt) {\n        evt.currentTarget.classList.add(\"active\");\n        moveGlider(evt.currentTarget);\n      }\n    }\n\n    \/\/ Glider Animation Logic\n    function moveGlider(activeBtn) {\n      const glider = document.querySelector(\".tab-glider\");\n      if (glider \u0026\u0026 activeBtn) {\n        glider.style.width = activeBtn.offsetWidth + \"px\";\n        glider.style.height = activeBtn.offsetHeight + \"px\";\n        glider.style.top = activeBtn.offsetTop + \"px\";\n        glider.style.left = activeBtn.offsetLeft + \"px\";\n      }\n    }\n\n    \/\/ Initialize glider on load and resize\n    window.addEventListener(\"load\", () =\u003e {\n      const activeBtn = document.querySelector(\".tab-btn.active\");\n      moveGlider(activeBtn);\n    });\n\n    window.addEventListener(\"resize\", () =\u003e {\n      const activeBtn = document.querySelector(\".tab-btn.active\");\n      moveGlider(activeBtn);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 9: Wavy Borders and Comparison Slider--\u003e\n\u003cdiv class=\"secao wavy-section-wrapper\" style=\"padding-bottom: 30px; padding-top: 30px;\"\u003e\n  \u003cstyle\u003e\n    .wavy-section {\n      position: relative;\n      width: 100%;\n      background: transparent;\n      margin: 100px 0; \/* Creates space for the SVG waves to overflow *\/\n    }\n    .wavy-content {\n      background-color: #314443; \/* Dark green\/grey matching your image *\/\n      position: relative;\n      z-index: 1;\n      min-height: 350px; \/* Space for your content *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .wave-container {\n      position: absolute;\n      left: 0;\n      width: 100%;\n      overflow: hidden;\n      line-height: 0;\n      height: 100px;\n    }\n    .wave-top {\n      top: -99px; \/* Pull it up above the content section *\/\n    }\n    .wave-bottom {\n      bottom: -99px; \/* Push it down below the content section *\/\n      transform: rotate(180deg);\n    }\n    .waves {\n      position: relative;\n      width: 100%;\n      height: 100px;\n      min-height: 100px;\n      max-height: 150px;\n    }\n    .parallax \u003e use {\n      animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;\n    }\n    .parallax \u003e use:nth-child(1) {\n      animation-delay: -2s;\n      animation-duration: 7s;\n    }\n    .parallax \u003e use:nth-child(2) {\n      animation-delay: -3s;\n      animation-duration: 10s;\n    }\n    .parallax \u003e use:nth-child(3) {\n      animation-delay: -4s;\n      animation-duration: 13s;\n    }\n    @keyframes move-forever {\n      0% {\n       transform: translate3d(-90px,0,0);\n      }\n      100% { \n        transform: translate3d(85px,0,0);\n      }\n    }\n    @media (max-width: 768px) {\n      .waves {\n        height: 40px;\n        min-height: 40px;\n      }\n      .wave-container { height: 40px; }\n      .wave-top { top: -39px; }\n      .wave-bottom { bottom: -39px; }\n    }\n\n    \/* Comparison Slider Styles *\/\n    .wavy-comparison-container {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      max-width: 1000px;\n      margin: 0 auto;\n      gap: 40px;\n      color: white;\n      padding: 0 20px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n    .wavy-text {\n      flex: 1;\n      text-align: center;\n    }\n    .wavy-text h2 {\n      color: #ffffff;\n    }\n    .wavy-slider {\n      flex: 1.5;\n      display: flex;\n      justify-content: center;\n      width: 100%;\n    }\n    .img-comp-container {\n      position: relative;\n      width: 100%;\n      max-width: 600px;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n    .img-comp-img {\n      display: block;\n      width: 100%;\n    }\n    .img-comp-img img {\n      display: block;\n      width: 100%;\n      height: auto;\n      pointer-events: none;\n      border: none;\n      box-shadow: none;\n    }\n    .img-comp-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      clip-path: inset(0 50% 0 0); \/* JS updates right inset *\/\n    }\n    .img-comp-input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      cursor: ew-resize;\n      margin: 0;\n      z-index: 10;\n    }\n    .img-comp-slider-line {\n      position: absolute;\n      top: -10%;\n      bottom: -10%;\n      width: 2px;\n      background: white;\n      left: 50%;\n      transform: translateX(-50%);\n      pointer-events: none;\n      z-index: 5;\n    }\n    .img-comp-slider-thumb {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      border: 2px solid white;\n      background: rgba(128, 128, 128, 0.4);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      -webkit-backdrop-filter: blur(2px);\n      backdrop-filter: blur(2px);\n    }\n    .img-comp-slider-thumb svg {\n      width: 20px;\n      height: 20px;\n    }\n    @media (max-width: 6000px) {\n      .wavy-comparison-container {\n        flex-direction: column;\n        text-align: center;\n        gap: 30px;\n      }\n      .wavy-text {\n        text-align: center;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"wavy-section\"\u003e\n    \u003c!-- Top Waves --\u003e\n    \u003cdiv class=\"wave-container wave-top\"\u003e\n      \u003csvg class=\"waves\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 24 150 28\" preserveaspectratio=\"none\"\u003e\n        \u003cdefs\u003e\n          \u003cpath id=\"gentle-wave\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\"\u003e\u003c\/path\u003e\n        \u003c\/defs\u003e\n        \u003cg class=\"parallax\"\u003e\n          \u003cuse xlink:href=\"#gentle-wave\" x=\"48\" y=\"0\" fill=\"rgba(49, 68, 67, 0.5)\"\u003e\u003c\/use\u003e\n          \u003cuse xlink:href=\"#gentle-wave\" x=\"48\" y=\"3\" fill=\"rgba(49, 68, 67, 0.3)\"\u003e\u003c\/use\u003e\n          \u003cuse xlink:href=\"#gentle-wave\" x=\"48\" y=\"5\" fill=\"#314443\"\u003e\u003c\/use\u003e\n        \u003c\/g\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Wavy Content --\u003e\n    \u003cdiv class=\"wavy-content\"\u003e\n      \u003cdiv class=\"wavy-comparison-container\"\u003e\n        \n        \u003cdiv class=\"wavy-text\"\u003e\n          \u003ch2\u003eEl filtro después de 3 meses\u003c\/h2\u003e\n          \u003cp\u003eDesliza y observa la diferencia del filtro después de 3 meses de uso continuo con el Cabezal DermaPure.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wavy-slider\"\u003e\n          \u003cdiv class=\"img-comp-container\"\u003e\n            \u003c!-- After Image --\u003e\n            \u003cdiv class=\"img-comp-img\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/7-comparison2.webp?v=1772743564\" alt=\"Filtro Nuevo - After\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003c!-- Before Image --\u003e\n            \u003cdiv class=\"img-comp-img img-comp-overlay\" id=\"compOverlay\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/7-comparison1.webp?v=1772743564\" alt=\"Filtro Usado - Before\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cinput type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"img-comp-input\" id=\"compInput\" aria-label=\"Comparison slider\" title=\"Comparison slider\"\u003e\n            \n            \u003cdiv class=\"img-comp-slider-line\" id=\"compSliderLine\"\u003e\n              \u003cdiv class=\"img-comp-slider-thumb\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                  \u003cpath d=\"M9 18l-6-6 6-6\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                  \u003cpath d=\"M15 18l6-6-6-6\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Script to run the slider --\u003e\n    \u003cscript\u003e\n      (function() {\n        \/\/ Wait just in case for DOM\n        function initCompSlider() {\n          const compInput = document.getElementById('compInput');\n          const compOverlay = document.getElementById('compOverlay');\n          const compSliderLine = document.getElementById('compSliderLine');\n          if (compInput \u0026\u0026 compOverlay \u0026\u0026 compSliderLine) {\n            compInput.addEventListener('input', (e) =\u003e {\n              let val = e.target.value;\n              compOverlay.style.clipPath = `inset(0 ${100 - val}% 0 0)`;\n              compSliderLine.style.left = `${val}%`;\n            });\n          }\n        }\n        if (document.readyState === 'loading') {\n          document.addEventListener('DOMContentLoaded', initCompSlider);\n        } else {\n          initCompSlider();\n        }\n      })();\n    \u003c\/script\u003e\n\n    \u003c!-- Bottom Waves --\u003e\n    \u003cdiv class=\"wave-container wave-bottom\"\u003e\n      \u003csvg class=\"waves\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 24 150 28\" preserveaspectratio=\"none\"\u003e\n        \u003cg class=\"parallax\"\u003e\n          \u003cuse xlink:href=\"#gentle-wave\" x=\"48\" y=\"0\" fill=\"rgba(49, 68, 67, 0.5)\"\u003e\u003c\/use\u003e\n          \u003cuse xlink:href=\"#gentle-wave\" x=\"48\" y=\"3\" fill=\"rgba(49, 68, 67, 0.3)\"\u003e\u003c\/use\u003e\n          \u003cuse xlink:href=\"#gentle-wave\" x=\"48\" y=\"5\" fill=\"#314443\"\u003e\u003c\/use\u003e\n        \u003c\/g\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 10:Comparison table --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eLa diferencia es más grande de lo que crees\u003c\/h2\u003e\n  \u003cp\u003eLa comparación que hace que miles de mujeres tiren su cabezal actual y cambien a DermaPure...\u003c\/p\u003e\n  \u003cdiv class=\"tabela-header\"\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-1 tabela-titulo\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2 tabela-titulo\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/8-comparisonTable.webp?v=1772743563\" alt=\"Ours\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3 tabela-titulo\"\u003eOthers\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"tabela-comparacao\"\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-1\"\u003eFiltración clínicamente probado\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabela-cell tabela-coluna-1\"\u003eCertificado NSF-177\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabela-cell tabela-coluna-1\"\u003eElimina el 100% de las impurezas\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabela-cell tabela-coluna-1\"\u003eVida útil del filtro: 3 meses\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabela-cell tabela-coluna-1\"\u003eDuplica la presión del agua\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabela-cell tabela-coluna-1\"\u003eInstalación sin herramientas\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabela-cell tabela-coluna-1\"\u003eDiseño estético\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabela-cell tabela-coluna-1 tabela-rodape\"\u003e30 días garantía\u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-2 tabela-rodape\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-check-icon\"\u003e\n        \u003cpath d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tabela-cell tabela-coluna-3 tabela-rodape\"\u003e\n      \u003csvg fill=\"currentColor\" viewbox=\"0 0 256 256\" class=\"tabela-cross-icon\"\u003e\n        \u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 11: Gif left --\u003e\n\u003cdiv class=\"secao-grid-reverse\"\u003e\n  \u003cdiv class=\"secao-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/9-videoLeft.webp?v=1772743566\" alt=\"gif left\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\"\u003e\n    \u003ch2\u003eFiltración iónica tri-acción\u003c\/h2\u003e\n    \u003ch4\u003eFiltra el agua antes de que toque tu piel\u003c\/h4\u003e\n    \u003cp\u003eDermaPure a diferencia de otras marcas incorpora un sistema único de \u003cb\u003efiltración de 3 etapas\u003c\/b\u003e que elimina lo que los demás no pueden: \u003cb\u003esarro, cloro, metales pesados, óxidos, microplásticos y otros tóxicos\u003c\/b\u003e del agua. ¿El resultado? Agua limpia y pura que le devolverá el brillo y la suavidad a tu piel y cabello que ningún producto de belleza ha conseguido en años.\u003c\/p\u003e\n    \u003cp\u003eAsí funciona la Tecnología de Filtración de Triple-Acción:\u003c\/p\u003e\n    \u003col\u003e\n      \u003cli\u003e\n\u003cb\u003eÓsmosis Inversa:\u003c\/b\u003e Filtra el agua a través de una membrana semipermeable eliminando bacterias, metales pesados y minerales dañinos\u003c\/li\u003e\n      \u003cli\u003e\n\u003cb\u003eAdsorción Física:\u003c\/b\u003e Elimina los químicos disueltos cómo el sarro, el cloro, flúor y PFAS, ligados a problemas hormonales y reacciones cutáneas.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cb\u003eAdsorción Física:\u003c\/b\u003e Elimina los químicos disueltos cómo el sarro, el cloro, flúor y PFAS, ligados a problemas hormonales y reacciones cutáneas.\u003c\/li\u003e\n    \u003c\/ol\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 12: Image left --\u003e\n\u003cdiv class=\"secao-grid-reverse\"\u003e\n  \u003cdiv class=\"secao-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/10-imageLeft.webp?v=1772743564\" alt=\"image left\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\"\u003e\n    \u003ch4\u003eMejor piel y cabello, garantizado.\u003c\/h4\u003e\n    \u003ch2\u003eLa promesa de DermaPure\u003c\/h2\u003e\n    \u003cp\u003eEstamos tan seguros de que vas a notar la diferencia desde la primera regadera, que te damos 30 días completos para probarlo…\u003c\/p\u003e\n    \u003cp\u003eAsí es, prueba DermaPure durante 30 días, si por alguna razón no está satisfecha y sino experimentas una transformación completa en tu piel, tu cabello o en la simplemente comunícate con nuestro servicio de atención al cliente y le emitirán un reembolso COMPLETO, ¡sin preguntas!\u003c\/p\u003e\n    \u003cspan class=\"listinha\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/list-icons.svg?v=1767900525\" alt=\"list-icons\"\u003eGarantía de devolución de dinero de 30 días\u003c\/span\u003e\n    \u003cspan class=\"listinha\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/list-icons.svg?v=1767900525\" alt=\"list-icons\"\u003eSoporte real, humano y sin letra pequeña\u003c\/span\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eComprar ahora\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 13: FAQ --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eTus preguntas, respondidas punto por punto\u003c\/h2\u003e\n  \u003cdiv class=\"accordion\"\u003e\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Qué tan rápido puedo ver resultados? ¿Por qué funciona?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003e\u003cb\u003eFunciona porque no promete milagros. Ataca la raíz del problema: el agua.\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eDermaPure elimina cloro, sarro, metales pesados y residuos invisibles que atacan tu piel y cabello en cada regadera.\u003c\/p\u003e\n        \u003cp\u003eNo es cosmética. \u003cb\u003eEs ciencia aplicada al agua que usas cada día\u003c\/b\u003e.\u003c\/p\u003e\n        \u003cp\u003eMiles de mujeres ya lo comprobaron: desde la primera regadera, piel más suave, cuero cabelludo menos irritado, cabello con vida.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Cómo se que adapta a mi regadera? ¿Es fácil de instalar?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eDermaPure se desarrolló para garantizar que todos los Españoles pudieran disfrutar de agua pura y limpia en la comodidad de su hogar sin gastar cientos de dólares en plomeros ni complejos sistemas de filtración.\u003c\/p\u003e\n        \u003cp\u003eGarantizamos que DermaPure ™ se adapta a cualquier baño. Incluso si no eres una manitas, puedes instalarlo tú misma en menos de 2 minutos.\u003c\/p\u003e\n        \u003cp\u003eSin herramientas ni líos.\u003c\/p\u003e\n        \u003cp\u003eSolo desenroscar el viejo, enroscar el nuevo, ¡y listo!\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Con qué frecuencia debo reemplazar el filtro DermaPure? ¿Cómo los cambio?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eLos filtros suelen durar 3 meses aproximadamente dependiendo del uso.\u003c\/p\u003e\n        \u003cp\u003eLos recambios son económicos, fáciles de cambiar (simplemente desenrosca el cabezal y cambia el filtro viejo por el nuevo), en caso de que necesites más filtros, puedes conseguirlos en nuestra web o contactando con nosotros.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Por qué nunca antes había oído hablar de esto?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003ePorque nadie gana dinero educándote sobre el agua.\u003c\/p\u003e\n        \u003cp\u003eSi todo el mundo supiera la causa real, ellos no podrían seguir saqueando tu bolsillo con productos que nunca cumplen.\u003c\/p\u003e\n        \u003cp\u003eLa industria cosmética no quiere que sepas esto:\u003c\/p\u003e\n        \u003cp\u003eTu piel y tu no necesita más cremas caras.\u003c\/p\u003e\n        \u003cp\u003eTu cabello no necesita una rutina de cien pasos para verse bien.\u003c\/p\u003e\n        \u003cp\u003eSimplemente necesitan agua limpia y filtrada.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Por qué debería confiar en este cabezal y no en uno más barato de Amazon?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eExistes muchas imitaciones baratas que siguen haciendo que tu piel y cabello se sigan dañando, DermaPure no es un cabezal más:\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eDesarrollado por dermatólogos.\u003c\/li\u003e\n          \u003cli\u003eTecnología de filtración iónica clínicamente probada.\u003c\/li\u003e\n          \u003cli\u003eMás de 12,000 reseñas reales.\u003c\/li\u003e\n          \u003cli\u003eFiltra lo que otros no pueden: cloro, sarro, metales, microplásticos…\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eEn resumen: El sarroidad no se negocia.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Y si el problema de mi piel o cabello es hormonal, genético o por estrés?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eSí, esas cosas influyen. Pero la mayoría de nuestras clientas pensaban exactamente lo mismo...\u003c\/p\u003e\n        \u003cp\u003eHasta que probaron DermaPure.\u003c\/p\u003e\n        \u003cp\u003eMuchos de los problemas de piel y cabello empeoran signficativamente cuándo entran en contacto con el agua dura.\u003c\/p\u003e\n        \u003cp\u003ePor eso todo el mundo debería de ser consciente de lo peligrosa que puede ser el agua de la regadera.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Puede filtrar sarro, cloro, flúor, microplásticos y metales pesados?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003ePor supuesto. Estos contaminantes son los más peligrosos de todos los que se encuentran en el agua del llave, no solo para la piel y el cabello, sino también para la salud.\u003c\/p\u003e\n        \u003cp\u003eEl cloro, utilizado para desinfectar el agua, elimina los aceites naturales, mientras que metales pesados ​​como el plomo y el mercurio pueden causar irritación y daños a largo plazo en la piel y el cabello.\u003c\/p\u003e\n        \u003cp\u003eLos microplásticos y los PFAS contribuyen aún más a los problemas de la piel y la salud al aumentar los niveles de toxicidad en el cuerpo.\u003c\/p\u003e\n        \u003cp\u003eDermaPure ayuda a mantener la hidratación natural de la piel, reduciendo la irritación y la sequedad, \u003cb\u003edando como resultado un cabello y una piel más suaves y brillantes\u003c\/b\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Funcionará si tengo muy baja presión de agua?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eSi, DermaPure utiliza tecnología nano láser para aumentar la velocidad del agua, sin importar cómo sea tu presión en casa.\u003c\/p\u003e\n        \u003cp\u003eAlcanza un 200% más de presión que los cabezales de regadera normales y tiene 3 modos para que puedas elegir cómo te gusta: niebla, lluvia o mixto.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        ¿Qué pasa si no estoy satisfecha?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eNo hay ningún problema, todos tenemos nuestras preferencias y DermaPure escucha a sus clientes, no cómo otras replicas que solo quieren aprovecharse de nosotros.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003ePruébalo durante 30 días sin riesgos\u003c\/b\u003e, si por alguna razón no está satisfecha o no experimentas una transformación completa en tu piel, tu cabello o en la simplemente comunícate con nuestro servicio de atención al cliente y le emitirán un reembolso COMPLETO, ¡sin preguntas!\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 14: Review cards --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eReseñas de Clientes\u003c\/h2\u003e\n  \u003cdiv class=\"review-carousel\"\u003e\n    \u003cdiv class=\"review-carousel-wrapper\"\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/11-review1.webp?v=1772743564\" alt=\"reviewCard1\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eTuve un par de dudas sobre el montaje y los filtros y Marta la chica de atención al cliente me las resolvió súper rápido.\u003c\/p\u003e\n            \u003cp class=\"review-nome\"\u003eCristina\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/11-review2.webp?v=1772743564\" alt=\"reviewCard2\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003ePedí los dos cabezales con dos filtros y súper bien, lo he puesto también en el baño de la niña y no veas si le gusta a la chiquilla, muy recomendado.\u003c\/p\u003e\n            \u003cp class=\"review-nome\"\u003eLaura\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/11-review3.webp?v=1772743564\" alt=\"reviewCard3\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eSin duda son geniales yo ya voy por mi cuarto pack en unos años y sigo repitiendo.Tengo piel sensible y dermatitis q me causa por los cloros rojeces e irritabilidad y desde q los uso me va genial además ya noto cuando se están gastando en eses aspectos. Os lo recomiendo.\u003c\/p\u003e\n            \u003cp class=\"review-nome\"\u003eAngela\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-button prev\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-button next\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- The Lightbox --\u003e\n\u003cdiv id=\"myLightbox\" class=\"lightbox\"\u003e\n  \u003cspan class=\"lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cimg class=\"lightbox-content\" id=\"lightboxImg\"\u003e\n\u003c\/div\u003e\n","brand":"BestMaxy","offers":[{"title":"Default Title","offer_id":48738910077171,"sku":"no","price":649.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0553\/1988\/8068\/files\/prod1-esmx.png?v=1774219188","url":"https:\/\/www.topmaxy.com\/products\/dermapure","provider":"TopMaxy","version":"1.0","type":"link"}