{"title":"Anti-edad, arrugas y elasticidad de la piel","description":"\u003cstyle\u003e\n        .collection-hero-section {\n            background: linear-gradient(135deg, #000000, #131a15);\n            padding: 60px 20px;\n            position: relative;\n            overflow: hidden;\n            font-family:Cairo',sans-serif;\n            color: #ffffff;\n            line-height: 1.6;\n        }\n        \n        .collection-hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(0, 0, 0, 0.3);\n            z-index: 1;\n        }\n        \n        .collection-content {\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        .wisdom-quote {\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(128, 174, 147, 0.3);\n            border-radius: 12px;\n            padding: 20px;\n            text-align: center;\n            margin-bottom: 30px;\n            position: relative;\n            max-width: 600px;\n            margin-left: auto;\n            margin-left: auto;\n        }\n        \n        .wisdom-text {\n            font-size: 1.1rem;\n            color: #80ae93;\n            font-weight: 600;\n            font-style: italic;\n            line-height: 1.6;\n        }\n        \n        .collection-title {\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n            background: linear-gradient(135deg, #ffffff, #80ae93);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            text-align: center;\n            line-height: 1.2;\n        }\n        \n        .collection-description {\n            font-size: 1.1rem;\n            line-height: 1.8;\n            color: rgba(255, 255, 255, 0.9);\n            text-align: center;\n            max-width: 600px;\n            margin: 0 auto 25px auto;\n            font-weight: 300;\n        }\n        \n        .ingredients-section {\n            margin-top: 40px;\n            padding: 20px 0;\n        }\n        \n        .ingredients-title {\n            text-align: center;\n            font-size: 1rem;\n            letter-spacing: 2px;\n            color: #80ae93;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n        \n        .ingredients-grid {\n            display: flex;\n            gap: 16px;\n            overflow-x: auto;\n            padding: 20px 20px 30px 20px;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n            scrollbar-color: #80ae93 rgba(255, 255, 255, 0.1);\n            margin: 0 -20px;\n        }\n        \n        .ingredients-grid::-webkit-scrollbar {\n            height: 6px;\n        }\n        \n        .ingredients-grid::-webkit-scrollbar-track {\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 3px;\n        }\n        \n        .ingredients-grid::-webkit-scrollbar-thumb {\n            background: #80ae93;\n            border-radius: 3px;\n        }\n        \n        .ingredients-grid::-webkit-scrollbar-thumb:hover {\n            background: #6a9a7f;\n        }\n        \n        .ingredient-card {\n            background: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            padding: 16px 12px;\n            text-align: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            min-height: 90px;\n            min-width: 140px;\n            flex-shrink: 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n        \n        .ingredient-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(128, 174, 147, 0.15), transparent);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            border-color: #80ae93;\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n        }\n        \n        .ingredient-card:hover::before {\n            opacity: 1;\n        }\n        \n        .ingredient-name {\n            font-size: 0.95rem;\n            font-weight: 600;\n            margin-bottom: 4px;\n            color: #ffffff;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .ingredient-benefit {\n            font-size: 0.75rem;\n            color: #80ae93;\n            font-weight: 500;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .modal-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(0, 0, 0, 0.85);\n            backdrop-filter: blur(8px);\n            z-index: 1000;\n            animation: fadeIn 0.3s ease;\n        }\n        \n        .modal-overlay.active {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n        }\n        \n        .modal-content {\n            background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n            border: 2px solid #80ae93;\n            border-radius: 20px;\n            max-width: 500px;\n            width: 100%;\n            padding: 40px 30px;\n            position: relative;\n            animation: slideUp 0.4s ease;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n        }\n        \n        .modal-close {\n            position: absolute;\n            top: 15px;\n            left: 15px;\n            background: rgba(255, 255, 255, 0.1);\n            border: none;\n            color: #ffffff;\n            font-size: 24px;\n            width: 35px;\n            height: 35px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .modal-close:hover {\n            background: rgba(128, 174, 147, 0.3);\n            transform: rotate(90deg);\n        }\n        \n        .modal-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 8px;\n            color: #80ae93;\n            text-align: center;\n        }\n        \n        .modal-subtitle {\n            font-size: 0.9rem;\n            color: rgba(255, 255, 255, 0.7);\n            text-align: center;\n            margin-bottom: 20px;\n            font-style: italic;\n        }\n        \n        .modal-description {\n            font-size: 0.95rem;\n            line-height: 1.7;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 20px;\n            text-align: left;\n        }\n        \n        .modal-benefits {\n            background: rgba(128, 174, 147, 0.1);\n            border-right: 3px solid #80ae93;\n            padding: 15px 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n        }\n        \n        .modal-benefits h4 {\n            color: #80ae93;\n            font-size: 0.85rem;\n            margin-bottom: 10px;\n            font-weight: 600;\n        }\n        \n        .modal-benefits ul {\n            list-style: none;\n            padding: 0;\n        }\n        \n        .modal-benefits li {\n            padding: 6px 0;\n            color: rgba(255, 255, 255, 0.9);\n            position: relative;\n            padding-left: 20px;\n            font-size: 0.9rem;\n        }\n        \n        .modal-benefits li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            color: #80ae93;\n            font-weight: bold;\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        \n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .collection-hero-section {\n                padding: 40px 15px;\n            }\n            \n            .collection-title {\n                font-size: 2.5rem;\n            }\n            \n            .collection-description {\n                font-size: 1rem;\n            }\n            \n            .ingredients-grid {\n                gap: 12px;\n                padding: 20px 15px 30px 15px;\n                margin: 0 -15px;\n            }\n            \n            .ingredient-card {\n                min-height: 80px;\n                min-width: 120px;\n                padding: 12px 8px;\n            }\n            \n            .ingredient-name {\n                font-size: 0.85rem;\n            }\n            \n            .ingredient-benefit {\n                font-size: 0.7rem;\n            }\n            \n            .wisdom-text {\n                font-size: 1rem;\n            }\n            \n            .modal-content {\n                padding: 30px 20px;\n                margin: 10px;\n            }\n        }\n\u003c\/style\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\/\u003e\n\u003cdiv class=\"collection-hero-section\"\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv class=\"wisdom-quote\"\u003e\n\u003cp class=\"wisdom-text\"\u003eLa edad avanza, pero tu apariencia no cambia con ella\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eAnti-edad, arrugas y elasticidad de la piel\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003e\n            Un grupo especializado de productos desarrollados con las últimas tecnologías para combatir los signos del envejecimiento y restaurar la elasticidad natural de la piel. Contiene los ingredientes activos más potentes para una piel juvenil y firme.\n        \u003c\/p\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eComponentes básicos\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('retinol')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eRetinol\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eAntiarrugas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('retinal')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eRetinal\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eRegeneración celular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('argireline')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eArgireline\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eAlternativa a Botox\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('peptides')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003ePéptidos\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eProducción de colágeno\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('hyaluronic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido hialurónico\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eHidratación profunda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('vitamin-c')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eVitamina C\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eBrillo y protección\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-overlay\" id=\"modal\" onclick=\"closeModalOnOverlay(event)\"\u003e\n\u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n\u003cbutton class=\"modal-close\" onclick=\"closeModal()\"\u003e×\u003c\/button\u003e\n\u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    const ingredientData = {\n        'retinol': {\n            name: 'Retinol',\n            subtitle: 'The gold standard for anti-aging',\n            description: 'One of the most powerful scientifically proven ingredients in fighting the signs of aging. Stimulates cell regeneration and collagen production, significantly reducing the appearance of wrinkles and fine lines.',\n            benefits: [\n                'Reduces wrinkles and fine lines',\n                'Improves skin texture and smoothness',\n                'Uniforma el tono de la piel',\n                'Estimula la regeneración celular'\n            ]\n        },\n        'retinal': {\n            name: 'Retinal',\n            subtitle: 'The gentle power of renewal',\n            description: 'An advanced form of retinol that works more effectively and more gently on the skin. Provides quick results in improving skin appearance and reducing signs of aging without causing irritation.',\n            benefits: [\n                'Faster effectiveness than traditional retinol',\n                'Less irritating to sensitive skin',\n                'Strongly stimulates collagen production',\n                'Mejora la elasticidad de la piel'\n            ]\n        },\n        'argireline': {\n            name: 'Argireline',\n            subtitle: 'Botox Natural',\n            description: 'A revolutionary peptide that gently relaxes facial muscles, reducing the depth of expression wrinkles. It provides results similar to Botox, but in a completely natural and safe way.',\n            benefits: [\n                'Reduces expression wrinkles',\n                'Gently relax your facial muscles',\n                'A safe alternative to injections',\n                'Fast and noticeable results'\n            ]\n        },\n        'peptides': {\n            name: 'Péptidos',\n            subtitle: 'Young builders',\n            description: 'Specialized amino chains stimulate the skin to produce natural collagen and elastin. They act as messages to cells to activate natural regeneration and repair processes.',\n            benefits: [\n                'Stimulates collagen production',\n                'Refuerza la estructura de la piel',\n                'Mejora la elasticidad de la piel',\n                'Repair processes speed up'\n            ]\n        },\n        'hyaluronic': {\n            name: 'Ácido hialurónico',\n            subtitle: 'Humidity magnet',\n            description: 'A unique molecule capable of absorbing a thousand times its weight in water. Provides deep and intense hydration, filling wrinkles from within to give the skin a plump and youthful appearance.',\n            benefits: [\n                'Intense hydration for 24 hours',\n                'Fills wrinkles and fine lines',\n                'Mejora la elasticidad de la piel',\n                'Ideal para todo tipo de piel'\n            ]\n        },\n        'vitamin-c': {\n            name: 'Vitamina C',\n            subtitle: 'Radiance booster and protection',\n            description: 'A powerful antioxidant that protects the skin from environmental damage and stimulates collagen production. Unifies skin tone, reduces dark spots, and gives it a distinctive natural radiance.',\n            benefits: [\n                'Unifies skin tone and increases radiance',\n                'Reduces dark spots \u0026 hyperpigmentation',\n                'Estimula la producción de colágeno',\n                'Protects against environmental damage'\n            ]\n        }\n    };\n    \n    function openModal(ingredientId) {\n        const data = ingredientData[ingredientId];\n        const modalBody = document.getElementById('modalBody');\n        \n        modalBody.innerHTML = `\n            \u003ch3 class=\"modal-title\"\u003e${data.name}\u003c\/h3\u003e\n            \u003cp class=\"modal-subtitle\"\u003e${data.subtitle}\u003c\/p\u003e\n            \u003cp class=\"modal-description\"\u003e${data.description}\u003c\/p\u003e\n            \u003cdiv class=\"modal-benefits\"\u003e \u003ch4\u003e Inicio\u003c\/h4\u003e \u003cul\u003e ${data.benefits.map(benefit =\u003e `\u003cli\u003e${benefit}\u003c\/li\u003e`).join(\"')}\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        `;\n        \n        document.getElementById('modal').classList.add('active');\n    }\n    \n    function closeModal() {\n        document.getElementById('modal').classList.remove('active');\n    }\n    \n    function closeModalOnOverlay(event) {\n        if (event.target.id === 'modal') {\n            closeModal();\n        }\n    }\n    \n    \/\/ Smooth scroll and touch optimization for mobile\n    if ('ontouchstart' in window) {\n        document.body.style.webkitTouchCallout = 'none';\n    }\n\u003c\/script\u003e","products":[{"product_id":"the-ordinary-niacinamide-zinc","title":"The Ordinary Niacinamide 10% + Zinc 1% - Suero para el control de las imperfecciones y la reducción de los poros","description":"\n\u003cstyle\u003e\n\n.niacinamide-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.niacinamide-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 0.8s ease forwards;\n}\n\n.niacinamide-title-main {\n  font-size: 28px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.niacinamide-title-sub {\n  font-size: 22px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 12px;\n  display: inline-block;\n}\n\n.niacinamide-title-sub:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.niacinamide-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.niacinamide-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  animation: imagePulse 2s infinite alternate ease-in-out;\n  opacity: 0;\n  transform: scale(0.95);\n  animation: fadeInAndScale 0.8s ease forwards;\n}\n\n.niacinamide-image:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.niacinamide-divider {\n  height: 1px;\n  background-color: #eee;\n  margin: 40px 0;\n  position: relative;\n  width: 0;\n  animation: growWidth 1.2s ease forwards;\n}\n\n.niacinamide-divider:before {\n  content: \"\";\n  position: absolute;\n  width: 60px;\n  height: 3px;\n  background-color: #9C8102;\n  top: -1px;\n  right: 50%;\n  transform: translateX(50%);\n  opacity: 0;\n  animation: fadeIn 0.8s 0.6s ease forwards;\n}\n\n.niacinamide-benefit-section {\n  margin: 30px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-benefit-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-benefit-section:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n.niacinamide-benefit-title {\n  text-align: center;\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.niacinamide-benefit-subtitle {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.niacinamide-benefit-subtitle:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 0;\n  height: 2px;\n  background-color: #9C8102;\n  transition: width 0.8s ease;\n}\n\n.niacinamide-benefit-section.visible .niacinamide-benefit-subtitle:after {\n  width: 40px;\n}\n\n.niacinamide-benefit-content {\n  text-align: center;\n  line-height: 1.7;\n  color: #555;\n}\n\n.niacinamide-highlight {\n  color: #9C8102;\n  font-weight: bold;\n  background: linear-gradient(120deg, rgba(156, 129, 2, 0.2), transparent);\n  background-repeat: no-repeat;\n  background-size: 100% 0.4em;\n  background-position: 0 88%;\n  transition: background-size 0.4s ease;\n}\n\n.niacinamide-benefit-section:hover .niacinamide-highlight {\n  background-size: 100% 0.6em;\n}\n\n.niacinamide-usage-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-usage-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-usage-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 15px;\n  font-weight: bold;\n  position: relative;\n  padding-left: 15px;\n}\n\n.niacinamide-usage-title:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 0;\n  background-color: #9C8102;\n  border-radius: 3px;\n  transition: height 0.6s ease;\n}\n\n.niacinamide-usage-section.visible .niacinamide-usage-title:before {\n  height: 100%;\n}\n\n.niacinamide-usage-content {\n  line-height: 1.7;\n}\n\n.niacinamide-ingredients-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-ingredients-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-ingredient-item {\n  margin-bottom: 20px;\n  opacity: 0;\n  transform: translateX(20px);\n  transition: all 0.6s ease;\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.niacinamide-ingredient-name {\n  font-weight: bold;\n  color: #9C8102;\n  margin-bottom: 5px;\n}\n\n.niacinamide-ingredient-desc {\n  line-height: 1.6;\n}\n\n.niacinamide-product-info {\n  text-align: center;\n  margin: 30px 0;\n  padding: 15px;\n  background-color: #f8f6f0;\n  border-radius: 8px;\n  font-weight: bold;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transform: scale(0.95);\n  opacity: 0;\n}\n\n.niacinamide-product-info.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes growWidth {\n  from {\n    width: 0;\n    margin-left: 50%;\n  }\n  to {\n    width: 100%;\n    margin-left: 0;\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes imagePulse {\n  from {\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n  }\n  to {\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.3);\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"niacinamide-container\"\u003e\n\u003cdiv class=\"niacinamide-header\"\u003e\n\u003ch2 class=\"niacinamide-title-main\"\u003eThe ordinary niacinamide 10% Zinc 1%\u003c\/h2\u003e\n\u003cimg alt=\"The Ordinary Niacinamide\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Modern_Search_Bar_Facebook_Feed_Ad_20_1024x1024.jpg?v=1638010843\"\/\u003e\n\u003ch3 class=\"niacinamide-title-sub\"\u003eTu piel está en su estado más puro\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-title-sub\"\u003eLos poros de tu piel son invisibles\u003c\/h2\u003e\n\u003cp class=\"niacinamide-intro\"\u003e\n      La niacinamida es el compuesto ideal y mejor para reducir los poros al máximo, haciendo que tu piel se vea fresca, firme y libre de puntos negros y comedones.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eEficaz contra el acné más grave\u003c\/h3\u003e\n\u003cimg alt=\"Antes y después del uso de la niacinamida\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Reduce el enrojecimiento y los efectos del acné, y verás resultados positivos, especialmente en los granos inflamados\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eTu juventud es eterna\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eUno de los agentes antienvejecimiento más potentes\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eReduce los radicales libres que causan el envejecimiento y estimula la producción de colágeno\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Anti-envejecimiento\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Estimula la producción de queratina, que reafirma la piel y aumenta su grosor, reduciendo los efectos de las líneas finas y arrugas de expresión\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eTu piel es clara y de color uniforme\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eAclarará las zonas oscuras de tu piel\u003c\/h2\u003e\n\u003cimg alt=\"Iluminadores \u0026amp; Antimanchas\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      En altas concentraciones, la niacinamida neutraliza el pigmento de la melanina, aclarando las áreas oscuras y haciendo que la piel tenga un color uniforme.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eHidratación profunda\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eSin efecto graso\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      La niacinamida trabaja para retener la humedad en tu piel creando... \u003cspan class=\"niacinamide-highlight\"\u003e\"Barrera de hidratación\"\u003c\/span\u003e Que previene la pérdida de agua de la piel\n    \u003c\/p\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Neutraliza también la producción de aceites en la piel grasa, por lo que no deja un efecto graso\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003e\u003cstrong\u003eElimina puntos negros y blancos\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\u003cstrong\u003eTrata la piel áspera\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg alt=\"Tratamiento con textura cutánea irregular\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eEstimulando la formación de nuevas células de la piel e hidratando profundamente la piel\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\n\u003cstrong\u003eIdeal para todo tipo de piel: seca, normal, mixta y grasa\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eLigero sobre la piel..absorción rápida\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-usage-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eCómo usar\u003c\/h3\u003e\n\u003cdiv class=\"niacinamide-usage-content\"\u003e\n\u003cp\u003e\n        Aplica una cantidad muy pequeña en el rostro por la mañana y por la noche sobre la piel limpia antes de aplicar cualquier otra crema, aceite o hidratante en la piel.\n      \u003c\/p\u003e\n\u003cp\u003e\n        No debería usarse junto con tratamientos que contengan vitamina C pura.\n        \u003cbr\/\u003e(ácido ascórbico)\n      \u003c\/p\u003e\n\u003cp\u003e\n        Seguro de usar para mujeres embarazadas y en período de lactancia\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-ingredients-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eComponentes básicos\u003c\/h3\u003e\n\u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n\u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Niacinamide -\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n        Es excelente para mejorar la salud general de la piel, fortalece la inmunidad de la piel y mejora la retención de humedad fortaleciendo la barrera hidrolipídica.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n\u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Zinc -\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n        Apoya la estructura de la piel curando la piel dañada y fomentando la producción de colágeno y elastina.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-product-info\"\u003e\n\u003cp\u003eTamaño del paquete 30 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const benefitSections = document.querySelectorAll('.niacinamide-benefit-section');\n  const usageSection = document.querySelector('.niacinamide-usage-section');\n  const ingredientsSection = document.querySelector('.niacinamide-ingredients-section');\n  const productInfo = document.querySelector('.niacinamide-product-info');\n  \n  \n  const images = document.querySelectorAll('.niacinamide-image');\n  if (images.length \u003e 1) {\n    images[1].setAttribute('data-delay', '0.3');\n  }\n  \n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const delay = entry.target.getAttribute('data-delay') || 0;\n        setTimeout(() =\u003e {\n          entry.target.classList.add('visible');\n        }, delay * 1000);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \n  benefitSections.forEach((section, index) =\u003e {\n    section.setAttribute('data-delay', index * 0.15);\n    observer.observe(section);\n  });\n  \n  if (usageSection) observer.observe(usageSection);\n  if (ingredientsSection) observer.observe(ingredientsSection);\n  if (productInfo) observer.observe(productInfo);\n  \n  \n  const imageObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animationDelay = '0.3s';\n        entry.target.style.animationPlayState = 'running';\n        imageObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \n  document.querySelectorAll('.niacinamide-image').forEach(img =\u003e {\n    imageObserver.observe(img);\n  });\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"30 ml","offer_id":46999278977198,"sku":"INSTA0382CHIQ","price":15.0,"currency_code":"USD","in_stock":true},{"title":"60 ml","offer_id":46999279009966,"sku":"INSTA0382CHIQ","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ezgif.com-gif-maker_5.jpg?v=1788176548"},{"product_id":"loreal-eye-cream-hyalouronic-50ml","title":"Crema para el cuidado de las arrugas y las ojeras alrededor de los ojos y para la hidratación alrededor de los ojos con ácido hialurónico | L'Oréal","description":"\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003eloreal eye cream hyalouronic 50ml\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003eHemos desarrollado y probado cremas para el skincare en colaboración con expertos en piel y científicos de renombre internacional.\u003cbr\/\u003eConocimiento comprobado, innovaciones revolucionarias y formulaciones lujosas para una experiencia de skincare exclusiva. Disfruta de una piel radiante ahora y de una piel de aspecto más joven en el futuro.\u003cbr\/\u003e\u003cbr\/\u003eRestaura la humedad de la piel y reduce la apariencia de las líneas finas\u003cbr\/\u003eCon un factor de protección de 20\u003cbr\/\u003eTu piel aparece pura, cómoda y calmada, y previene la irritación\u003cbr\/\u003e\u003cbr\/\u003eCrema contorno de ojos con ácido hialurónico L'Oreal\u003cbr\/\u003e\u003cbr\/\u003e1. Suaviza las líneas finas\u003cbr\/\u003e2 Hidratación intensa\u003cbr\/\u003e\u003cbr\/\u003eExperto en Ácido Hialurónico\u003cbr\/\u003e2 tipos de ácido hialurónico:\u003cbr\/\u003e1) Ácido hialurónico de alto peso molecular para ayudar a hidratar y alisar la superficie de la piel\u003cbr\/\u003e2) Micro-ácido hialurónico ayuda a reemplazar la humedad en la piel\u003cbr\/\u003e\u003cbr\/\u003eAcción: mejora e hidrata la piel + suaviza las líneas finas\u003cbr\/\u003eEdad: 25 a 35\u003cbr\/\u003eTextura: Ligera y no grasa\u003cbr\/\u003e\u003cbr\/\u003ePara mejores resultados:\u003cbr\/\u003e\u003cbr\/\u003eUsar con otros productos de la gama Hyaluron Expert: Crema Renovadora Hidratante SPF 20 para proteger e hidratar la piel y Mascarilla Hidratante Reafirmante para suavizar y nutrir la piel.\u003cbr\/\u003e\u003cbr\/\u003eProbado bajo la supervisión de oftalmólogos\u003cbr\/\u003eApto para pieles sensibles\u003cbr\/\u003e\u003cbr\/\u003eCómo usar:\u003cbr\/\u003e\u003cbr\/\u003eAplica diariamente en el contorno de los ojos, incluidas las párpados, y extiende cuidadosamente la fórmula con la punta de los dedos desde el interior hacia el exterior del ojo.\u003c\/p\u003e","brand":"loreal","offers":[{"title":"Default Title","offer_id":46999288643758,"sku":"INSTA0539CHIQ","price":4.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/EyesHyaluron.jpg?v=1788176299"},{"product_id":"the-ordinary-caffeine-solution","title":"The Ordinary Solución con Cafeína 5% + EGCG - Suero para Ojeras e Hinchazón Bajo los Ojos","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \n        .caf-premium-wrapper {\n            --caf-bg-dark: #120b08; \n            --caf-bg-card: rgba(30, 20, 15, 0.6); \n            --caf-gold-main: #d4af37; \n            --caf-gold-light: #f3e5ab; \n            --caf-gold-glow: rgba(212, 175, 55, 0.25);\n            --caf-tea-green: #81b29a; \n            --caf-text-main: #fdfbf7;\n            --caf-text-muted: #cbbca0;\n            --caf-border: rgba(212, 175, 55, 0.2);\n            --caf-border-hover: rgba(243, 229, 171, 0.6);\n            \n            background-color: var(--caf-bg-dark);\n            color: var(--caf-text-main);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n        }\n\n        .caf-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .caf-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n            border: 1px solid rgba(212, 175, 55, 0.1);\n        }\n\n        .caf-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \n        .caf-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .caf-particle {\n            position: absolute;\n            border-radius: 50%;\n            bottom: -100px;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n            box-shadow: 0 0 15px var(--caf-gold-glow);\n            animation: floatUpCaf 16s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpCaf {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n        }\n\n        \n        .caf-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #fff;\n            text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n        }\n\n        .caf-title-glow span {\n            background: linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n\n        .caf-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 30px);\n            font-weight: 800;\n            color: #fff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .caf-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--caf-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--caf-gold-main);\n        }\n\n        \n        .caf-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .caf-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--caf-gold-main);\n            color: var(--caf-gold-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n        \n        .caf-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--caf-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \n        .caf-glass-box {\n            background: var(--caf-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--caf-border);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n\n        .caf-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--caf-gold-light), var(--caf-gold-main), transparent);\n        }\n\n        \/* === The Synergy Box (UVP Highlight) === *\/\n        .caf-synergy-box {\n            background: linear-gradient(145deg, rgba(30, 20, 15, 0.8), rgba(10, 5, 5, 0.95));\n            border: 2px solid var(--caf-gold-main);\n            border-radius: 20px;\n            padding: 40px 30px;\n            margin: 50px 0;\n            text-align: center;\n            position: relative;\n            box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);\n        }\n\n        .caf-synergy-equation {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .caf-synergy-item {\n            background: rgba(255,255,255,0.03);\n            border: 1px dashed var(--caf-gold-light);\n            padding: 20px;\n            border-radius: 15px;\n            flex: 1;\n            min-width: 250px;\n        }\n\n        .caf-synergy-plus {\n            font-size: 3rem;\n            color: var(--caf-gold-main);\n            font-weight: 900;\n        }\n\n        .caf-synergy-result {\n            background: var(--caf-gold-main);\n            color: #000;\n            padding: 20px;\n            border-radius: 15px;\n            font-size: 1.3rem;\n            font-weight: 900;\n            width: 100%;\n            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);\n        }\n\n        \n        .caf-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .caf-card {\n            background: linear-gradient(145deg, rgba(25, 15, 10, 0.7), rgba(10, 5, 5, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n        }\n\n        .caf-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--caf-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 20, 10, 0.8);\n        }\n\n        .caf-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--caf-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n        }\n        \n        .caf-card:hover .caf-icon {\n            background: linear-gradient(135deg, var(--caf-gold-main), var(--caf-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(-5deg);\n            border-color: transparent;\n            box-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n\n        .caf-card h3 {\n            font-size: 1.2rem;\n            color: #fff;\n            margin-bottom: 12px;\n        }\n\n        .caf-card p {\n            color: var(--caf-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \n        .caf-stats-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin: 40px 0;\n            background: var(--caf-bg-card);\n            padding: 35px;\n            border-radius: 20px;\n            border: 1px solid var(--caf-border);\n        }\n\n        .caf-stat-item {\n            text-align: center;\n            position: relative;\n            padding: 15px;\n        }\n\n        .caf-stat-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, var(--caf-gold-light), var(--caf-gold-main));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1;\n            margin-bottom: 10px;\n            text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n            font-family:system-ui,-apple-system,sans-serif;\n        }\n        \n        .caf-stat-desc {\n            color: #fff;\n            font-size: 1.05rem;\n            line-height: 1.5;\n        }\n\n        \n        .caf-timeline {\n            position: relative;\n            padding-left: 35px;\n            margin: 50px 0;\n        }\n\n        .caf-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 15px;\n            width: 3px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--caf-gold-main), transparent);\n            border-radius: 3px;\n        }\n\n        .caf-timeline-item {\n            position: relative;\n            margin-bottom: 30px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--caf-border);\n            padding: 25px;\n            border-radius: 16px;\n            text-align: left;\n            transition: all 0.3s;\n        }\n\n        .caf-timeline-item:hover {\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-10px);\n            border-color: rgba(212, 175, 55, 0.4);\n        }\n\n        .caf-timeline-item::before {\n            content: '';\n            position: absolute;\n            top: 35px;\n            right: -23px;\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background: var(--caf-gold-main);\n            box-shadow: 0 0 15px var(--caf-gold-main);\n            border: 3px solid var(--caf-bg-dark);\n        }\n\n        \n        .caf-steps-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 50px;\n        }\n\n        .caf-step-box {\n            background: rgba(0,0,0,0.5);\n            border: 1px solid var(--caf-border);\n            padding: 35px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n        }\n\n        .caf-step-box:hover {\n            border-color: var(--caf-gold-main);\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n        }\n\n        .caf-step-num {\n            width: 50px;\n            height: 50px;\n            background: var(--caf-bg-dark);\n            border: 2px solid var(--caf-gold-main);\n            color: var(--caf-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            font-weight: bold;\n            margin: 0 auto 20px;\n            box-shadow: 0 0 15px var(--caf-gold-glow);\n        }\n\n        \/* === Animations === *\/\n        .caf-reveal {\n            opacity: 0;\n            transform: translateY(40px) scale(0.98);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .caf-reveal.caf-active {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .caf-delay-1 { transition-delay: 0.1s; }\n        .caf-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .caf-hero { padding: 10px 0 20px; }\n            .caf-synergy-plus { transform: rotate(90deg); }\n            .caf-timeline { padding-left: 25px; }\n            .caf-timeline::before { right: 10px; }\n            .caf-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"caf-ambient-particles\" id=\"caf-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"caf-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"caf-hero caf-reveal caf-active\"\u003e\n\u003cdiv class=\"caf-badge\"\u003eElixir despertador del contorno de ojos\u003c\/div\u003e\n\u003ch1 class=\"caf-title-glow\"\u003eLa pesadilla de las ojeras y las bolsas ha terminado: \u003cbr\/\u003e\u003cspan\u003eUna “tacita concentrada de café” despierta tus ojos en pocos segundos!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"caf-hero-subtitle\"\u003e\n                No importa cuánto duermas 8 horas, ¿pareces igualmente cansado? ¿El corrector se cuartea y no cubre las ojeras? \n                \u003cstrong style=\"color: #fff;\"\u003eEl problema no es el número de horas de sueño, el problema es la circulación sanguínea debajo de los ojos.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem --\u003e\n\u003cdiv class=\"caf-glass-box caf-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003e¿Por qué las cremas normales para ojos fallan?\u003c\/h2\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n                La mayoría de las cremas para ojos solo hidratan la superficie. Pero el color oscuro que se ve es en realidad “sangre congestionada” debido a una mala circulación, y la hinchazón es solo “líquido atrapado” bajo la piel muy delgada debajo del ojo. La hidratación por sí sola no resolverá este problema estructural.\n            \u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--caf-border); padding-top: 25px; margin-top: 25px;\"\u003e\n\u003cp style=\"color: var(--caf-gold-light); font-size: 1.25rem; font-weight: bold;\"\u003eSolución médica directa: Solución de cafeína 5% + EGCG\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n                    No necesitas una crema hidratante. Necesitas un estimulante biológico que atrae fluidos y disuelve la pigmentación con el poder de altas concentraciones de The Ordinary.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Synergy UVP (The Golden Equation) --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eLa ecuación que sorprendió a los dermatólogos\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003eEl secreto de la enorme eficacia reside en la combinación de los dos ingredientes más poderosos en el mundo del tratamiento contorno de ojos:\u003c\/p\u003e\n\u003cdiv class=\"caf-synergy-box caf-reveal\"\u003e\n\u003cdiv class=\"caf-synergy-equation\"\u003e\n\u003cdiv class=\"caf-synergy-item\"\u003e\n\u003ch3 style=\"color: var(--caf-gold-light); font-size: 1.5rem; margin-bottom: 10px;\"\u003e☕ Cafeína 5%\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eSolo Inmediatamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-item\" style=\"border-color: var(--caf-tea-green);\"\u003e\n\u003ch3 style=\"color: var(--caf-tea-green); font-size: 1.5rem; margin-bottom: 10px;\"\u003e🌿 EGCG té verde\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eSolo aclara la pigmentación oscura bajo la piel y protege de la oxidación que causa color marrón y azul.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-result\"\u003e\n                = El dúo más poderoso del mundo para borrar ojeras e hinchazón como si nunca hubieran existido!\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Clinical Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eLos números hablan por sí mismos\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003eBasado en evaluaciones clínicas de los usuarios después de 6 semanas de uso regular:\u003c\/p\u003e\n\u003cdiv class=\"caf-stats-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e87%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eReducción evidente de las ojeras y de la pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eReducción radical de la hinchazón y de las bolsas bajo los ojos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e95%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eMayor radiosidad y luminosidad de toda el área de los ojos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Benefits Grid --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003e¿Qué hará el “Suero de Cafeína” por tus ojos?\u003c\/h2\u003e\n\u003cdiv class=\"caf-grid\"\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eDesempaquetado matutino\u003c\/h3\u003e\n\u003cp\u003eAdiós a los ojos hinchados al despertar. La alta concentración de cafeína estimula el drenaje linfático para eliminar los líquidos retenidos en pocos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-1\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🔆\u003c\/div\u003e\n\u003ch3\u003eElasticidad de la pigmentación hereditaria\u003c\/h3\u003e\n\u003cp\u003eExtracto Puro EGCG de hojas de té verde dirigido a la melanina y a los antioxidantes para uniformar y aclarar visiblemente el color de la zona de los ojos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-2\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eEscudo protector contra la flacidez\u003c\/h3\u003e\n\u003cp\u003eLa fórmula enriquecida con antioxidantes protege el colágeno delicadísimo alrededor de los ojos del deterioro causado por las pantallas y la contaminación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eCorrector con la mezcla perfecta\u003c\/h3\u003e\n\u003cp\u003eGracias a su textura ligera y a la rápida absorción, funciona como un primer ideal que impide que el corrector se agrume o forme rayas bajo los ojos durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline of Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eEl viaje de la transformación: del agotamiento a la frescura\u003c\/h2\u003e\n\u003cdiv class=\"caf-timeline caf-reveal\"\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDespués del primer uso\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eSensación inmediata de frescura y ligero reafirmamiento. Un rápido alivio de la hinchazón matutina y al mirarte al espejo encuentras tus ojos completamente “despiertos”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDespués de dos semanas\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eEl color azuláceo\/marrón oscuro comienza a desvanecerse. El contorno de ojos se ve más luminoso y la cantidad de corrector necesaria disminuye gradualmente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDespués de un mes completo\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eUna verdadera transformación en el aspecto del cansancio. Las ojeras persistentes han disminuido visiblemente, y el contorno de ojos está firme, claro y refleja salud y frescura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003ePasos sencillos para excelentes resultados\u003c\/h2\u003e\n\u003cdiv class=\"caf-steps-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-step-box\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eLimpieza\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eLávate bien la cara y asegúrate de que la zona de los ojos esté completamente seca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-1\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eUna gota\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eAplicar Sobre .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-2\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003ePlenitud\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eSuero About .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-3\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eContinuidad\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eÚsalo Dos veces . .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"caf-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--caf-border);\"\u003e\n\u003ch2 class=\"caf-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e¡No dejes que el cansancio robe la belleza de tus ojos!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                En lugar de gastar tu dinero en un corrector nuevo que esconderá el problema, invierte en una fórmula científica que trata el problema desde la raíz.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--caf-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--caf-gold-glow);\"\u003e\n                ¡Ordena ahora el suero original Caffeine 5% + EGCG y devuelve a tus ojos su verdadero esplendor!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.caf-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('caf-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('caf-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Caffeine Drops\n            var ambientContainer = document.getElementById('caf-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('caf-particle');\n                \n                var size = Math.random() * 30 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 10; \n                var delay = Math.random() * 10; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999288807598,"sku":"INSTA0542CHIQ","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/theordinarycaffeinesolution.jpg?v=1788176295"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The Ordinary Ácido Láctico 5% + HA - Suero exfoliante e hidratante delicado - 30ml","description":"\u003cstyle\u003e\n  .ordinary-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: ltr;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 10s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1.2s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.6em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.5em;\n    color: #666;\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n    line-height: 1.4;\n  }\n\n  .pharaoh-intro {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 20px;\n    position: relative;\n  }\n\n  .pharaoh-intro::before {\n    content: '👑';\n    position: absolute;\n    top: 20px;\n    left: 30px;\n    font-size: 2em;\n    opacity: 0.3;\n  }\n\n  .pharaoh-intro h2 {\n    color: #9C8102;\n    font-size: 2.2em;\n    margin-bottom: 25px;\n  }\n\n  .pharaoh-intro p {\n    font-size: 1.2em;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .why-lactic-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .comparison-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .comparison-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .comparison-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .comparison-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #dfb919;\n  }\n\n  .comparison-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .comparison-title {\n    color: #9C8102;\n    font-size: 1.4em;\n    font-weight: 700;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .comparison-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: center;\n  }\n\n  .benefits-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 35px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 35px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #9C8102;\n  }\n\n  .benefit-icon {\n    font-size: 3.5em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .benefit-subtitle {\n    color: #999;\n    font-size: 1.1em;\n    font-weight: 600;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: left;\n  }\n\n  .gentle-formula-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .formula-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .formula-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .formula-info {\n    background: #f8f9fa;\n    padding: 40px;\n    border-radius: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .formula-feature {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    margin: 20px 0;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n  }\n\n  .formula-feature h4 {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .science-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .science-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .science-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .science-info {\n    background: white;\n    padding: 40px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .science-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .ph-meter {\n    background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n    height: 20px;\n    border-radius: 10px;\n    position: relative;\n    margin: 20px 0;\n  }\n\n  .ph-indicator {\n    position: absolute;\n    top: -5px;\n    left: 20%;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    border-radius: 50%;\n    border: 3px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n  }\n\n  .ph-label {\n    text-align: center;\n    margin-top: 10px;\n    font-weight: 700;\n    color: #9C8102;\n  }\n\n  .ingredients-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .ingredients-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .ingredient-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .ingredient-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .ingredient-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .ingredient-name {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .usage-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .usage-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .usage-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .usage-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .usage-steps {\n    list-style: none;\n    padding: 0;\n  }\n\n  .usage-steps li {\n    padding: 12px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-left: 35px;\n  }\n\n  .usage-steps li::before {\n    content: attr(data-step);\n    position: absolute;\n    right: 0;\n    top: 12px;\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    background: #9C8102;\n    color: white;\n    text-align: center;\n    line-height: 25px;\n    font-size: 0.85em;\n    font-weight: 700;\n  }\n\n  .warning-card {\n    background: #fff3cd;\n    border: 2px solid #ffeaa7;\n    padding: 25px;\n    border-radius: 15px;\n    margin-top: 20px;\n  }\n\n  .warning-title {\n    color: #856404;\n    font-weight: 700;\n    margin-bottom: 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .warning-list {\n    list-style: none;\n    padding: 0;\n  }\n\n  .warning-list li {\n    padding: 8px 0;\n    position: relative;\n    padding-left: 25px;\n    color: #856404;\n  }\n\n  .warning-list li::before {\n    content: '⚠️';\n    position: absolute;\n    right: 0;\n    top: 8px;\n  }\n\n  .skin-types-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .skin-types-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .skin-type-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .skin-type-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .skin-type-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .skin-type-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .results-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .results-timeline {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .result-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n    position: relative;\n  }\n\n  .result-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .result-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .result-period {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.2em;\n    margin-bottom: 15px;\n  }\n\n  .before-after-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .before-after-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .before-after-card {\n    text-align: center;\n    background: white;\n    padding: 20px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n  }\n\n  .before-after-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n  }\n\n  .before-after-image {\n    max-width: 100%;\n    border-radius: 15px;\n    margin-bottom: 15px;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 80px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cta-section::before {\n    content: '🏺';\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    font-size: 3em;\n    opacity: 0.1;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 18px 45px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.3em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.4em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    border-radius: 2px;\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 100px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 50px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n    border-radius: 2px;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  .ingredients-list {\n    background: #f8f9fa;\n    padding: 25px;\n    border-radius: 15px;\n    margin-top: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .ingredients-list h4 {\n    color: #9C8102;\n    margin-bottom: 15px;\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2.2em; }\n    .section-title { font-size: 2em; }\n    .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n      grid-template-columns: 1fr;\n    }\n    .formula-content, .science-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"ordinary-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_HA.webp?v=1749661210\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eEl secreto de belleza usado por los Faraones... en una fórmula moderna y avanzada\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003eUno de los secretos de las reinas para tu piel\u003c\/h2\u003e\n\u003cp\u003eLos antiguos egipcios fueron los primeros en descubrir la magia del ácido láctico para mantener la piel joven y fresca. La misma Cleopatra solía bañarse en leche ácida para mantener su legendaria belleza. Y hoy, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e Te ha traído el mismo secreto faraónico en una fórmula científica avanzada con una concentración del 10% de ácido hialurónico.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Lactic Acid Section --\u003e\n\u003cdiv class=\"why-lactic-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e¿Por qué el ácido láctico es la elección perfecta?\u003c\/h2\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003eNo todos los ácidos son iguales\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eEl ácido láctico es uno de los ácidos más delicados para la piel sensible, porque es uno de los ácidos naturales ya presentes en tu cuerpo. Esto le permite actuar suavemente, pero con el doble de fuerza que otros ácidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003eEnfoque perfecto y seguro\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eUna concentración del 10% es el límite óptimo que da resultados claros sin irritaciones o sensibilidad excesiva. El nivel de pH de 3,8 está científicamente controlado para garantizar la máxima eficacia con efectos secundarios mínimos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eBeneficios que cambiarán completamente el aspecto de tu piel\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎯\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eEl combatiente número uno del acné\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eTrata las existentes y previene las nuevas\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eEl ácido láctico exfolia delicadamente la piel muerta rompiendo los enlaces que retienen las células muertas. Esto abre los poros obstruidos y previene la formación de nuevos granos. Los estudios han demostrado que el ácido láctico reduce las infecciones de acné hasta en un 90%, lo que lo hace compatible con otros medicamentos para el acné como el retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e⏰\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eUna máquina del tiempo para tu piel\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eTu aspecto será diferente a tu edad\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eA altas concentraciones, el ácido láctico penetra en las capas más profundas de la piel y estimula la formación natural de colágeno. ¿El resultado? Renovación celular, reafirmación de la piel y aumento del grosor, lo que hace desaparecer las arrugas finas y hace que la piel parezca años más joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratación imaginativa sin grasa\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eLa humedad que permanece contigo todo el día\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eEl ácido láctico no solo exfolia, sino que también hidrata profundamente la piel, dejándola suave y elástica. Esta fórmula está respaldada por\u003cstrong\u003eÁcido hialurónico\u003c\/strong\u003e Absorbe 1.000 veces su peso en agua y crea una barrera de hidratación que asegura una hidratación duradera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificar el tono de la piel y eliminar la pigmentación\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003ePiel clara y uniforme como un espejo\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eEl ácido láctico actúa para reducir la producción de melanina en las áreas oscuras, ayudando así a aclarar las pigmentaciones, las marcas de los granos y las manchas oscuras. El resultado es una piel naturalmente uniforme y luminosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Formula Section --\u003e\n\u003cdiv class=\"gentle-formula-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eFórmula delicada para pieles sensibles\u003c\/h2\u003e\n\u003cdiv class=\"formula-content\"\u003e\n\u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eLa pimienta de Tasmania: el guardián natural\u003c\/h4\u003e\n\u003cimg alt=\"Tasmanian Pepperberry\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eLa fórmula contiene extracto de pimienta de Tasmania, que es un antiinflamatorio natural que reduce el enrojecimiento y la irritación que pueden ocurrir con productos exfoliantes. Esto hace que el producto sea adecuado también para pieles muy sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eFórmula ligera a base de agua\u003c\/h4\u003e\n\u003cimg alt=\"Product Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eLa consistencia ligera y acuosa permite que el producto se absorba rápidamente sin dejar una sensación de grasa o pegajosa, lo que lo hace ideal para la piel seca que necesita hidratación sin pesadez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eLa ciencia detrás de la eficacia\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind Effectiveness\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eEquilibrio del pH ideal\u003c\/h3\u003e\n\u003cdiv class=\"ph-meter\"\u003e\n\u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-label\"\u003epH 3,8 - equilibrio perfecto\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003eEl pH de 3,8 está regulado con precisión para corresponder al pKa del ácido láctico. Este número es muy importante porque garantiza el equilibrio óptimo entre sal y acidez, y esto es lo que asegura que el ácido llegue a la piel de manera efectiva y logre una exfoliación eficaz que se puede usar a diario.\u003c\/p\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eFórmula equilibrada para el uso diario\u003c\/h4\u003e\n\u003cp\u003eA diferencia de otros ácidos que requieren un uso intermitente, el ácido láctico en esta fórmula está diseñado para ser lo suficientemente suave para poder usarse a diario sin dejar de ser eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eIngredientes activos\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido láctico (10%)\u003c\/h3\u003e\n\u003cp\u003eExfoliación delicada y eficaz de la superficie de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eHialuronato de sodio\u003c\/h3\u003e\n\u003cp\u003eHidratación profunda e intensa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eBayas de pimienta de Tasmania\u003c\/h3\u003e\n\u003cp\u003eAlivio y antiinflamatorio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eGlicerina\u003c\/h3\u003e\n\u003cp\u003eHidratación extra y protección de la barrera hidrolipídica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003eLista completa de ingredientes:\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCómo usar para los mejores resultados\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eTiempo perfecto ⏰\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003eÚsalo una vez al día solo por la noche\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003eComienza con 3 veces por semana y aumenta gradualmente a medida que la piel lo acepte\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eLa forma correcta 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eLimpia bien el rostro con el limpiador adecuado\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eAplica una capa fina del producto sobre la piel seca\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eEvitar la zona alrededor de los ojos\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003eEsperar 10-15 minutos, luego aplicar la crema hidratante\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003eDeberías usar un protector solar SPF 30+ al día siguiente\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch4 class=\"warning-title\"\u003e⚠️ Advertencias importantes\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003eNo usarlo junto con otros productos que contengan ácidos al mismo tiempo\u003c\/li\u003e\n\u003cli\u003eNo usar con retinol en la misma noche\u003c\/li\u003e\n\u003cli\u003eDeja de usar si ocurre irritación grave\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eIdeal para todo tipo de piel\u003c\/h2\u003e\n\u003cdiv class=\"skin-types-grid\"\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel seca\u003c\/h3\u003e\n\u003cp\u003eEs más adecuado para esto gracias a sus propiedades hidratantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel normal\u003c\/h3\u003e\n\u003cp\u003eLe brinda suavidad y frescura extra\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🎨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel con pigmentación\u003c\/h3\u003e\n\u003cp\u003eUnificará su color y lo purificará\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🪨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel que sufre de una textura rugosa\u003c\/h3\u003e\n\u003cp\u003eLo suaviza y mejora su textura\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCronología de los resultados visibles\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n\u003cimg alt=\"Expected Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cp\u003eTextura más suave y frescura visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cp\u003eMejora de los poros y unificación del tono de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cp\u003eReducción visible de la pigmentación y de las líneas finas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de dos meses\u003c\/div\u003e\n\u003cp\u003ePiel completamente rejuvenecida y con aspecto más joven\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Before\/After Section --\u003e\n\u003cdiv class=\"before-after-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003eAntes y después\u003c\/h2\u003e\n\u003cdiv class=\"before-after-grid\"\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 1\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 2\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 3\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"animate-on-scroll\"\u003e\n\u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\u003eComienza tu viaje hacia la piel de tus sueños con el mismo secreto que hizo de Cleopatra la reina más hermosa de la historia.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eObtén de inmediato el Secreto Faraónico\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate comparison cards\n  const comparisonObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.comparison-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.why-lactic-section').forEach(section =\u003e {\n    comparisonObserver.observe(section);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 300);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate ingredient cards\n  const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.ingredient-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.ingredients-section').forEach(section =\u003e {\n    ingredientsObserver.observe(section);\n  });\n\n  \/\/ Animate skin type cards\n  const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.skin-type-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n    skinTypesObserver.observe(section);\n  });\n\n  \/\/ Animate result cards\n  const resultsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.result-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.results-section').forEach(section =\u003e {\n    resultsObserver.observe(section);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999289397422,"sku":"INSTA0557CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarylacticacid_aaa81fcf-9057-49d2-8eb5-581faf6f0b71.jpg?v=1788176273"},{"product_id":"the-ordinary-hyaluronic-acid","title":"The Ordinary Ácido Hialurónico 2% + B5 - Suero Hidratante y Voluminizador - 30ml","description":"\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eLas arrugas no son solo líneas, son una señal de angustia\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTu piel grita por perder su frescura, y cada día que pasa sin tratamiento hace que el problema sea más profundo y difícil de revertir.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e¿Sabías que las arrugas prematuras no son solo un cambio natural? Más bien, son la prueba de un deterioro de la barrera de hidratación vital de tu piel. Estas líneas no son solo signos pasajeros; son advertencias de que tu piel está empezando a perder la capacidad de retener agua y elasticidad. Con cada día que pasa sin una hidratación efectiva, estas señales se vuelven más profundas y difíciles de tratar. Recuerda, las arrugas comienzan a aparecer cuando la piel carece de cuidados adecuados; cualquier falta de hidratación puede transformarse en líneas y arrugas que no desaparecen fácilmente. Dale a tu piel la fuerza que necesita con ácido hialurónico y restaura su vitalidad antes de que sea demasiado tarde.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003cbr\/\u003e“¿Por qué dejar que tu piel sufra de sed?”\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSi tu piel parece seca y carece de elasticidad y frescura, no solo afecta tu apariencia; también debilita su capacidad para enfrentar los factores ambientales y el envejecimiento prematuro. La sequedad no es solo una condición pasajera, es un factor importante que lleva a la aparición de líneas finas, manchas opacas y pérdida de suavidad. Aquí es donde entra en juego el suero \u003cstrong\u003eÁcido hialurónico 2% + B5\u003c\/strong\u003e Chi \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e; No es solo un hidratante ordinario, sino una fórmula científica avanzada que actúa en profundidad para restaurar el equilibrio y la hidratación de tu piel desde el interior y el exterior.\u003c\/p\u003e\n\u003ch3\u003eLa ciencia detrás de la hidratación profunda\u003c\/h3\u003e\n\u003cp\u003eEl suero contiene \u003cstrong\u003e5 tipos de ácido hialurónico\u003c\/strong\u003e Con diferentes pesos moleculares, permiten alcanzar más capas de la piel. La composición incluye ácidos de bajo, medio y alto peso molecular, así como \u003cstrong\u003eCopolímero cruzado de ácido hialurónico\u003c\/strong\u003e Y\u003cstrong\u003eÁcido hialurónico hidrolizado\u003c\/strong\u003e. Esta diversidad molecular permite que la humedad se distribuya eficazmente a todos los niveles de la piel, ayudando a rehidratar las zonas secas y a apoyar la elasticidad de la piel y a restaurar la plenitud.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3\u003eCeramidas: la última barrera entre tu piel y los factores del envejecimiento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCuando la barrera hidrolipídica se rompe, tu piel comienza un viaje irreversible hacia la sequedad y la pérdida de luminosidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSin una barrera fuerte, cada enemigo de tu piel la invadirá sin piedad. \u003c\/strong\u003eLa piel normal contiene \u003cstrong\u003eCeramidas\u003c\/strong\u003e Como parte esencial de la barrera protectora que retiene la humedad y evita su pérdida.\u003c\/p\u003e\n\u003cp\u003eCuando se pierden estos ceramidas, conduce al colapso de la barrera hidrolipídica, a la pérdida de hidratación y frescura, y expone la piel a factores ambientales que causan envejecimiento. Sin este soporte, la piel se convierte en un campo de batalla, donde los signos de estrés y envejecimiento se aceleran. ¿Dejará tu piel expuesta y vulnerable a los daños?\u003c\/p\u003e\n\u003cp\u003eEl suero contiene una alta concentración de ceramidas que ayudarán a tu piel a restablecer su barrera protectora y a prevenir la penetración de agentes nocivos en las capas más profundas de la piel. \u003c\/p\u003e\n\u003ch3\u003ePantenol (Provitamina B5): Apoyo adicional \u003c\/h3\u003e\n\u003cp\u003eDisponible también en la fórmula \u003cstrong\u003eProvitamina B5\u003c\/strong\u003e, que favorece la formación de elementos grasos esenciales que mantienen la piel suave e hidratada. El pantenol no solo proporciona beneficios hidratantes, sino que también contribuye a reforzar la barrera hidrolipídica, reduciendo la pérdida de humedad y ayudando a mantener la piel continuamente fresca y radiante.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eCada gota reconstruye tu piel desde adentro\u003c\/h3\u003e\n\u003cp\u003eGracias a esta fórmula científica avanzada, el suero obtiene resultados inmediatos en la hidratación de la piel, y su efecto continúa a largo plazo para mantener su frescura y luminosidad natural. La textura ligera y seca hace que este suero sea una elección ideal para todo tipo de piel, especialmente para quienes buscan una hidratación efectiva sin una sensación pegajosa.\u003c\/p\u003e\n\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eCómo usar:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eAplicar unas gotas en el rostro por la mañana y por la noche antes de la crema.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eTamaño: 30 ml\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999289430190,"sku":"INSTA0558CHIQ","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_60_5ab46eb2-a2ad-45f4-9da5-a1ffab414767.jpg?v=1788176272"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary Suero Péptidos y Tecnología Hialurónica para la piel | Anti-edad | Rejuvenecimiento cutáneo completo","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  body {\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n    direction: ltr;\n  }\n  \n  .product-description {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  \n  .section {\n    margin: 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  \n  .section.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  .title {\n    color: #9C8102;\n    font-size: 28px;\n    margin-bottom: 20px;\n    position: relative;\n    font-weight: 600;\n    text-align: center;\n    padding-bottom: 10px;\n  }\n  \n  .title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 50%;\n    transform: translateX(50%);\n    width: 60px;\n    height: 3px;\n    background-color: #9C8102;\n  }\n  \n  .subtitle {\n    color: #9C8102;\n    font-size: 22px;\n    margin-bottom: 15px;\n    font-weight: 600;\n  }\n  \n  .product-image {\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 20px auto;\n    display: block;\n    border-radius: 5px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  \n  .product-image:hover {\n    transform: scale(1.02);\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n  }\n  \n  .description {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n  \n  .feature-card {\n    background-color: white;\n    border-radius: 8px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n    transition: transform 0.3s ease;\n  }\n  \n  .feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n  }\n  \n  .feature-card-title {\n    color: #9C8102;\n    font-size: 18px;\n    margin-bottom: 10px;\n    font-weight: 600;\n  }\n  \n  \/* Timeline styles *\/\n  .timeline-container {\n    position: relative;\n    margin: 40px auto;\n    max-width: 800px;\n  }\n  \n  .timeline-track {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    background-color: #e0e0e0;\n    border-radius: 4px;\n    margin: 50px 0;\n  }\n  \n  .timeline-progress {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    background-color: #9C8102;\n    border-radius: 4px;\n    width: 0;\n    transition: width 1s ease;\n  }\n  \n  .timeline-markers {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    margin-top: -14px;\n  }\n  \n  .timeline-marker {\n    position: relative;\n    width: 24px;\n    height: 24px;\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n  }\n  \n  .timeline-marker.active {\n    background-color: #9C8102;\n    border-color: #9C8102;\n  }\n  \n  .timeline-marker-label {\n    position: absolute;\n    top: -30px;\n    right: 50%;\n    transform: translateX(50%);\n    font-size: 14px;\n    font-weight: 600;\n    color: #777;\n    text-align: center;\n    white-space: nowrap;\n  }\n  \n  .timeline-marker.active .timeline-marker-label {\n    color: #9C8102;\n  }\n  \n  .timeline-content {\n    display: none;\n    background-color: #f8f8f8;\n    padding: 20px;\n    border-radius: 8px;\n    margin-top: 30px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  }\n  \n  .timeline-content.active {\n    display: block;\n  }\n  \n  .timeline-content h3 {\n    color: #9C8102;\n    margin-bottom: 15px;\n    font-size: 18px;\n  }\n  \n  .timeline-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-content li {\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  \n  .highlight {\n    color: #9C8102;\n    font-weight: 600;\n  }\n  \n  .info-box {\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    padding: 20px;\n    margin: 20px 0;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  }\n  \n  .grid-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin: 30px 0;\n  }\n  \n  .grid-item {\n    flex: 1;\n    min-width: 250px;\n  }\n  \n  .usage-steps {\n    margin: 30px 0;\n  }\n  \n  .step {\n    display: flex;\n    margin-bottom: 20px;\n    align-items: center;\n  }\n  \n  .step-number {\n    width: 30px;\n    height: 30px;\n    background-color: #9C8102;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    line-height: 30px;\n    margin-left: 15px;\n    flex-shrink: 0;\n  }\n  \n  .step-content {\n    flex: 1;\n  }\n  \n  .step h4 {\n    margin-bottom: 5px;\n    color: #444;\n  }\n  \n  .step p {\n    font-size: 14px;\n    color: #666;\n  }\n  \n  .divider {\n    height: 1px;\n    background-color: #e0e0e0;\n    margin: 40px 0;\n  }\n  \n  .peptide-box {\n    background-color: white;\n    border-radius: 8px;\n    padding: 25px;\n    margin-bottom: 25px;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n    border-right: 4px solid #9C8102;\n  }\n  \n  .peptide-name {\n    color: #9C8102;\n    font-size: 20px;\n    margin-bottom: 12px;\n    font-weight: 600;\n  }\n  \n  .peptide-technical {\n    color: #888;\n    font-size: 14px;\n    margin-bottom: 15px;\n    font-style: italic;\n  }\n  \n  .peptide-effect {\n    margin-bottom: 15px;\n    line-height: 1.6;\n  }\n  \n  .ingredients-list {\n    font-size: 14px;\n    margin-top: 10px;\n    color: #666;\n    line-height: 1.5;\n  }\n  \n  .stat-container {\n    display: flex;\n    justify-content: space-around;\n    flex-wrap: wrap;\n    margin: 30px 0;\n  }\n  \n  .stat-item {\n    text-align: center;\n    padding: 20px;\n    width: 180px;\n    margin: 10px;\n  }\n  \n  .stat-number {\n    font-size: 42px;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 5px;\n  }\n  \n  .stat-label {\n    font-size: 14px;\n    color: #666;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eUn descubrimiento revolucionario en el mundo del skincare\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eEl Suero Multi-Péptido + HA de The Ordinary no es solo un producto para el skincare, es una fórmula avanzada que cambia la forma en que pensamos sobre la salud y el rejuvenecimiento de la piel. Esta fórmula avanzada combina las innovaciones científicas más recientes con los ingredientes activos más efectivos, para proporcionar a tu piel todo lo que necesita para recuperar juventud y luminosidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003e¿Qué son los péptidos y por qué son importantes para la piel?\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eLos péptidos son cadenas cortas de aminoácidos y son los bloques de construcción de las proteínas de la piel como el colágeno y la elastina, que son responsables del aspecto joven y firme de la piel. Los péptidos actúan como moléculas señalizadoras, ayudando a estimular la producción de colágeno y de otras proteínas esenciales en la piel.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eEl suero The Ordinary Multi-Peptide + HA contiene una mezcla avanzada de cinco tecnologías peptídicas científicamente estudiadas, además de aminoácidos amigables con la piel y múltiples complejos de ácido hialurónico. Esta potente combinación ayuda a mejorar la elasticidad y la tonicidad de la piel y a reducir significativamente la apariencia de las arrugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003ePéptidos en el Suero Multi-Péptido + HA de The Ordinary\u003c\/h2\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngredientes activos: palmitoil tetrapéptido-7 y palmitoil tripéptido-1\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 es un complejo de péptidos popular que estimula la producción de colágeno en la piel. Este complejo ayuda a reducir la apariencia de líneas finas y arrugas de expresión apoyando componentes estructurales clave dentro de la piel. Se considera uno de los agentes antienvejecimiento más efectivos ya que fomenta que la piel produzca más colágeno y elastina, lo que ayuda a rellenar líneas finas y arrugas de expresión.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente activo: palmitoil tripeptido-38\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ synthe'6™ promueve la producción de seis componentes esenciales de la matriz cutánea, incluidos colágeno y elastina. Este péptido avanzado ayuda a mejorar la elasticidad de la piel y a reducir la profundidad de las arrugas, especialmente en las zonas de la frente y los ojos. También mejora la estructura general y la textura de la piel, potenciando su apariencia joven y tonificada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente activo: dipeptido diaminobutirroil benzilamida diacetato\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eSYN™-AKE es un péptido avanzado que imita el efecto del veneno de serpiente, inhibiendo la liberación de neurotransmisores que causan contracciones musculares. Esto ayuda a relajar los músculos del rostro y a reducir la apariencia de las “líneas dinámicas” que se forman con expresiones faciales repetidas como sonreír o fruncir el ceño. Este péptido es particularmente eficaz para reducir las líneas en la frente y alrededor de los ojos, dando a la piel un aspecto más liso y relajado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngredientes activos: acetil hexapéptido-8 (Argireline) y pentapéptido-18\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eARGIRELOX™ es un complejo peptídico dual que combina el poder del péptido Argireline y del péptido Leuphasyl. Funciona de manera similar al Botox pero sin inyecciones, inhibiendo las señales nerviosas que causan la contracción de los músculos. Este complejo es particularmente eficaz en reducir la apariencia de las líneas de expresión y las arrugas dinámicas en las áreas de la frente, entre las cejas y alrededor de los ojos. Los estudios han demostrado que combinar estos dos péptidos obtiene mejores resultados que el uso de cada uno por separado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente activo: acetilarginiltriptifil difenilglicina\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eRELISTASE™ es un péptido especializado que mejora la elasticidad y la firmeza de la piel. Este péptido se centra en la promoción de la producción de elastina y en la protección de las fibras elásticas de la piel, ayudando a combatir la flacidez cutánea y a mejorar la firmeza de la piel. También promueve la síntesis de colágeno y protege las fibras existentes de la degradación, resultando en una piel más firme y joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eÁcido hialurónico: el compañero ideal para los péptidos\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eEl suero Multi-Péptidos + HA contiene más compuestos de ácido hialurónico, que es un potente hidratante para la piel. El ácido hialurónico no es como cualquier ingrediente hidratante ordinario; Es \u003cstrong\u003eUn súper potente imán molecular que puede absorber hasta 1.000 veces su peso en agua\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eGracias a sus partículas de diferentes tamaños, el ácido hialurónico en este suero puede penetrar en diferentes capas de la piel, proporcionando una hidratación profunda y duradera. Esta hidratación profunda ayuda:\u003c\/p\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eBeneficios del ácido hialurónico en el suero:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eVoluminizar la piel y hacerla más llena y más suave\u003c\/li\u003e\n\u003cli\u003eReduce inmediatamente la apariencia de líneas finas y arrugas de expresión\u003c\/li\u003e\n\u003cli\u003eMejorar la elasticidad de la piel y su capacidad de retener la humedad\u003c\/li\u003e\n\u003cli\u003eMejorar la eficacia de los péptidos proporcionando un entorno ideal para su acción\u003c\/li\u003e\n\u003cli\u003eMejora la absorción de otros principios activos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eViaje de rejuvenecimiento de la piel con Suero Multi-Péptido + HA\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eExperimenta una transformación de la piel con el uso regular. ¡En cada etapa, la piel se vuelve más joven, fresca y radiante!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eInmediato - 1 semana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 2-4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 5-8\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 9-12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eInmediato - Semana 1: Hidratación profunda y relax\u003c\/h3\u003e\n\u003cp\u003eLos resultados inmediatos comienzan gracias al ácido hialurónico, a los péptidos SYN-AKE y ARGIRELOX que hidratan la piel y relajan los músculos del rostro.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eHidratación instantánea y profunda de la piel\u003c\/li\u003e\n\u003cli\u003eLigero relajamiento de los músculos faciales reduce la aparición de las líneas de expresión\u003c\/li\u003e\n\u003cli\u003ePiel más suave y luminosa\u003c\/li\u003e\n\u003cli\u003eMejora instantánea de la textura de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eSemana 2-4: Mejora de la textura y luminosidad de la piel\u003c\/h3\u003e\n\u003cp\u003ePéptidos como Matrixyl 3000 y Matrixyl Synthe'6 comienzan a estimular la producción de colágeno, llevando a una mejora gradual de la elasticidad y suavidad de la piel.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eComienzo a reducir la apariencia de las líneas finas\u003c\/li\u003e\n\u003cli\u003eMejora evidente de la elasticidad de la piel\u003c\/li\u003e\n\u003cli\u003eAumento de la luminosidad y frescura de la piel\u003c\/li\u003e\n\u003cli\u003eMejora del tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eSemana 5-8: Mejora evidente en los signos de envejecimiento\u003c\/h3\u003e\n\u003cp\u003eA medida que el suero sigue siendo utilizado, la producción de colágeno y elastina aumenta, llevando a una mayor mejora en la apariencia de las arrugas y en la elasticidad de la piel.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReducción visible de la profundidad de las arrugas\u003c\/li\u003e\n\u003cli\u003eMejora evidente del reafirmamiento de la piel y de la reducción de la flacidez\u003c\/li\u003e\n\u003cli\u003eMejor tono de la piel y reducción de la pigmentación\u003c\/li\u003e\n\u003cli\u003eUn aumento del tamaño y la densidad de las células, que confiere a la piel un aspecto más lleno\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eSemanas 9-12: Resultados completos y rejuvenecimiento total\u003c\/h3\u003e\n\u003cp\u003eDespués de 3 meses de uso regular, los péptidos y el ácido hialurónico alcanzan su máxima eficacia en rejuvenecer la piel y combatir los signos del envejecimiento.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReducción significativa de la profundidad y la longitud de arrugas y líneas finas\u003c\/li\u003e\n\u003cli\u003ePiel visiblemente más firme y elástica\u003c\/li\u003e\n\u003cli\u003eMejora en la estructura de la piel y aumento de la densidad cutánea\u003c\/li\u003e\n\u003cli\u003eColor uniforme y brillo sano\u003c\/li\u003e\n\u003cli\u003eMejora general del aspecto y la salud de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eCaracterísticas únicas del suero The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eUna fórmula completa con múltiples beneficios\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCombina 5 tecnologías avanzadas a base de péptidos en un solo producto\u003c\/li\u003e\n\u003cli\u003eActúa sobre todos los signos del envejecimiento simultáneamente\u003c\/li\u003e\n\u003cli\u003eTrata líneas finas, arrugas, pérdida de elasticidad y tono irregular de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eAlta concentración de ingredientes activos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContiene el 25,1% de tecnologías activas en peso\u003c\/li\u003e\n\u003cli\u003eFórmula libre de rellenos innecesarios\u003c\/li\u003e\n\u003cli\u003eConcentración óptima para máxima eficacia sin irritaciones cutáneas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eFórmula ligera a base de agua\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eTextura ligera, de fácil absorción\u003c\/li\u003e\n\u003cli\u003eNo deja ninguna sensación de grasa o pegajosidad en la piel\u003c\/li\u003e\n\u003cli\u003ePuede ser usado fácilmente debajo del maquillaje\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eIdeal para todo tipo de piel\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFórmula delicada adecuada también para pieles sensibles\u003c\/li\u003e\n\u003cli\u003eSin perfume, alcohol ni aceite mineral\u003c\/li\u003e\n\u003cli\u003eNo provoca poros obstruidos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-container\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eTecnologías peptídicas avanzadas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003ePorcentaje de ingredientes activos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eUna semana para resultados completos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eIdeal para todo tipo de piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003eModo de uso óptimo\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eLimpia la piel\u003c\/h4\u003e\n\u003cp\u003eComienza limpiando bien la piel y secándola suavemente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAplica unas gotas\u003c\/h4\u003e\n\u003cp\u003eDistribuye unas gotas del sérum sobre la piel limpia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eÚsalo dos veces al día\u003c\/h4\u003e\n\u003cp\u003eUsa dos veces al día, mañana y noche, para resultados óptimos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eSigue con un hidratante\u003c\/h4\u003e\n\u003cp\u003ePara una hidratación óptima, aplica tu hidratante favorito después de haber absorbido el suero\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eNotas importantes para el uso:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEvitar usar sueros con ácidos directos como ácido glicólico o ácido láctico en la misma rutina\u003c\/li\u003e\n\u003cli\u003eCon Productos C En Rutina\u003c\/li\u003e\n\u003cli\u003eSe puede usar antes o después de otros productos a base de ácido hialurónico\u003c\/li\u003e\n\u003cli\u003eEs preferible realizar una prueba de alergia antes del uso completo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section7\"\u003e\n\u003ch2 class=\"title\"\u003eTodos los componentes\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n        Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Make all sections visible initially to fix display issues\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Make all sections visible\n    const sections = document.querySelectorAll('.section');\n    sections.forEach(section =\u003e {\n      section.classList.add('active');\n    });\n    \n    \/\/ Initialize timeline functionality\n    initializeTimeline();\n  });\n  \n  \/\/ Timeline functionality\n  function initializeTimeline() {\n    \/\/ Set the first marker active by default\n    const progress = document.getElementById('timelineProgress');\n    progress.style.width = '0%';\n  }\n  \n  \/\/ Show timeline content\n  function showTimelineContent(index) {\n    \/\/ Reset all markers and contents\n    const markers = document.querySelectorAll('.timeline-marker');\n    const contents = document.querySelectorAll('.timeline-content');\n    \n    markers.forEach(m =\u003e m.classList.remove('active'));\n    contents.forEach(c =\u003e c.classList.remove('active'));\n    \n    \/\/ Activate selected marker and content\n    markers[index].classList.add('active');\n    contents[index].classList.add('active');\n    \n    \/\/ Update progress bar\n    const progress = document.getElementById('timelineProgress');\n    const progressWidth = [0, 33, 66, 100][index];\n    progress.style.width = progressWidth + '%';\n  }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999290740910,"sku":"INSTA0586CHIQ","price":21.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinary_multipeptide_ha_serum_8bb01cc8-0d23-43c7-936a-3afc50693acb.jpg?v=1788176241"},{"product_id":"the-ordinary-retinol-0-2","title":"The ordinary retinol in squalene serum","description":"\u003cdiv class=\"ordinary-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ordinary-hero\"\u003e\n\u003cdiv class=\"ordinary-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eEl tiempo no espera a nadie... pero tu piel no debería estar sujeta a ello\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eCada mañana, el espejo te revela la verdad: el tiempo deja su huella en todos. ¿Pero si pudieras reescribir esa historia?\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Science Intro --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eLa ciencia de retroceder el reloj\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eIncorporado en la estructura molecular del retinol hay un poder extraordinario: el poder de comunicarse directamente con las células de tu piel, indicándoles que se comporten como lo hacían cuando eran jóvenes. Estas no son exageraciones de marketing; son hechos biológicos científicos.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eThe Ordinary Retinol 0,5% en Escualano: la herramienta precisa para el rejuvenecimiento de la piel\u003c\/h2\u003e\n\u003cp\u003eLos científicos saben desde hace tiempo que el retinol es el estándar de oro para una transformación tangible de la piel. Lo que distingue a esta composición es \u003cstrong\u003ePrecisión clínica\u003c\/strong\u003e - Una concentración cuidadosamente calibrada del 0,5% suspendida en escualeno idéntico a la composición natural de la piel. Esto no es solo un producto; es un descubrimiento científico disponible en un frasco cuentagotas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eArmonía molecular que transforma la piel\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"molecule-animation\"\u003e\n\u003cdiv class=\"atom atom1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom2\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom3\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eRetinol: el mensajero celular\u003c\/h3\u003e\n\u003cp\u003eEl retinol no es solo un ingrediente; es un mensajero biológico que:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eAcelerar la regeneración celular mediante \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eEstimula las células fibroblásticas a aumentar la producción de colágeno\u003c\/li\u003e\n\u003cli\u003eReorganización de la matriz dérmica para mejorar la estructura estructural\u003c\/li\u003e\n\u003cli\u003eRegular la distribución de la melanina para obtener un color uniforme\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eEscualano: escudo biomimético\u003c\/h3\u003e\n\u003cp\u003eTu piel produce naturalmente esqualeno, pero la producción disminuye aproximadamente un 10% cada década después de los 30 años. Esta fórmula repone la piel con una forma pura y estable de esqualeno que:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eCrea una barrera protectora hidratante sin obstruir los poros\u003c\/li\u003e\n\u003cli\u003eEntrega precisa de las moléculas de retinol a sus objetivos celulares\u003c\/li\u003e\n\u003cli\u003eNeutraliza los posibles efectos deshidratantes del retinol\u003c\/li\u003e\n\u003cli\u003eSe siente ligero aunque ofrece la máxima eficacia\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eFases temporales de la transformación\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAunque muchos productos prometen milagros nocturnos, la verdadera transformación de la piel sigue un camino científico:\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 1-2\u003c\/h3\u003e\n\u003cp\u003eDespertar celular primario; puede ocurrir un ligero peeling con el inicio de la aceleración\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 3-4\u003c\/h3\u003e\n\u003cp\u003eSuavizado evidente de las líneas finas, especialmente alrededor de los ojos y la boca\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 5-8\u003c\/h3\u003e\n\u003cp\u003eMejora evidente de la textura y del tono de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 9-12\u003c\/h3\u003e\n\u003cp\u003eReestructuración significativa del aspecto de la piel; Disminución de la claridad de las líneas profundas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e¿Qué distingue esta fórmula de otros productos con retinol?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa ciencia del retinol no es nueva, pero administrarlo eficazmente es el verdadero desafío. La mayoría de las combinaciones falla en una de las tres áreas cruciales:\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eCoherencia\u003c\/h3\u003e\n\u003cp\u003eEl retinol se deteriora rápidamente cuando se expone a la luz y al aire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eEntrega\u003c\/h3\u003e\n\u003cp\u003eSin vectores adecuados, el retinol tiene dificultades para penetrar más allá de las capas superficiales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eResistencia\u003c\/h3\u003e\n\u003cp\u003eAltos índices de irritación conducen a la suspensión del uso antes de ver los resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eLa fórmula sin agua de The Ordinary, a base de escualano, aborda directamente los tres desafíos, manteniendo la integridad molecular hasta el momento de su uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eFórmula avanzada a un precio excepcional\u003c\/h3\u003e\n\u003cp\u003eEsto no es solo skincare, es bioquímica aplicada en su forma más pura. Cada frasco contiene la concentración exacta necesaria para obtener resultados visibles sin rellenos, fragancias ni aditivos de marketing innecesarios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eTu relación con el tiempo: redefinida\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEl espejo no miente: refleja las elecciones. Cada noche en que aplicas este suero representa una decisión de comprometerte con la ciencia de la renovación de la piel en lugar de aceptar el paso del tiempo como inevitable.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003ePara mejores resultados:\u003c\/h3\u003e\n\u003cul class=\"instruction-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eComienza con una pequeña cantidad (3-4 gotas) en tu rutina nocturna\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eAplicar sobre la piel limpia y seca antes de usar hidratantes pesados.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eUsa siempre la protección solar al día siguiente\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eConservarlo en el refrigerador después de abrirlo\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eConsiderar comenzar con el 0,2% si eres nuevo en los retinoides\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNo recomendado durante el embarazo o la lactancia, o con otros retinoides\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ordinary-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eLa opción científica para una transformación tangible\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eThe Ordinary Retinol 0,5% en Escualano – Porque un skincare efectivo no se trata de afirmaciones milagrosas. Se trata de ingredientes científicamente probados en concentraciones precisas.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eTu reloj biológico de la piel está haciendo tic-tac. El momento para reiniciarlo es ahora.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrdena ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.ordinary-product-container {\n \n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  direction: ltr;\n  background-color: #fafafa;\n}\n\n.accent-text {\n  color: #9C8102;\n}\n\n.section-line {\n  height: 2px;\n  width: 60px;\n  background-color: #9C8102;\n  margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.ordinary-hero {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  margin-bottom: 60px;\n  gap: 40px;\n}\n\n.ordinary-hero-content {\n  flex: 1;\n}\n\n.ordinary-hero-content h1 {\n  font-size: 2.2rem;\n  margin-bottom: 20px;\n  line-height: 1.3;\n}\n\n.hero-subtitle {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n.product-image-container {\n  flex: 1;\n  position: relative;\n}\n\n.product-image {\n  text-align: center;\n  position: relative;\n  z-index: 2;\n}\n\n.product-image:after {\n  content: '';\n  position: absolute;\n  width: 80%;\n  height: 80%;\n  background-color: rgba(156, 129, 2, 0.1);\n  right: 40px;\n  bottom: -20px;\n  z-index: 1;\n  border-radius: 10px;\n}\n\n.main-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.main-image:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.section {\n  margin-bottom: 60px;\n  padding: 20px;\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.section-header {\n  margin-bottom: 30px;\n}\n\n.section-header h2 {\n  font-size: 1.8rem;\n  margin-bottom: 5px;\n}\n\n.product-title {\n  margin: 40px 0;\n  padding: 20px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  text-align: center;\n}\n\n.product-title h2 {\n  font-size: 1.8rem;\n  margin-bottom: 15px;\n  color: #9C8102;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n  gap: 30px;\n  margin-top: 30px;\n}\n\n.ingredient-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.ingredient-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-icon {\n  width: 60px;\n  height: 60px;\n  margin-bottom: 20px;\n  position: relative;\n}\n\n.ingredient-card h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n\/* Molecule Animation *\/\n.molecule-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.atom {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background-color: #9C8102;\n  opacity: 0.8;\n}\n\n.atom1 {\n  top: 0;\n  left: 20px;\n  animation: pulse 2s infinite;\n}\n\n.atom2 {\n  top: 30px;\n  left: 0;\n  animation: pulse 2s infinite 0.5s;\n}\n\n.atom3 {\n  top: 30px;\n  left: 40px;\n  animation: pulse 2s infinite 1s;\n}\n\n@keyframes pulse {\n  0% { transform: scale(1); }\n  50% { transform: scale(1.2); }\n  100% { transform: scale(1); }\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.droplet {\n  position: absolute;\n  top: 0;\n  left: 15px;\n  width: 30px;\n  height: 30px;\n  background-color: #9C8102;\n  border-radius: 50% 50% 50% 0;\n  transform: rotate(-45deg);\n  animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n  0% { top: 0; opacity: 0.8; }\n  80% { top: 30px; opacity: 0.8; transform: rotate(-45deg) scale(1); }\n  100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Benefits List *\/\n.benefits-list {\n  list-style-type: none;\n  padding: 0;\n  margin-top: 15px;\n}\n\n.benefits-list li {\n  padding: 10px 0;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n  position: relative;\n  padding-left: 25px;\n}\n\n.benefits-list li:before {\n  content: '•';\n  color: #9C8102;\n  position: absolute;\n  right: 0;\n  top: 10px;\n  font-size: 1.2rem;\n}\n\n.benefits-list li:last-child {\n  border-bottom: none;\n}\n\n\/* Counter Style *\/\n.counter {\n  color: #9C8102;\n  font-weight: bold;\n  display: inline-block;\n  min-width: 2rem;\n  text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline {\n  position: relative;\n  margin: 40px 0;\n  padding-left: 40px;\n}\n\n.timeline:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 10px;\n  height: 100%;\n  width: 2px;\n  background: #9C8102;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 40px;\n}\n\n.timeline-marker {\n  position: absolute;\n  top: 5px;\n  right: -40px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #9C8102;\n  box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n  transform: scale(1.2);\n  box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n  background: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n  transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n  color: #9C8102;\n  margin-bottom: 10px;\n  font-size: 1.2rem;\n}\n\n\/* Comparison Section *\/\n.comparison-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 25px;\n  margin: 30px 0;\n}\n\n.comparison-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  position: relative;\n  padding-top: 50px;\n}\n\n.comparison-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.comparison-number {\n  position: absolute;\n  top: -15px;\n  right: 20px;\n  width: 40px;\n  height: 40px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n\n.comparison-card h3 {\n  margin-bottom: 10px;\n  font-size: 1.3rem;\n}\n\n.highlighted-text {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  margin: 30px 0;\n  border-right: 4px solid #9C8102;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition {\n  margin-top: 40px;\n  padding: 20px;\n  background-color: rgba(156, 129, 2, 0.05);\n  border-radius: 10px;\n  text-align: center;\n}\n\n.value-proposition h3 {\n  margin-bottom: 15px;\n  font-size: 1.5rem;\n}\n\n\/* Usage Instructions *\/\n.usage-instructions {\n  margin-top: 30px;\n}\n\n.instruction-list {\n  list-style-type: none;\n  padding: 0;\n}\n\n.instruction-list li {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.instruction-list li:last-child {\n  border-bottom: none;\n}\n\n.instruction-icon {\n  width: 35px;\n  height: 35px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n}\n\n.instruction-text {\n  flex: 1;\n}\n\n.warning-text {\n  margin-top: 30px;\n  padding: 15px;\n  background-color: #fff6e8;\n  border-radius: 10px;\n  border-right: 4px solid #e8a317;\n  color: #8B4513;\n}\n\n\/* CTA Section *\/\n.ordinary-cta {\n  text-align: center;\n  padding: 50px 40px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  margin-top: 40px;\n}\n\n.cta-heading {\n  font-size: 2rem;\n  margin-bottom: 20px;\n}\n\n.cta-text {\n  font-size: 1.2rem;\n  margin-bottom: 15px;\n  max-width: 700px;\n  margin-left: auto;\n  margin-left: auto;\n}\n\n.cta-subtitle {\n  font-size: 1.3rem;\n  margin-bottom: 30px;\n  color: #555;\n}\n\n.cta-button {\n  padding: 15px 40px;\n  background-color: #9C8102;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 1.2rem;\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .ordinary-hero {\n    flex-direction: column;\n  }\n  \n  .ingredients-container, .comparison-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .timeline {\n    padding-left: 30px;\n  }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999290904750,"sku":"INSTA0589CHIQ","price":15.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/The-Ordinary-Retinol-1_-in-Squalane_fce39aa6-3ffe-4851-8c72-368f1b4c8c37.jpg?v=1788176235"},{"product_id":"the-ordinary-granactive-retinoid-2-emulsion","title":"The Ordinary Emulsión Retinoide | Antiarrugas Dinámico | Anti-pigmentación y acné 2%","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  body {\n    \n    direction: ltr;\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n  }\n  \n  .product-description {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  \n  .section {\n    margin: 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  \n  .section.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  .title {\n    color: #9C8102;\n    font-size: 28px;\n    margin-bottom: 20px;\n    position: relative;\n    font-weight: 600;\n    text-align: center;\n    padding-bottom: 10px;\n  }\n  \n  .title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 50%;\n    transform: translateX(50%);\n    width: 60px;\n    height: 3px;\n    background-color: #9C8102;\n  }\n  \n  .product-image {\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 20px auto;\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  \n  .description {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n  \n  .features-list {\n    list-style: none;\n    margin-bottom: 20px;\n  }\n  \n  .features-list li {\n    position: relative;\n    padding-left: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .features-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 8px;\n    width: 12px;\n    height: 12px;\n    background-color: #9C8102;\n    border-radius: 50%;\n  }\n  \n  \/* Timeline styles *\/\n  .timeline-container {\n    position: relative;\n    margin: 40px auto;\n    max-width: 800px;\n  }\n  \n  .timeline-track {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    background-color: #e0e0e0;\n    border-radius: 4px;\n    margin: 50px 0;\n  }\n  \n  .timeline-progress {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    background-color: #9C8102;\n    border-radius: 4px;\n    width: 0;\n    transition: width 1s ease;\n  }\n  \n  .timeline-markers {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    margin-top: -14px;\n  }\n  \n  .timeline-marker {\n    position: relative;\n    width: 24px;\n    height: 24px;\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n  }\n  \n  .timeline-marker.active {\n    background-color: #9C8102;\n    border-color: #9C8102;\n  }\n  \n  .timeline-marker-label {\n    position: absolute;\n    top: -30px;\n    right: 50%;\n    transform: translateX(50%);\n    font-size: 14px;\n    font-weight: 600;\n    color: #777;\n    text-align: center;\n    white-space: nowrap;\n  }\n  \n  .timeline-marker.active .timeline-marker-label {\n    color: #9C8102;\n  }\n  \n  .timeline-content {\n    display: none;\n    background-color: #f8f8f8;\n    padding: 20px;\n    border-radius: 8px;\n    margin-top: 30px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  }\n  \n  .timeline-content.active {\n    display: block;\n  }\n  \n  .timeline-content h3 {\n    color: #9C8102;\n    margin-bottom: 15px;\n    font-size: 18px;\n  }\n  \n  .timeline-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-content ul {\n    padding-left: 20px;\n  }\n  \n  .timeline-content li {\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  \n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 20px 0;\n  }\n  \n  .comparison-table th, .comparison-table td {\n    padding: 12px 15px;\n    text-align: center;\n    border: 1px solid #ddd;\n  }\n  \n  .comparison-table th {\n    background-color: #9C8102;\n    color: white;\n  }\n  \n  .comparison-table tr:nth-child(even) {\n    background-color: #f8f8f8;\n  }\n  \n  .highlight {\n    color: #9C8102;\n    font-weight: 600;\n  }\n  \n  .warning {\n    padding: 15px;\n    background-color: #f8f8f8;\n    border-right: 4px solid #9C8102;\n    margin: 20px 0;\n    font-size: 14px;\n    color: #555;\n  }\n  \n  .icon {\n    display: inline-block;\n    margin-left: 10px;\n    color: #9C8102;\n  }\n  \n  .studies-list {\n    list-style: none;\n    margin: 20px 0;\n  }\n  \n  .studies-list li {\n    position: relative;\n    padding: 15px 35px 15px 15px;\n    margin-bottom: 15px;\n    background-color: #f8f8f8;\n    border-radius: 5px;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  }\n  \n  .studies-list li::before {\n    content: '📊';\n    position: absolute;\n    right: 10px;\n    top: 15px;\n    font-size: 16px;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eRetinoides de nueva generación\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eLa emulsión retinoide es un suero ligero a base de agua que apunta a los signos visibles del envejecimiento. Contiene un principio activo retinoide de nueva generación llamado Hydroxypinacolone Retinoid (HPR), una forma de retinol más estable y menos irritante.\u003c\/p\u003e\n\u003cimg alt=\"Retinoide\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_59_1024x1024.png?v=1697968123\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eTecnología avanzada en la lucha y prevención de arrugas\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eEl Granactive Retinoid de The Ordinary es un complejo anti-edad avanzado que estimula la proliferación de las células de la piel, ayudando a reducir la degradación del colágeno y a restaurar la elasticidad y la suavidad de la piel. Al incrementar la tasa de renovación celular, disminuye la apariencia de las líneas finas y ayuda a prevenir el desarrollo de arrugas en el futuro.\u003c\/p\u003e\n\u003cimg alt=\"Granactive Retinoid\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-granactive-retinoid-2pct-emulsion-30ml-swatch_1_600x600.webp?v=1697968181\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003eEfecto rápido y sin efectos secundarios\u003c\/h2\u003e\n\u003cul class=\"features-list\" id=\"featuresList\"\u003e\n\u003cli\u003eTrata las arrugas de la frente\u003c\/li\u003e\n\u003cli\u003eReduce la apariencia de líneas finas alrededor de la boca y los ojos\u003c\/li\u003e\n\u003cli\u003eMejora la elasticidad de la piel y la apariencia de las arrugas dinámicas al sonreír o enfadarse\u003c\/li\u003e\n\u003cli\u003eMejora la textura de la piel a nivel celular\u003c\/li\u003e\n\u003cli\u003eElimina el acné\u003c\/li\u003e\n\u003cli\u003eUniforma el tono de la piel\u003c\/li\u003e\n\u003cli\u003eEstimula la producción de colágeno\u003c\/li\u003e\n\u003cli\u003eReduce la aparición de manchas y pigmentación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eResultados del tratamiento con The Ordinary Granactive Retinoid\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eDescubre cómo la Emulsión Granactive Retinoid mejora tu piel con el tiempo. ¡Los increíbles resultados graduales te motivarán a seguir usándola!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 2-4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"6\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 6-8\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"12\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eLa primera semana: el inicio de la hidratación y de la suavidad\u003c\/h3\u003e\n\u003cp\u003eNotarás un efecto inmediato en la hidratación y suavidad de la piel. La Emulsión Granactive Retinoid de The Ordinary es delicada con la piel y no causa irritaciones ni sequedad como el retinol tradicional.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePiel más suave e hidratada\u003c\/li\u003e\n\u003cli\u003eNinguna irritación ni enrojecimiento como el retinol tradicional\u003c\/li\u003e\n\u003cli\u003eTextura cremosa agradable que se absorbe rápidamente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eSemanas 2-4: La textura y la luminosidad comienzan a mejorar\u003c\/h3\u003e\n\u003cp\u003eDurante esta fase, comenzarás a notar una mejora en la luminosidad y la textura de la piel. Tu piel parecerá más fresca y vibrante cada mañana.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePiel más luminosa y vibrante\u003c\/li\u003e\n\u003cli\u003eMejora de la textura de la piel\u003c\/li\u003e\n\u003cli\u003eAspecto reducido de los poros dilatados\u003c\/li\u003e\n\u003cli\u003eReducción gradual del acné, si está presente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eSemanas 6-8: Mejora visible del tono de la piel y de las manchas\u003c\/h3\u003e\n\u003cp\u003eDespués de uno o dos meses de uso regular, comenzarás a notar una mejora significativa en el tono de la piel y una reducción de la pigmentación y de las manchas. Estudios clínicos han demostrado que el uso de HPR durante 8 semanas conduce a una mejora significativa del tono de la piel.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReducción clara de la pigmentación y de las manchas oscuras\u003c\/li\u003e\n\u003cli\u003eUniforma visiblemente el tono de la piel\u003c\/li\u003e\n\u003cli\u003eMejora del aspecto de las cicatrices de acné antiguas\u003c\/li\u003e\n\u003cli\u003ePiel más fresca y suave\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eSemana 12: Resultados integrados y mejora de líneas y arrugas\u003c\/h3\u003e\n\u003cp\u003eDespués de 3 meses de uso regular, aparecerán los resultados completos de la Emulsión Granactive Retinoid. Los estudios clínicos han demostrado que el uso de HPR durante 12 semanas lleva a una mejora significativa en la apariencia de líneas finas y arrugas de expresión.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReduce visiblemente la aparición de líneas finas y arrugas de expresión\u003c\/li\u003e\n\u003cli\u003eAumento de la elasticidad y de la suavidad de la piel\u003c\/li\u003e\n\u003cli\u003ePiel más joven y radiante\u003c\/li\u003e\n\u003cli\u003eMejora evidente en la estructura general de la piel\u003c\/li\u003e\n\u003cli\u003eResultados duraderos con uso continuado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eCientíficamente y probado en laboratorio\u003c\/h2\u003e\n\u003cul class=\"studies-list\" id=\"studiesList\"\u003e\n\u003cli\u003e\n\u003cp\u003eUn estudio en 20 personas mostró que el uso de HPR durante 12 semanas llevó a una mejora significativa en la apariencia de las líneas finas, las arrugas y la textura de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eOtro estudio en 40 personas mostró que el uso de HPR durante 8 semanas llevó a una mejora significativa del tono y la complexión de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eComparación entre retinoides y retinol\u003c\/h2\u003e\n\u003ctable class=\"comparison-table\" id=\"comparisonTable\"\u003e\n\u003ctr\u003e\n\u003cth\u003eCaracterísticas\u003c\/th\u003e\n\u003cth\u003eRetinoide\u003c\/th\u003e\n\u003cth\u003eRetinol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEficacia\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003esuperior\u003c\/td\u003e\n\u003ctd\u003eBajo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUsos comunes\u003c\/td\u003e\n\u003ctd\u003eTratamiento del acné y arrugas de la piel\u003c\/td\u003e\n\u003ctd\u003eComplemento para el skincare\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePotencial irritación\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eBajo\u003c\/td\u003e\n\u003ctd\u003eAlto\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDuración del tratamiento\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eResultados rápidos\u003c\/td\u003e\n\u003ctd\u003eNecesita un período más largo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003cdiv class=\"warning\"\u003e\n\u003cp\u003e\u003cspan class=\"icon\"\u003e⚠️\u003c\/span\u003e Nota: Durante el embarazo o la lactancia, se recomienda evitar cualquier producto de skincare que contenga retinoides, como las formulaciones que contienen Granactive Retinoid™ o Retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Make all sections visible initially to fix display issues\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Make all sections visible\n    const sections = document.querySelectorAll('.section');\n    sections.forEach(section =\u003e {\n      section.classList.add('active');\n    });\n    \n    \/\/ Initialize timeline functionality\n    initializeTimeline();\n  });\n  \n  \/\/ Timeline functionality\n  function initializeTimeline() {\n    \/\/ Set the first marker active by default\n    const progress = document.getElementById('timelineProgress');\n    progress.style.width = '0%';\n  }\n  \n  \/\/ Show timeline content\n  function showTimelineContent(index) {\n    \/\/ Reset all markers and contents\n    const markers = document.querySelectorAll('.timeline-marker');\n    const contents = document.querySelectorAll('.timeline-content');\n    \n    markers.forEach(m =\u003e m.classList.remove('active'));\n    contents.forEach(c =\u003e c.classList.remove('active'));\n    \n    \/\/ Activate selected marker and content\n    markers[index].classList.add('active');\n    contents[index].classList.add('active');\n    \n    \/\/ Update progress bar\n    const progress = document.getElementById('timelineProgress');\n    const progressWidth = [0, 33, 66, 100][index];\n    progress.style.width = progressWidth + '%';\n  }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999290937518,"sku":"INSTA0590CHIQ","price":15.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinaryretinoidemulsion_7bcaf995-fbf8-45e9-ac68-257f75be2b92.jpg?v=1788176234"},{"product_id":"vichy-liftactiv-collagen-specialist-cream-50ml","title":"Vichy Liftactiv Collagen Specialist Cream - 50ml","description":"\u003cdiv class=\"long-description\" dir=\"ltr\"\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eEl producto antiarrugas n.º 1 en Europa, enriquecido con péptidos antienvejecimiento y vitamina CG para corregir todo tipo de arrugas y manchas oscuras.\u003cbr\/\u003e\u003cbr\/\u003eEste producto está recomendado para quienes buscan un efecto rápido y evidente para eliminar arrugas y manchas oscuras en menos de 8 semanas.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"tick-list\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003eMenos arrugas\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003cli\u003eMenos manchas oscuras\u003c\/li\u003e\n\u003cli\u003ePiel tonificada\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"small-benefits\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cp\u003eEfecto comprobado y visible\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003eDesde el primer uso: piel fresca\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003e+52%\u003csup\u003e*\u003c\/sup\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eDespués de 4 semanas: menos arrugas\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003e-16%\u003csup\u003e**\u003c\/sup\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003eDespués de 8 semanas: menos arrugas\u003cstrong\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/strong\u003e\u003cstrong\u003e-24%\u003csup\u003e**\u003c\/sup\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eMenos flacidez y manchas oscuras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"mention\"\u003e* Prueba práctica en 40 mujeres\u003cbr\/\u003e** Prueba automatizada en 58 mujeres\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable class=\"use-information\" data-mce-style=\"float: right;\" style=\"float: right;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eIngredientes activos\u003c\/th\u003e\n\u003ctd\u003ePéptido I, Péptido II, Vitamina C, Agua Mineral de Vichy\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTipo de piel\u003c\/th\u003e\n\u003ctd\u003eTodo tipo de piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTiempo de uso\u003c\/th\u003e\n\u003ctd\u003eMAÑANA + NOCHE\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBeneficios\u003c\/th\u003e\n\u003ctd\u003eReduce líneas finas y arrugas de expresión, y uniforma el tono de la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"small-benefits\" data-mce-fragment=\"1\"\u003e\n\u003cp class=\"mention\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"mention\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"mention\" data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Screenshot_2021-11-08_164543_2048x2048.jpg?v=1636382809\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Screenshot_2021-11-08_164543_2048x2048.jpg?v=1636382809\"\/\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"mention\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e Ingredientes destacados\u003c\/h2\u003e\n\u003cdiv aria-hidden=\"false\" aria-labelledby=\"undefined-panneau-1\" class=\"item visible\" data-mce-style=\"text-align: right;\" id=\"undefined-panneau-1\" role=\"tabpanel\" style=\"text-align: left;\" tabindex=\"0\"\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\u003cstrong\u003eVitamina C\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003ePara corregir las manchas oscuras\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eProtege la piel y previene la oxidación. Corrige todo tipo de arrugas y manchas oscuras\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\u003cstrong\u003eANTI-AGEING BIO-PEPTIDES\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eLos biopeptidos son fragmentos cortos de proteínas, capaces de combatir la degradación de las fibras de colágeno y estimular la producción de colágeno de tipo 3 y 4.\u003c\/p\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/h3\u003e\n\u003cdiv class=\"accordion-content obj_ingredients\" data-mce-style=\"text-align: right;\" id=\"listIngredient_29138\" style=\"text-align: left;\"\u003e\n\u003cdiv id=\"ingredients-list\"\u003e\n\u003cdiv class=\"ctn_top-accordion\"\u003e\n\u003cdiv class=\"accordion-item itemForm no-overflow\"\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eCómo usar\u003c\/h3\u003e\n\u003cdiv class=\"accordion-content\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cp\u003eAplica sobre la piel limpia y seca.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item itemForm no-overflow\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003ch3 class=\"accordion-item-title\"\u003eSeguro\u003c\/h3\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp\u003eHipoalergénico. Probado en pieles sensibles.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctn_bottom-accordion\"\u003e\n\u003cdiv class=\"accordion-item composition\"\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eIngredientes\u003c\/h3\u003e\n\u003cdiv class=\"accordion-content obj_ingredients\" id=\"listIngredient_27430\"\u003e\n\u003cdiv id=\"ingredients-list\"\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cem\u003eAQUA \/ WATER - GLYCERIN - DIMETHICONE - ISOHEXADECANE - ALCOHOL DENAT. - SILICA - HYDROXYETHYLPIPERAZINE ETHANE SULFONIC ACID - PROPANEDIOL - SYNTHETIC WAX - PEG-10 DIMETHICONE - EPERUA FALCATA BARK EXTRACT - PEG-30 DIPOLYHYDROXYSTEARATE - STEARYL ALCOHOL - SORBITAN OLEATE - DIMETHICONE\/PEG-10\/15 CROSSPOLYMER - DIMETHICONE\/POLYGLYCERIN-3 CROSSPOLYMER - CETEARETH-6 - SODIUM ACRYLATES COPOLYMER - SODIUM CITRATE - SODIUM HYDROXIDE - SODIUM PHYTATE - CYCLODEXTRIN - ADENOSINE - ASCORBYL GLUCOSIDE - NYLON-12 - ISOPROPYL ALCOHOL - PROPYLENE CARBONATE - DIPROPYLENE GLYCOL - CAPRYLIC\/CAPRIC TRIGLYCERIDE - CAPRYLYL GLYCOL - ACETYL TETRAPEPTIDE-9 - SYNTHETIC FLUORPHLOGOPITE - DISTEARDIMONIUM HECTORITE - DEXTRIN - PISUM SATIVUM EXTRACT \/ PEA EXTRACT - TOCOPHEROL - PHENOXYETHANOL - CI 15985 \/ YELLOW 6 - CI 77891 \/ TITANIUM DIOXIDE - PARFUM \/ FRAGRANCE\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Vichy","offers":[{"title":"Default Title","offer_id":46999291068590,"sku":"INSTA0594CHIQ","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/item_XL_112605274_c12f9efe2fc9f_2118f6a7-9349-4332-8a6e-a0a02a7532e1.jpg?v=1788176227"},{"product_id":"uriage-bariederm-cica-cream","title":"Uriage BARIÉDERM - CICA-CREMA | Crema para tratar irritaciones y enrojecimientos y calmar la piel","description":"\u003cdiv class=\"c-product__intro u-intro\"\u003e\n\u003ch3\u003e\u003cstrong\u003e¿POR QUÉ ELEGIR LA CREMA BARIÉDERM-CICA?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003e1. Aislamiento y protección instantánea:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eGracias a la patente Poly-2P, la crema actúa como un vendaje protector sobre la piel, aislándola de los factores irritantes y proporcionando una protección inmediata. La esmectita también absorbe y neutraliza las impurezas.\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e2. Reparación profunda de la piel:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eLa innovadora tecnología GF-Repair estimula los factores de crecimiento naturales de la piel, acelerando el proceso de regeneración y reparación de los tejidos con eficacia excepcional.\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e3. Súper calmante de la irritación:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eLa crema contiene \u003cstrong\u003eD-Panthenol\u003c\/strong\u003e, un ingrediente conocido por sus propiedades calmantes, para aliviar inmediatamente la incomodidad.\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eResultados científicamente probados:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e95%\u003c\/strong\u003e  Mejora del alivio de la piel problemática e irritada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e87%\u003c\/strong\u003e Los usuarios han notado un alivio eficaz en su piel desde el primer uso.\u003cbr\/\u003e\u003cem\u003e(Resultados clínicamente comprobados bajo supervisión dermatológica, con aplicación dos veces al día durante 21 días en 30 personas.)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eIngredientes activos en cada gota:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAgua Termal Uriage:\u003c\/strong\u003e Para calmar e hidratar la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCobre y Zinc:\u003c\/strong\u003e Para purificar la piel y prevenir irritaciones.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eD-Panthenol:\u003c\/strong\u003e Para aliviar enrojecimientos y calmar irritaciones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido hialurónico:\u003c\/strong\u003e Para hidratar profundamente y rejuvenecer la piel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGF-Repair Complex:\u003c\/strong\u003e Para acelerar la regeneración de las células cutáneas dañadas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eSeguro para todos:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSin fragancia.\u003c\/li\u003e\n\u003cli\u003eNo contiene conservantes.\u003c\/li\u003e\n\u003cli\u003eIdeal para todo tipo de piel, incluida la piel sensible.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003e¿Cómo lo usas?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eLimpia suavemente la piel con \u003cstrong\u003eBariéderm Cleansing Cica-Gel\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli\u003eAplicar una cantidad apropiada de crema dos veces al día en las áreas afectadas.\u003c\/li\u003e\n\u003cli\u003eMasajear delicadamente hasta la completa absorción.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003e¿Para quién es adecuada la crema BARIÉDERM-CICA?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eApto para la cara y el cuerpo.\u003c\/li\u003e\n\u003cli\u003eDiseñado para satisfacer las necesidades de toda la familia.\u003c\/li\u003e\n\u003cli\u003eEficaz en el tratamiento de pequeñas heridas, irritaciones y sequedad intensa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eNo dejes que las irritaciones menores influyan en tu día. Elige la crema \u003cstrong\u003eBARIÉDERM-CICA\u003c\/strong\u003e Protege, calma y repara en un solo paso.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":46999294181550,"sku":"INSTA0664CHIQ","price":9.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/uriage_beriderm_cica_zinc_cream_c7d0119c-112e-4303-ab3b-b9aff129a293.jpg?v=1788176105"},{"product_id":"uriage-bariesun-milk-spf50","title":"Uriage BARIÉSUN MILK SPF50+","description":"\u003cdiv class=\"c-product__intro u-intro\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eThanks to a high performance filtering complex, the lotion provides very high protection against UVA and UVB rays, free radicals and prevents skin from drying out. Its light, non-greasy and pleasantly fragranced texture guarantees renewed pleasure of use each time that it is applied. This lotion guarantees high safety, high tolerance and fast absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c-product__description c-content\" data-mce-fragment=\"1\"\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003ePrevents photoaging\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eUriage Thermal Water, at the core of Bariésun formulas, fights against the harmful effects of the sun. The skin barrier is therefore reinforced and the DNA is protected against damage by UV rays*.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eProtects against UV rays\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eIts new complex of latest-generation filters provides very high protection against UV rays. This lotion guarantees proven photostability and broad UVB and UVA coverage.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eIntensely moisturizes\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEnriched with Aquaspongines and Uriage Thermal Water, this lotion provides intense protection against dryness.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":46999294247086,"sku":"INSTA0666CHIQ","price":8.58,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/sunscreen-tinted-copy.png?v=1788176103"},{"product_id":"pixi-retinol-tonic-100ml","title":"Pixi Retinol Tonic 100 ml","description":"\u003cdiv dir=\"ltr\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/71IVhxJ15yL._AC_SL1500_1024x1024.jpg?v=1639822024\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/71IVhxJ15yL._AC_SL1500_1024x1024.jpg?v=1639822024\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"tab-wrapper\"\u003e\u003cspan class=\"tab-toggle active\" data-pane-toggle=\"pane1\" role=\"button\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"0\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$323\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Este tratamiento de acción múltiple con retinol de liberación gradual nutre la piel con potentes antioxidantes.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"1\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$324\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"2\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$325\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• El retinol de liberación gradual reduce las líneas finas y hace que la piel sea más suave.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"3\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$326\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"4\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$327\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Los péptidos fortalecen la piel y aumentan la producción de colágeno.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"5\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$328\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"6\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$329\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Escamas de flor de jazmín.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"7\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$330\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"8\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$331\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Sin alcohol\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"9\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$332\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"10\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$333\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Ideal para todo tipo de piel\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"11\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$334\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\n\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"12\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$335\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"13\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$336\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"14\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$337\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• No probado en animales\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"15\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$338\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"16\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$339\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Tamaño: 100 ml \/ 3,4 fl oz\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"17\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$340\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"18\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$341\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003eCómo usar:\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"19\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$342\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"20\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$343\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Uso: por la mañana y por la noche o según sea necesario.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"21\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$344\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"22\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$345\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Paso 1: Limpiar el rostro.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"23\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$346\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"24\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$347\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• 2: Aplicar En Retinol Rostro .\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"25\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$348\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"26\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$349\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Paso tres: Usar posteriormente el suero o la crema hidratante\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"27\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$350\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\n\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"28\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$351\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003eIngredientes:\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"29\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$352\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"30\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$353\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003eEl retinol rejuvenece y alisa\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"31\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$354\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"32\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$355\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Los péptidos aumentan la producción de colágeno\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"33\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$356\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cbr\/\u003e\u003cspan class=\"tab-toggle active\" data-pane-toggle=\"pane1\" role=\"button\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pixi","offers":[{"title":"Default Title","offer_id":46999296770222,"sku":null,"price":26.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1_11_1ef4e615-e03c-4180-b3a0-26af8d48aff5.jpg?v=1788176019"},{"product_id":"pixi-vitamin-c-tonic-100ml","title":"Pixi Vitamin C tonic 100 ml","description":"\u003cdiv dir=\"ltr\" style=\"text-align: left;\"\u003eEste tónico con Vitamina C ayuda a crear una piel suave y luminosa, preparando tu piel para el resto de tu rutina de belleza perfecta de Pixi. Hemos seleccionado cuidadosamente ingredientes amigables con la piel para ofrecerte una manera rápida, sencilla y sin complicaciones de obtener todos los beneficios iluminadores con el uso diario.\u003cbr\/\u003e\u003cbr\/\u003eUsa el Tónico de Vitamina C todos los días o según sea necesario para calmar e iluminar la piel.\u003cbr\/\u003e\u003cbr\/\u003e• Los antioxidantes ricos aportan a la piel un aspecto sano y luminoso.\u003cbr\/\u003e• Refuerza la barrera natural de la piel gracias al uso de probióticos.\u003cbr\/\u003e• Los daños en la piel causados por el sol se reducen gracias a la vitamina C y al ácido ferúlico.\u003cbr\/\u003e• Ayuda a dar una piel más lisa y de tono uniforme.\u003cbr\/\u003e• Exfolia suavemente el rostro con corteza de sauce y extractos de frutas.\u003cbr\/\u003e• El extracto de aloe vera proporciona hidratación calmante.\u003cbr\/\u003e• Formulado utilizando extractos de naranja, limón y pomelo.\u003cbr\/\u003e• Ideal para todo tipo de piel\u003cbr\/\u003e• Sin alcohol\u003cbr\/\u003e• Sin parabenos\u003cbr\/\u003e• No probado en animales\u003cbr\/\u003e• Tamaño: 100 ml \/ 3,4 fl oz. onzas\u003c\/div\u003e","brand":"Pixi","offers":[{"title":"Default Title","offer_id":46999296835758,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/120610593_148811540242172_3932681631432829311_n.jpg?v=1788176019"},{"product_id":"treato-shampoo-250ml","title":"Shampoo Treato Infinity para cabello seco y dañado 250ml Oferta 1+1","description":"\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eShampoo Trito 250 ml\u003cbr\/\u003eCabello seco\/dañado\u003cbr\/\u003eEl champú Treato Sin Sulfatos es la solución perfecta para reducir el riesgo de cabello quebradizo, protegerlo del calor, la humedad y los tratamientos químicos, y limpiar a fondo el cabello sin privarlo de sus aceites naturales.\u003cbr\/\u003e\u003cbr\/\u003eUsos del producto\u003cbr\/\u003e\u003cbr\/\u003ePuntas abiertas, pérdida de cabello y daños.\u003cbr\/\u003eCabello seco y encrespado\u003cbr\/\u003eEl cabello se vuelve frágil y quebradizo.\u003cbr\/\u003eTratamientos químicos excesivos del cabello como permanente y coloración.\u003cbr\/\u003eEspecificaciones del producto\u003cbr\/\u003e\u003cbr\/\u003eCapilectine™ - Ciclometicona - Aceite de Argán - Biotina - Queratina - Aceite de Emú - Colágeno - Elastina - Aceite de Semillas Negras - Dimeticona - Manteca de Karité - Aceite de Visón - Proteínas de Soya Hidrolizadas\u003cbr\/\u003e\u003cbr\/\u003eInstrucciones de uso\u003cbr\/\u003e\u003cbr\/\u003eAplicar sobre el cabello y el cuero cabelludo mojados, masajear suavemente, dejar actuar durante dos minutos y enjuagar abundantemente con agua.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan data-mce-style=\"color: #000000;\" style=\"color: #000000;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":46999299850414,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_21.jpg?v=1788175915"},{"product_id":"thr-ordinary-multipeptide-eyebrows-eyelash-serum","title":"The Ordinary Suero con tecnología peptídica para hacer crecer y espesar pestañas y cejas","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  body {\n  \n    direction: ltr;\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n  }\n  \n  .product-description {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  \n  .section {\n    margin: 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  \n  .section.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  .title {\n    color: #9C8102;\n    font-size: 28px;\n    margin-bottom: 20px;\n    position: relative;\n    font-weight: 600;\n    text-align: center;\n    padding-bottom: 10px;\n  }\n  \n  .title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 50%;\n    transform: translateX(50%);\n    width: 60px;\n    height: 3px;\n    background-color: #9C8102;\n  }\n  \n  .product-image {\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 20px auto;\n    display: block;\n    border-radius: 5px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  \n  .product-image:hover {\n    transform: scale(1.02);\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n  }\n  \n  .description {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n  \n  .features-list {\n    list-style: none;\n    margin-bottom: 20px;\n  }\n  \n  .features-list li {\n    position: relative;\n    padding-left: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .features-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 8px;\n    width: 12px;\n    height: 12px;\n    background-color: #9C8102;\n    border-radius: 50%;\n  }\n  \n  \/* Timeline styles *\/\n  .timeline-container {\n    position: relative;\n    margin: 40px auto;\n    max-width: 800px;\n  }\n  \n  .timeline-track {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    background-color: #e0e0e0;\n    border-radius: 4px;\n    margin: 50px 0;\n  }\n  \n  .timeline-progress {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    background-color: #9C8102;\n    border-radius: 4px;\n    width: 0;\n    transition: width 1s ease;\n  }\n  \n  .timeline-markers {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    margin-top: -14px;\n  }\n  \n  .timeline-marker {\n    position: relative;\n    width: 24px;\n    height: 24px;\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n  }\n  \n  .timeline-marker.active {\n    background-color: #9C8102;\n    border-color: #9C8102;\n  }\n  \n  .timeline-marker-label {\n    position: absolute;\n    top: -30px;\n    right: 50%;\n    transform: translateX(50%);\n    font-size: 14px;\n    font-weight: 600;\n    color: #777;\n    text-align: center;\n    white-space: nowrap;\n  }\n  \n  .timeline-marker.active .timeline-marker-label {\n    color: #9C8102;\n  }\n  \n  .timeline-content {\n    display: none;\n    background-color: #f8f8f8;\n    padding: 20px;\n    border-radius: 8px;\n    margin-top: 30px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  }\n  \n  .timeline-content.active {\n    display: block;\n  }\n  \n  .timeline-content h3 {\n    color: #9C8102;\n    margin-bottom: 15px;\n    font-size: 18px;\n  }\n  \n  .timeline-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-content ul {\n    padding-left: 20px;\n  }\n  \n  .timeline-content li {\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  \n  .highlight {\n    color: #9C8102;\n    font-weight: 600;\n  }\n  \n  .info-box {\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    padding: 20px;\n    margin: 20px 0;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  }\n  \n  .info-title {\n    color: #9C8102;\n    font-size: 18px;\n    margin-bottom: 10px;\n    font-weight: 600;\n  }\n  \n  .ingredients-list {\n    font-size: 14px;\n    margin-top: 10px;\n    color: #666;\n    line-height: 1.5;\n  }\n  \n  .science-icon {\n    display: inline-block;\n    width: 50px;\n    height: 50px;\n    margin-left: 15px;\n    vertical-align: middle;\n    background-color: #9C8102;\n    border-radius: 50%;\n    position: relative;\n    text-align: center;\n    line-height: 50px;\n    color: white;\n    font-size: 24px;\n  }\n  \n  .peptide-info {\n    display: flex;\n    margin: 30px 0;\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n  \n  .peptide-left {\n    padding: 20px;\n    flex: 2;\n  }\n  \n  .peptide-right {\n    background-color: #9C8102;\n    color: white;\n    flex: 1;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  .peptide-right h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n  }\n  \n  .peptide-right p {\n    text-align: center;\n    font-size: 14px;\n  }\n  \n  .usage-steps {\n    margin: 30px 0;\n  }\n  \n  .step {\n    display: flex;\n    margin-bottom: 20px;\n    align-items: center;\n  }\n  \n  .step-number {\n    width: 30px;\n    height: 30px;\n    background-color: #9C8102;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    line-height: 30px;\n    margin-left: 15px;\n    flex-shrink: 0;\n  }\n  \n  .step-content {\n    flex: 1;\n  }\n  \n  .step h4 {\n    margin-bottom: 5px;\n    color: #444;\n  }\n  \n  .step p {\n    font-size: 14px;\n    color: #666;\n  }\n\n  \/* Animation for eye blink *\/\n  @keyframes blink {\n    0% { transform: scaleY(1); }\n    5% { transform: scaleY(0.1); }\n    10% { transform: scaleY(1); }\n    100% { transform: scaleY(1); }\n  }\n\n  .eye-icon {\n    display: inline-block;\n    font-size: 24px;\n    animation: blink 5s infinite;\n    transform-origin: center;\n  }\n\n  \/* Before\/After comparison *\/\n  .before-after-container {\n    position: relative;\n    max-width: 600px;\n    margin: 30px auto;\n    overflow: hidden;\n    border-radius: 8px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  }\n  \n  .comparison-label {\n    position: absolute;\n    padding: 5px 10px;\n    background-color: rgba(156, 129, 2, 0.8);\n    color: white;\n    font-size: 14px;\n    font-weight: bold;\n    border-radius: 4px;\n  }\n  \n  .before-label {\n    top: 10px;\n    right: 10px;\n  }\n  \n  .after-label {\n    top: 10px;\n    left: 10px;\n  }\n  \n  .result-stat {\n    text-align: center;\n    margin-top: 15px;\n    font-size: 18px;\n    color: #9C8102;\n    font-weight: 600;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eTus ojos son hermosos, pero las pestañas cortas y los espacios entre las cejas los ocultan\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eLas pestañas son el símbolo de la feminidad. Nada resalta la belleza de los ojos como las pestañas largas. Ahora puedes espesar y alargar tus pestañas y completar las lagunas de las cejas de manera natural utilizando la última tecnología global para el crecimiento del cabello de The Ordinary, el propietario de innovaciones científicas a precios accesibles.\u003c\/p\u003e\n\u003cp class=\"result-stat\"\u003eMejora evidente de la densidad de las pestañas y cejas en un período no superior a 4 semanas \u003cspan class=\"eye-icon\"\u003e👁️\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eMás del 50% de los folículos de pestañas y cejas están dormidos, esperando un estímulo que desencadene su crecimiento\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eTus pestañas superiores contienen 150-200 folículos, mientras que tus pestañas inferiores contienen 75-100. Si cuentas las pestañas de tus ojos ahora, descubrirás que el número de pelos es inferior al 50% del número de folículos.\u003c\/p\u003e\n\u003cp class=\"description\"\u003ePorque el 50%-60% de las pestañas necesita estimulación química para iniciar su crecimiento.\u003c\/p\u003e\n\u003cdiv class=\"peptide-info\"\u003e\n\u003cdiv class=\"peptide-left\"\u003e\n\u003ch3 class=\"info-title\"\u003eTecnología de polipéptidos\u003c\/h3\u003e\n\u003cp\u003eEl suero The Ordinary contiene 4 compuestos peptídicos avanzados que estimulan los folículos pilosos y mejoran la densidad de pestañas y cejas. Estos péptidos son responsables de la construcción de proteínas en los folículos pilosos y de la mejora de los niveles de colágeno para un aspecto más lleno y denso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-right\"\u003e\n\u003ch3\u003e4\u003c\/h3\u003e\n\u003cp\u003eComplejos peptídicos avanzados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eCuando usas este suero, él:\u003c\/p\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003eAlargamiento de los folículos activos y aumento de su grosor\u003c\/li\u003e\n\u003cli\u003eGerminación de bulbos dormidos y su paso a la fase de crecimiento\u003c\/li\u003e\n\u003cli\u003eReducirá los espacios entre tus pestañas y te dará un aspecto de extensión natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"description\"\u003e\u003cstrong\u003eYa no se necesitan sesiones costosas y temporales de aplicación de pestañas desde hoy\u003c\/strong\u003eAhora puedes obtener este aspecto, por el que gastas enormes sumas de dinero en cada sesión, pero de manera natural, con resultados permanentes y sin efectos secundarios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eViaje hacia los resultados con el suero para pestañas y cejas de The Ordinary\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eDescubre la transformación gradual de tus pestañas y cejas con el uso regular. Con el uso continuado, notarás una mejora evidente en la densidad, la longitud y el aspecto de tus pestañas y cejas.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 8-12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eSemana 1: Hidratar y fortalecer\u003c\/h3\u003e\n\u003cp\u003eEn los primeros días de uso, notarás una sensación de hidratación y suavidad en la zona de las pestañas y las cejas. Los resultados visibles podrían no aparecer todavía, pero los ingredientes activos ya han comenzado a penetrar en los folículos y a nutrirlos.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eHumectante y suavizante de la zona de las pestañas y cejas\u003c\/li\u003e\n\u003cli\u003eFortalecimiento inicial del vello existente\u003c\/li\u003e\n\u003cli\u003eReducir la caída de las pestañas\u003c\/li\u003e\n\u003cli\u003ePreparando los folículos inactivos para el crecimiento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eLa segunda semana: comienzan a aparecer signos de mejora\u003c\/h3\u003e\n\u003cp\u003eEn este punto, notarás una ligera mejora en la apariencia de tus pestañas y cejas. Algunos usuarios notan el crecimiento de nuevos pelos, especialmente en las áreas despobladas.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eUn ligero aumento de la densidad de las pestañas\u003c\/li\u003e\n\u003cli\u003eComienzo del relleno de los huecos en las cejas\u003c\/li\u003e\n\u003cli\u003ePestañas más fuertes y menos propensas a caerse\u003c\/li\u003e\n\u003cli\u003eAspecto más sano y vibrante del cabello existente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eSemana 4: Mejora evidente en densidad y longitud\u003c\/h3\u003e\n\u003cp\u003eDespués de un mes de uso regular, los estudios clínicos han demostrado una mejora significativa en el volumen y la densidad de las pestañas y cejas. En esta etapa notarás una diferencia clara respecto a antes del uso.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAumento evidente de la longitud de las pestañas\u003c\/li\u003e\n\u003cli\u003eMayor densidad y mejor plenitud de las cejas\u003c\/li\u003e\n\u003cli\u003eClara reducción de huecos y espacios\u003c\/li\u003e\n\u003cli\u003eApariencia de cabello más fuerte y brillante\u003c\/li\u003e\n\u003cli\u003ePestañas más curvas y más atractivas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eSemana 8-12: Resultados completos y sostenibles\u003c\/h3\u003e\n\u003cp\u003eCon el uso continuado durante 8-12 semanas, alcanzarás los máximos resultados posibles. En esta etapa, notarás una transformación completa en el aspecto de tus pestañas y cejas, de manera natural y sostenible.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePestañas visiblemente más largas y densas\u003c\/li\u003e\n\u003cli\u003eCejas llenas y bien definidas\u003c\/li\u003e\n\u003cli\u003eLa casi completa desaparición de vacíos y espacios\u003c\/li\u003e\n\u003cli\u003eUn aspecto sano y natural que recuerda a las extensiones\u003c\/li\u003e\n\u003cli\u003eResultados duraderos mientras el uso regular continúe\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eEl poder de la ciencia detrás de la única fórmula del suero\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n\u003cdiv class=\"science-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3 class=\"info-title\"\u003e11 ingredientes activos en una fórmula avanzada\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eEl suero The Ordinary contiene una combinación única de 11 ingredientes activos, incluidos 4 complejos de péptidos avanzados y extractos vegetales potentes que trabajan juntos para estimular los folículos pilosos y favorecer el crecimiento y la densidad de las pestañas y cejas.\u003c\/p\u003e\n\u003ch4 style=\"margin-top: 20px; color: #9C8102;\"\u003ePrincipales ingredientes:\u003c\/h4\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMiristoyl pentapéptido-17:\u003c\/strong\u003e Estimula el crecimiento del cabello y fortalece los folículos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotinil Tripeptido-1:\u003c\/strong\u003e Favorece el ciclo de crecimiento del cabello y reduce la caída del cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOligopéptido-2:\u003c\/strong\u003e Mejora la densidad del cabello y aumenta su grosor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetiltetrapéptido-3:\u003c\/strong\u003e Apoya la producción de colágeno para mejorar la fuerza del cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCafeína:\u003c\/strong\u003e Activa la circulación sanguínea y estimula el crecimiento del cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtractos vegetales:\u003c\/strong\u003e Nutre e protege los folículos y mejora su salud\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eCómo usar para los mejores resultados\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eLimpia primero la piel\u003c\/h4\u003e\n\u003cp\u003eAsegúrate de limpiar la zona de las pestañas y las cejas de maquillaje o aceites, luego seca completamente el área.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAplica una fina capa de suero\u003c\/h4\u003e\n\u003cp\u003eUsa el pincel para aplicar una capa delgada a lo largo de la línea de las pestañas y en las cejas, asegurándote de cubrir cualquier zona escasa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eÚsalo dos veces al día\u003c\/h4\u003e\n\u003cp\u003ePara mejores resultados, usar el sérum regularmente por la mañana y por la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eContinuar durante un mínimo de 4 semanas\u003c\/h4\u003e\n\u003cp\u003eLos resultados aparecen gradualmente, alcanzando su punto máximo después de 8-12 semanas de uso regular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003eIngredientes completos\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n        Agua, Glicerina, Butilenglicol, Miristoil Pentapéptido-17, Butinoyl Tripéptido-1, Oligopéptido-2, Acetil Tetrapéptido-3, Cafeína, Pantenol, Arginina, Glicina, Glucoproteína, Extracto de Alerce Europeo, Extracto de Trébol Rojo, Extracto de Hojas de Té Verde Camellia Sinensis, Dextrano, Maltodextrina, Cloruro de Zinc, Hidroxietilcelulosa, Goma Xantana, Trisodio Disuccinato de Etilendiamina, Polisorbato 20, Metabisulfito de Sodio, Caprililglicol, 1,2-Hexanodiol, Benzoato de Sodio, Ácido Benzoico, Etilhexilglicerina, Fenoxietanol, Clorfenesina.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Make all sections visible initially to fix display issues\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Make all sections visible\n    const sections = document.querySelectorAll('.section');\n    sections.forEach(section =\u003e {\n      section.classList.add('active');\n    });\n    \n    \/\/ Initialize timeline functionality\n    initializeTimeline();\n  });\n  \n  \/\/ Timeline functionality\n  function initializeTimeline() {\n    \/\/ Set the first marker active by default\n    const progress = document.getElementById('timelineProgress');\n    progress.style.width = '0%';\n  }\n  \n  \/\/ Show timeline content\n  function showTimelineContent(index) {\n    \/\/ Reset all markers and contents\n    const markers = document.querySelectorAll('.timeline-marker');\n    const contents = document.querySelectorAll('.timeline-content');\n    \n    markers.forEach(m =\u003e m.classList.remove('active'));\n    contents.forEach(c =\u003e c.classList.remove('active'));\n    \n    \/\/ Activate selected marker and content\n    markers[index].classList.add('active');\n    contents[index].classList.add('active');\n    \n    \/\/ Update progress bar\n    const progress = document.getElementById('timelineProgress');\n    const progressWidth = [0, 33, 66, 100][index];\n    progress.style.width = progressWidth + '%';\n  }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999342186670,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/The_ordinary_multipeptide_eyelashes_eyebrows_serum_2.jpg?v=1788175587"},{"product_id":"dermatique-vtiamin-c-10","title":"Suero Vitamina C 10% Dermatique oferta 1+1","description":"\u003cp\u003e¿Sufres de piel opaca y cansada que muestra signos de fatiga y envejecimiento? ¿Sientes que tu piel necesita una profunda rejuvenecimiento e hidratación?\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_0AP_480x480.png?v=1682951736\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eCon el 10% de Vitamina C pura en nuestro nuevo suero, puedes tener una piel radiante y suave en pocos días. Contiene potentes antioxidantes que aclaran la piel y reducen la apariencia de arrugas y líneas finas. La Vitamina C también estimula la producción de colágeno y elastina en la piel para mejorar su elasticidad y firmeza.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eUsaré el suero de Vitamina C al 10% diariamente para obtener una piel radiante, fresca y luminosa con salud y vitalidad, y para deshacerse de los signos de cansancio y envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":46999345397934,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_18_ae3549f0-bc07-4e3e-8476-beadc58071b1.jpg?v=1788175572"},{"product_id":"lightening-hyaluronic-acid-serum-offer","title":"Suero Dermatique Iluminador con Ácido Hialurónico Oferta 1+1","description":"\u003cp\u003eSuero de ácido hialurónico iluminador 30 ml\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIlumina la piel, hidrata la piel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_184502_1024x1024.png?v=1682956025\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEs un suero rico lleno de antioxidantes para iluminar, rellenar e hidratar la piel seca. Actúa como un excelente estimulante de la hidratación ya que retiene la humedad en la piel y la mantiene hidratada y firme durante todo el día.\u003c\/p\u003e\n\u003cp\u003eEnriquecido con ingredientes iluminadores para la piel y anti-envejecimiento, incluyendo colágeno, vitaminas C y E para restaurar la juventud de la piel y mejorar su elasticidad y firmeza. Fórmula enriquecida con vitamina B5 para dejar la piel suave e hidratada al tacto.\u003c\/p\u003e\n\u003cp\u003e*Tecnología Inhipase™ para pieles sensibles, adecuada para los tipos de piel más sensibles.\u003c\/p\u003e\n\u003cp\u003e*Complejo anti-contaminación Pollushield™.\u003c\/p\u003e\n\u003cp\u003e*Absorción rápida.\u003c\/p\u003e\n\u003cp\u003e*No provoca reacciones alérgicas. No comedogénico (no comedogénico (no obstruye los poros)).\u003c\/p\u003e\n\u003cp\u003e*Sin parabenos e hidroquinona.\u003c\/p\u003e\n\u003cp\u003eInstrucciones:\u003c\/p\u003e\n\u003cp\u003eAplicar (una toque) dos veces al día, mañana y noche, sobre el rostro limpio, evitando la zona de los ojos. Masajear suavemente la piel. Para una hidratación óptima, se recomienda aplicar la crema hidratante después de 5 minutos.\u003c\/p\u003e\n\u003cp\u003ePrecauciones:\u003c\/p\u003e\n\u003cp\u003ePara uso externo. Evitar el contacto con los ojos. Mantener fuera del alcance de los niños, en un lugar fresco y seco, alejado del calor directo o la luz solar.\u003c\/p\u003e\n\u003cp\u003eIngredientes:\u003c\/p\u003e\n\u003cp\u003eÁcido Hialurónico, Vitamina E, Pantenol, Colágeno Marino, Vitamina C, Ceramidas, Extracto de Aloe Vera\u003c\/p\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":46999345791150,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoistureco_7_dcef6808-7628-4914-8c30-033ffe1e8fa7.jpg?v=1788175572"},{"product_id":"عرض-كولاجرا-غسول-فيتامين-سي-200مل-تونر-3-في-1-نياسيناميد-ألفا-أربيوتين-فيتامين-e","title":"Oferta de Loción Kolagra con Vitamina C 200 ml + Tónico Niacinamida 3 en 1 | Alfa Arbutina | Vitamina E","description":"\u003ch1\u003eKolagra Loción Vitamina C\u003c\/h1\u003e\n\u003cp\u003e\u003cspan\u003e“La loción de vitamina C limpia la piel y mantiene su pH”\u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cspan\u003eDeja la piel suave y sana.\u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cspan\u003eIlumina la piel porque es rico en antioxidantes y ayuda a aclarar las manchas oscuras.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003cspan\u003eKolagra Tónico Vitamina C 3 en 1 \u003c\/span\u003e\u003c\/h1\u003e\n\u003cul\u003e\n\u003cli\u003eRico en antioxidantes para un cutis saludable.\u003c\/li\u003e\n\u003cli\u003eReducir los daños en la piel causados por el sol y la contaminación\u003c\/li\u003e\n\u003cli\u003ePiel más suave y tono de piel más uniforme\u003c\/li\u003e\n\u003cli\u003eSe puede utilizar como desmaquillante facial.\u003c\/li\u003e\n\u003cli\u003eRegula la secreción de sebo y reduce los poros.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":46999349788846,"sku":null,"price":6.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_13_95157d2b-8c4f-4f3d-8e8c-80f61e88a2fa.jpg?v=1788175555"},{"product_id":"kolagra-niacinamide-serum-10-عرض-1-1","title":"Sérum de niacinamida 30 ml kolagra","description":"\u003ch2 data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTu piel está en su estado más puro\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLos poros de tu piel son invisibles \u003c\/h2\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLa niacinamida es el compuesto ideal y mejor para reducir los poros al máximo, haciendo que tu piel se vea fresca, firme y libre de puntos negros y comedones. \u003c\/div\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\u003chr\/\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEficaz contra el acné más grave \u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cimg alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e Reduce el enrojecimiento y los efectos del acné, y verás resultados positivos, especialmente en los granos inflamados\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTu juventud es eterna\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eUno de los agentes antienvejecimiento más potentes\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003e Reduce los radicales libres que causan el envejecimiento y estimula la producción de colágeno\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e Estimula la producción de queratina, que reafirma la piel y aumenta su grosor, reduciendo los efectos de las líneas finas y arrugas de expresión\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eTu piel es clara y de color uniforme\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eAclarará las zonas oscuras de tu piel\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\n\u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\"\/\u003e \u003c\/h3\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e En altas concentraciones, la niacinamida neutraliza el pigmento de la melanina, aclarando las áreas oscuras y haciendo que la piel tenga un color uniforme.\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eHidratación profunda\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e Sin efecto graso\u003c\/h2\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eLa niacinamida retiene la humedad en tu piel creando una “barrera de humedad” que previene la pérdida de agua de tu piel\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eNeutraliza también la producción de aceites en la piel grasa, por lo que no deja un efecto graso \u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eElimina puntos negros y blancos\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003eTrata la piel áspera \u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eEstimulando la formación de nuevas células de la piel e hidratando profundamente la piel\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cstrong\u003eIdeal para todo tipo de piel: seca, normal, mixta y grasa\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cstrong\u003eLigero sobre la piel..absorción rápida\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cstrong\u003e Cómo usar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003eAplica una cantidad muy pequeña en el rostro por la mañana y por la noche sobre la piel limpia antes de aplicar cualquier otra crema, aceite o hidratante en la piel. \u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eSeguro de usar para mujeres embarazadas \u003cbr data-mce-fragment=\"1\"\/\u003eY madres que amamantan.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":46999352148142,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51YdK-bDrtL_81a63f0c-3cb0-428d-b59a-c97aaa4f14e8.jpg?v=1788175544"},{"product_id":"paula-choice-bha-peeling","title":"Peeling químico Paula's Choice con BHA 2% | Para arrugas | Acné | Minimizar poros","description":"\n\u003cp\u003eSobre Rostro En Después Limpieza Tónicos Faciales Equilibrantes. Rostro Después .\u003c\/p\u003e\n\u003cp\u003eComienza despacio: aplícalo cada dos días y observa cómo responde tu piel. Luego úsalo dos veces al día. Durante el día, usa siempre una crema solar con SPF 30+.\u003c\/p\u003e\n\u003cp\u003eSi eres alérgico a los salicilatos, consulta a tu médico antes de usar cualquier producto que contenga ácido salicílico.\u003c\/p\u003e\n\u003cp\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003ePrincipales ingredientes:\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eÁcido salicílico\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifica y reduce el tamaño de los poros dilatados\u003c\/li\u003e\n\u003cli\u003eElimina las capas acumuladas de piel\u003c\/li\u003e\n\u003cli\u003eReduce visiblemente la aparición de líneas finas y arrugas de expresión\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003eTé verde:\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003cul\u003e\n\u003cli\u003eAlivia la irritación\u003c\/li\u003e\n\u003cli\u003ePotentes beneficios anti-edad\u003c\/li\u003e\n\u003cli\u003eMejora visiblemente los daños causados por el sol\u003c\/li\u003e\n\u003c\/ul\u003e\n","brand":"Paula's choice","offers":[{"title":"Default Title","offer_id":46999357849774,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51gCjL3-clL._AC_UL600_SR600_600_104394d5-a9e2-4b1f-a1d9-51375c77837b.jpg?v=1788175524"},{"product_id":"nanotreat-niacinamide-serum","title":"Nano Treat | Suero de Niacinamida 12% con Zinc 2% 30 ml | Aclarar | Hidratación | Frescura | Minimizar los poros","description":"\u003cstyle\u003e\n  .nanotreat-niacinamide-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n    animation: nanoFloat 30s ease-in-out infinite;\n  }\n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: nanoGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .mechanism-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  .mechanism-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  .mechanism-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n  .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n  .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n  .mechanism-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  .clinical-stat {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .customer-opinions {\n    background: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .opinions-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .opinion-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 10px;\n  }\n  .opinion-section.positive {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left: 4px solid #28a745;\n  }\n  .opinion-section.negative {\n    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n    border-left: 4px solid #dc3545;\n  }\n  .opinion-section.summary {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    border-left: 4px solid #9C8102;\n  }\n  .opinion-section h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n  .opinion-section.positive h4 {\n    color: #28a745;\n  }\n  .opinion-section.negative h4 {\n    color: #dc3545;\n  }\n  .opinion-section.summary h4 {\n    color: #9C8102;\n  }\n  .timeline-section {\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n  }\n  .timeline-item {\n    margin: 3rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    position: relative;\n  }\n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-badge {\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    padding: 0.8rem 1.5rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n    animation: nanoGlow 3s ease-in-out infinite;\n  }\n  .timeline-card {\n    background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    border-left: 5px solid #9C8102;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  .timeline-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n  }\n  .timeline-title {\n    color: #9C8102;\n    font-size: 1.4rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  .timeline-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.8rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  .timeline-benefit {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    padding: 1rem 1.5rem;\n    border-radius: 12px;\n    border-left: 4px solid #D4AF37;\n    font-size: 0.95rem;\n    color: #555;\n    position: relative;\n    text-align: left;\n    transition: all 0.3s ease;\n  }\n  .timeline-benefit:hover {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left-color: #9C8102;\n    transform: translateX(-3px);\n  }\n  .timeline-benefit::before {\n    content: '✓';\n    position: absolute;\n    left: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .feature-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 2rem;\n    color: #555;\n  }\n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list.white li {\n    color: white;\n  }\n  .ingredients-list {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .ingredients-list-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .ingredients-text {\n    line-height: 1.8;\n    color: #333;\n    font-size: 0.95em;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .nano-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatParticle 10s linear infinite;\n  }\n  .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  @keyframes nanoGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  @keyframes nanoFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    .benefits-grid, .mechanism-cards {\n      grid-template-columns: 1fr;\n    }\n    .timeline-section {\n      padding: 2rem 1rem;\n    }\n    .timeline-card {\n      padding: 1.5rem;\n    }\n    .timeline-benefits {\n      gap: 0.6rem;\n    }\n    .timeline-benefit {\n      padding: 0.8rem 1rem;\n      font-size: 0.9rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Piel grasa fuera de control? ¿Poros dilatados y granos persistentes? \u003cstrong\u003e¡El problema requiere nanotecnología avanzada!\u003c\/strong\u003e Nanotreat Suero con Niacinamida con nanotecnología penetra en las capas más profundas de la piel y se disuelve \u003cstrong\u003eProblemas de la piel grasa desde las raíces\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Suero de Niacinamida - Nanotecnología avanzada\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Nanotreat Suero con Niacinamida para una penetración más profunda y un efecto más fuerte en piel grasa y mixta.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDuplica la potencia del nano\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eNanotecnología avanzada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLas nanopartículas penetran en las capas más profundas de la piel para un efecto doble\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eObjetivo preciso de los poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePenetra en los poros profundos y los limpia desde el interior\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegulación superior del sebo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControla la secreción de sebo de manera más eficaz que los productos comunes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eControl avanzado de los gránulos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePreviene la formación de granos y trata los existentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAclarado rápido de las manchas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAclarar más rápidamente los granos y manchas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAbsorción inmediata\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa nanotecnología garantiza una absorción inmediata y una acción continua\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona la nanotecnología?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003ePenetración nano\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMayor tasa de penetración en comparación con los productos comunes\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLas partículas nanométricas penetran instantáneamente en las capas profundas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegulación lipídica avanzada\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción de la secreción de grasa en 3 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAlcanza las células de las glándulas sebáceas y regula directamente su actividad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEfecto duradero 24 horas\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eLiberación gradual de los principios activos\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLa nanotecnología garantiza un funcionamiento continuo durante todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico sobre nanotecnología - 200 participantes durante 10 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con la nanotecnología\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Potencia técnica avanzada:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 94% de los clientes\u003c\/strong\u003e Notaron una mejoría más rápida comparado con los productos normales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 89% se recuperó\u003c\/strong\u003e Reducción evidente del tamaño de los poros en dos semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e85% confirmado\u003c\/strong\u003e Excelente control del sebo y del brillo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 91% preferirá\u003c\/strong\u003e Nanotreat en comparación con otros productos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Consideraciones sobre el uso:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl precio es más alto\u003c\/strong\u003e De productos regulares con niacinamida\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e20% de los usuarios\u003c\/strong\u003e Necesitaban reducir las repeticiones al principio debido a la alta potencia\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eTecnología avanzada con resultados excepcionales. \u003cstrong\u003eMayor eficiencia y mayor velocidad\u003c\/strong\u003e En el tratamiento de los problemas de la piel grasa. \u003cstrong\u003eVale la inversión\u003c\/strong\u003e Para quienes desean las últimas tecnologías en skincare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje en la tecnología avanzada\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePenetración inmediata\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAbsorción inmediata y efecto directo\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna reducción visible del brillo de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSensación de limpieza más profunda de los poros\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 2-4\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eControl avanzado\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente del tamaño de los poros\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eExcelente control de la secreción sebácea\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora visible de la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 6-10\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eResultados avanzados\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel equilibrada y sin problemas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePoros más pequeños y menos visibles\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme sin manchas ni marcas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder de la nanotecnología\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n      Avanzada tecnología nanotecnológica para una piel perfecta y sin problemas\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuál es la diferencia entre Nanotreat y la niacinamida normal?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"La tecnología nano de Nanotreat garantiza una penetración más profunda en la piel y una mejor absorción, ofreciendo resultados más rápidos y efectivos.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿La tecnología nano es segura para el uso diario?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Sí, completamente seguro. Puede ser necesario empezar a usarlo en días alternos debido a la alta eficacia, para luego aumentar gradualmente la frecuencia.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuándo aparecen los resultados de Nanotreat Niacinamide?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Resultados iniciales en una semana, mejoras evidentes en 2-4 semanas, y resultados completos en 6-10 semanas.\"\n      }\n    }\n  ]\n}\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":46999362666670,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Niacinamide-Serum_1c0e75e6-7ae0-45e6-bd7d-1b9aadf55af9.png?v=1788175505"},{"product_id":"نانو-تريت-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"Nano Treat | Suero de Retinol y Vitamina E 30 ml | Antiarrugas | Anti-pilling | Antipigmentación","description":"\u003cstyle\u003e\n  .nanotreat-retinol-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nanoretinol\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nanoretinol)\"\/\u003e\u003c\/svg\u003e');\n    animation: nanoRetinolFloat 30s ease-in-out infinite;\n  }\n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: nanoRetinolGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .mechanism-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  .mechanism-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  .mechanism-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n  .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n  .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n  .mechanism-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  .clinical-stat {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .customer-opinions {\n    background: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .opinions-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .opinion-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 10px;\n  }\n  .opinion-section.positive {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left: 4px solid #28a745;\n  }\n  .opinion-section.negative {\n    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n    border-left: 4px solid #dc3545;\n  }\n  .opinion-section.summary {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    border-left: 4px solid #9C8102;\n  }\n  .opinion-section h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n  .opinion-section.positive h4 {\n    color: #28a745;\n  }\n  .opinion-section.negative h4 {\n    color: #dc3545;\n  }\n  .opinion-section.summary h4 {\n    color: #9C8102;\n  }\n  .timeline-section {\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n  }\n  .timeline-item {\n    margin: 3rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    position: relative;\n  }\n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-badge {\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    padding: 0.8rem 1.5rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n    animation: nanoRetinolGlow 3s ease-in-out infinite;\n  }\n  .timeline-card {\n    background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    border-left: 5px solid #9C8102;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  .timeline-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n  }\n  .timeline-title {\n    color: #9C8102;\n    font-size: 1.4rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  .timeline-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.8rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  .timeline-benefit {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    padding: 1rem 1.5rem;\n    border-radius: 12px;\n    border-left: 4px solid #D4AF37;\n    font-size: 0.95rem;\n    color: #555;\n    position: relative;\n    text-align: left;\n    transition: all 0.3s ease;\n  }\n  .timeline-benefit:hover {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left-color: #9C8102;\n    transform: translateX(-3px);\n  }\n  .timeline-benefit::before {\n    content: '✓';\n    position: absolute;\n    left: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .feature-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 2rem;\n    color: #555;\n  }\n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list.white li {\n    color: white;\n  }\n  .ingredients-list {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .ingredients-list-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .ingredients-text {\n    line-height: 1.8;\n    color: #333;\n    font-size: 0.95em;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .nano-retinol-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatParticle 10s linear infinite;\n  }\n  .nano-retinol-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .nano-retinol-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .nano-retinol-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .nano-retinol-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .nano-retinol-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  @keyframes nanoRetinolGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  @keyframes nanoRetinolFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    .benefits-grid, .mechanism-cards {\n      grid-template-columns: 1fr;\n    }\n    .timeline-section {\n      padding: 2rem 1rem;\n    }\n    .timeline-card {\n      padding: 1.5rem;\n    }\n    .timeline-benefits {\n      gap: 0.6rem;\n    }\n    .timeline-benefit {\n      padding: 0.8rem 1rem;\n      font-size: 0.9rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Arrugas profundas y signos visibles de envejecimiento? ¿Manchas de la edad que comienzan a aparecer? \u003cstrong\u003eTu piel necesita el poder del retinol con nanotecnología!\u003c\/strong\u003e Nanotreat Suero de Retinol combina los ingredientes más potentes para el rejuvenecimiento con nanotecnología avanzada para\u003cstrong\u003eRevive tu juventud en tiempo récord\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Suero de Retinol - El poder del retinol x nanotecnología\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Nanotreat Suero de Retinol para un rejuvenecimiento profundo y rápido para combatir los signos del envejecimiento y las arrugas.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eRetinol avanzado con nanotecnología\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneración celular acelerada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa nanotecnología acelera el proceso de regeneración celular 3 veces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePenetración profunda en las capas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLas nanopartículas alcanzan inmediatamente las capas más profundas de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducción avanzada de arrugas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCombate arrugas profundas y líneas persistentes con doble eficacia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEstimulación intensa del colágeno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula la producción de colágeno a un ritmo superior al del retinol normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAclarado rápido de las manchas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUniforma el tono de la piel y elimina rápidamente las manchas de la edad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReparación nocturna intensiva\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEfecto continuo e intenso durante toda la noche para una regeneración óptima\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona el nano retinol?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eSúper permeabilidad nano\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e98%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMayor permeabilidad para capas más profundas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLas nanopartículas atraviesan la barrera natural y alcanzan directamente las células\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAcelerar la renovación\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e75%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAceleración del ciclo de renovación celular\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula la división y regeneración celular a un ritmo más rápido y eficiente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eDoble estimulación del colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento de la producción natural de colágeno\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eActiva las células productoras de colágeno con alta eficiencia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio avanzado sobre la tecnología de nano-retinol - 180 participantes durante 20 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con el nano-retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Potencia de resultados avanzados:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 91% de los clientes\u003c\/strong\u003e Vieron resultados más rápidamente que con el retinol normal\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 86% ha notado\u003c\/strong\u003e Mejora evidente de las arrugas en 4 semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e83% confirmado\u003c\/strong\u003e Una mejora radical en la textura y la frescura de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 89% preferirá\u003c\/strong\u003e Nano Retinol en comparación con los productos tradicionales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Consideraciones importantes:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlta resistencia\u003c\/strong\u003e Requiere un período de adaptación más largo que el retinol normal\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e28% de los usuarios\u003c\/strong\u003e Necesitaban reducir la frecuencia en el primer mes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eTecnología avanzada con resultados excepcionales para combatir los signos del envejecimiento. \u003cstrong\u003eDoble eficacia y mayor velocidad\u003c\/strong\u003e En la regeneración celular. \u003cstrong\u003eLa elección perfecta\u003c\/strong\u003e Para las últimas tecnologías anti-envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de renovación avanzada\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eComienzo de la adaptación\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eExfoliación más delicada que el retinol normal\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora rápida de la textura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eEl inicio del proceso de regeneración intensiva\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 3-6\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMejora acelerada\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente de líneas y arrugas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna mejora significativa de la frescura y la luminosidad de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eInicio del aclaramiento de las manchas seniles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 8-20\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovación completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción significativa de las arrugas profundas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel más joven y más elástica\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme, sin manchas ni pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol (Nano-encapsulated), Squalane, Tocopheryl Acetate, Sodium Hyaluronate, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder del futuro\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n      Retinol avanzado con nanotecnología para juventud permanente y renovación continua\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuál es la diferencia entre Nano Retinol y el retinol normal?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"La tecnología nano garantiza una penetración más profunda y rápida en la piel, ofreciendo resultados más fuertes y rápidos reduciendo el período de adaptación necesario.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cómo empiezo a usar el nano retinol?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Comienza una vez a la semana durante dos semanas, luego dos veces a la semana, luego en días alternos según la tolerancia de la piel. Siempre usa protector solar.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuándo aparecen los resultados del Nano Retinol?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Mejora de la textura en dos semanas, reducción de arrugas en 4-6 semanas y resultados completos en 8-20 semanas.\"\n      }\n    }\n  ]\n}\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":46999362928814,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Retinol-Serum-510x510.png?v=1788175504"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"Suero Niacinamida 30ml EVA","description":"\u003cstyle\u003e\n  .eva-niacinamide-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n    animation: balanceFloat 30s ease-in-out infinite;\n  }\n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: balanceGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .mechanism-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  .mechanism-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  .mechanism-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n  .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n  .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n  .mechanism-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  .clinical-stat {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .customer-opinions {\n    background: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .opinions-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .opinion-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 10px;\n  }\n  .opinion-section.positive {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left: 4px solid #28a745;\n  }\n  .opinion-section.negative {\n    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n    border-left: 4px solid #dc3545;\n  }\n  .opinion-section.summary {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    border-left: 4px solid #9C8102;\n  }\n  .opinion-section h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n  .opinion-section.positive h4 {\n    color: #28a745;\n  }\n  .opinion-section.negative h4 {\n    color: #dc3545;\n  }\n  .opinion-section.summary h4 {\n    color: #9C8102;\n  }\n  \n  \/* New Timeline Structure *\/\n  .timeline-section {\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n  }\n  \n  .timeline-item {\n    margin: 3rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    position: relative;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  \n  .timeline-badge {\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    padding: 0.8rem 1.5rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n    animation: balanceGlow 3s ease-in-out infinite;\n  }\n  \n  .timeline-card {\n    background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    border-left: 5px solid #9C8102;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    color: #9C8102;\n    font-size: 1.4rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  \n  .timeline-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.8rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  \n  .timeline-benefit {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    padding: 1rem 1.5rem;\n    border-radius: 12px;\n    border-left: 4px solid #D4AF37;\n    font-size: 0.95rem;\n    color: #555;\n    position: relative;\n    text-align: left;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-benefit:hover {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left-color: #9C8102;\n    transform: translateX(-3px);\n  }\n  \n  .timeline-benefit::before {\n    content: '✓';\n    position: absolute;\n    left: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .feature-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 2rem;\n    color: #555;\n  }\n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list.white li {\n    color: white;\n  }\n  .ingredients-list {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .ingredients-list-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .ingredients-text {\n    line-height: 1.8;\n    color: #333;\n    font-size: 0.95em;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .balance-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatParticle 10s linear infinite;\n  }\n  .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  @keyframes balanceGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  @keyframes balanceFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    .benefits-grid, .mechanism-cards {\n      grid-template-columns: 1fr;\n    }\n    .timeline-section {\n      padding: 2rem 1rem;\n    }\n    .timeline-card {\n      padding: 1.5rem;\n    }\n    .timeline-benefits {\n      gap: 0.6rem;\n    }\n    .timeline-benefit {\n      padding: 0.8rem 1rem;\n      font-size: 0.9rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Poros grandes? ¿Piel grasa y brillante? ¿Espinillas y manchas persistentes? \u003cstrong\u003eEl problema es un desequilibrio... ¡no tu tipo de piel!\u003c\/strong\u003e El suero de niacinamida EVA restablece el equilibrio natural de la piel e hidrata \u003cstrong\u003eTodos los problemas de la piel grasa desde la raíz\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003ch2 class=\"product-name\"\u003eSuero de niacinamida EVA - el regulador inteligente de la piel\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Suero Niacinamida 10% EVA con Zinc para regular el sebo, reducir los poros y tratar granos y manchas.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eNiacinamida a múltiples concentraciones\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegular la secreción de grasa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControla la producción excesiva de sebo y reduce el brillo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducir el tamaño de los poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTonifica los poros dilatados y mejora la textura de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAnti-granos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduce la inflamación y previene la formación de nuevos granos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAclara las manchas oscuras y uniforma el tono de piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFortalecer la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFortalece la barrera natural y protege de la contaminación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAliviar la inflamación\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlivia inmediatamente la irritación y el enrojecimiento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona la niacinamida?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegular las glándulas sebáceas\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción de la secreción de grasa en 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eControla el tamaño y la actividad de las glándulas sebáceas a nivel celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAntiinflamatorio\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción del tamaño y número de granos activos\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eInhibe la producción de citocinas que llevan a inflamación y granos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEstimulación del colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMejorar la elasticidad de la piel y reducir los poros\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula la producción de colágeno y refuerza la estructura de soporte de los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico en 96 personas con piel grasa durante 12 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con la niacinamida\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Resultados comprobados:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 91% de los clientes\u003c\/strong\u003e Note una reducción de la luminosidad de la piel dentro de dos semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 86% se ha recuperado\u003c\/strong\u003e Una mejora visible del tamaño de los poros.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e78% confirmado\u003c\/strong\u003e Reducción de los granos y de las infecciones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 94% continuará\u003c\/strong\u003e En la utilización del producto\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Puntos a los que prestar atención:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e22% de los usuarios\u003c\/strong\u003e Experimentan una leve descamación en la primera semana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlgunos clientes\u003c\/strong\u003e Se necesitó más tiempo para ver mejoras en las manchas oscuras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eUn suero muy eficaz para pieles grasas y mixtas. \u003cstrong\u003eResultados rápidos en la regulación de grasas\u003c\/strong\u003e Una mejora evidente en la calidad de la piel. \u003cstrong\u003eExcelente elección\u003c\/strong\u003e Para quienes sufren de problemas de piel grasa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eRuta de equilibrio y curación\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eInicio equilibrado\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción del brillo de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAliviar la inflamación existente\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora de la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eControl completo\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna mejora visible del tamaño de los poros.\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente de nuevos granos\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eInicio del aclaramiento de las manchas oscuras\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de 3 meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePiel perfecta\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel equilibrada, sin brillo\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePoros más pequeños y menos visibles\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme sin manchas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaura el equilibrio de la piel\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n      Regulador inteligente de la piel para controlar aceites, granos y poros\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Es posible usar niacinamida con vitamina C?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Sí, pueden usarse juntos. Es preferible usar la vitamina C por la mañana y la niacinamida por la noche, o esperar 15 minutos entre los dos.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuándo aparecen los resultados del suero de niacinamida?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"La reducción del brillo aparece en una semana, la mejora de los poros en un mes y los resultados completos en 8-12 semanas.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿La niacinamida al 10% es fuerte para la piel sensible?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Comienza a usarlo día tras día al principio. Si no ocurre ninguna sensibilidad durante una semana, es posible el uso diario.\"\n      }\n    }\n  ]\n}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999364665518,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1788175496"},{"product_id":"eva-vitamin-c","title":"Sérum de Vitamina C Eva 30 ml | Taftiq | Hidratante | Antiarrugas | Contra los poros","description":"\u003cdiv dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003cdiv data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/div\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e \u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan data-mce-style=\"color: #c9aa2a;\" style=\"color: #c9aa2a;\"\u003e ¿Has probado la vitamina C en altas concentraciones?! \u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eAclarado, tonificación, protección, rejuvenecimiento\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe abre \u003c\/strong\u003eUniforma el tono de la piel neutralizando el pigmento de melanina en la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe apretará\u003c\/strong\u003e Tu piel estimulando la producción de... \u003cstrong\u003eColágeno y elastina\u003c\/strong\u003e Su producción disminuye con la edad, a partir de los veinte años \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtegerá\u003c\/strong\u003e Tu piel está protegida del daño de los radicales libres que causan signos de envejecimiento prematuro y cáncer de piel porque contiene un grupo de antioxidantes naturales como Astaxantina, Vitamina E, Rosa Mosqueta y Té Verde, creando una fórmula anti-edad altamente eficaz.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eRenovará\u003c\/strong\u003e Células de la piel, que mejoran su textura y apariencia\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\"\u003eAumenta la eficacia SPF de las cremas solares\u003c\/span\u003e \u003c\/span\u003eEsto proporciona una protección adicional contra los rayos ultravioleta que causan envejecimiento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eResultados inmediatos\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eObserva en directo cómo tu piel se transforma a su estado más claro y puro en los minutos siguientes a la aplicación del suero\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTratamientos comparables a las sesiones más caras en los mejores salones, con un presupuesto insignificante \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidar tu piel no significa gastar decenas de miles! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Este producto combina muchos beneficios que son imposibles de obtener de un solo producto! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Obtén los beneficios de las mejores cremas hidratantes, productos antiacné, antienvejecimiento, cremas aclarantes y frescura en un solo paquete! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEsencial para una piel eternamente joven \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLos signos del envejecimiento aparecen debido a nuestra constante exposición a los rayos ultravioleta y a la oxidación celular provocada por los radicales libres. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLos antioxidantes deben usarse regularmente para mantener la piel joven. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eEste suero actuará como primera línea de defensa para prevenir el envejecimiento prematuro\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eNo importa tu edad, debes usar antioxidantes para mantener tu juventud. \u003cstrong\u003eNo esperes a que se formen las arrugas para comenzar el tratamiento!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e La Vitamina C se considera uno de los antioxidantes naturales más potentes, al igual que el suero \u003cspan data-mce-fragment=\"1\"\u003eContiene un grupo de antioxidantes naturales\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eRecomendado por los principales dermatólogos de todo el mundo \u003c\/h2\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003eIdeal para todo tipo de piel: seca, normal, mixta y grasa\u003c\/p\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLigero sobre la piel..absorción rápida\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003cspan id=\"i-3\"\u003e\u003cstrong\u003eIngredientes del Suero de Vitamina C Eva:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eWater, Rosa Rubiginosa Seed Oil (Rosehip Seed Oil), Squalane, Glycerin, Sodium Ascorbyl Phosphate (Vitamin C), C10-18 Triglycerides, Candelilla\/Jojoba\/Rice Bran Polyglyceryl-3 Esters, Glyceryl Stearate, Niacinamide, Retinol, Salicylic Acid, Sodium Polyacrylate, Cassia Angustifolia Seed Polysaccharide (Botanical Hyaluronic Acid), Methylsulfonylmethane (MSM), Cananga Odorata Flower Oil (Ylang-Ylang), Melaleuca Alternifolia (Tea Tree) Leaf Oil, Xanthan Gum, Tricaprylin, Cellulose Acetate Butyrate, PentaerythritylTetra-di-t-butyl Hydroxyhydrocinnamate, Hydroxyethylcellulose, Cetearyl Alcohol, Sodium Stearoyl Lactylate, Ethylhexylglycerin, Phenoxyethanol\u003c\/span\u003e \u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eCómo usar:\u003c\/p\u003e\n\u003col data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cp\u003eLimpia bien la piel de cualquier polvo que se adhiera, luego sécala suavemente.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eDistribuye unas gotas de sérum en la cara y el cuello, masajeando suavemente de arriba a abajo, hasta que la piel esté completamente absorbida.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eÚsalo una vez al día antes de acostarte por la noche y lejos de la luz.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999364927662,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/images-_55_978a6cce-fd7c-4c8b-b4a8-598c55454289.jpg?v=1788175495"},{"product_id":"eva-hyaluronic","title":"Suero de ácido hialurónico Eva 30 ml | Hidratante | Antiarrugas | Contra las líneas finas","description":"\u003cstyle\u003e\n  .eva-ha-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"hydration\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23hydration)\"\/\u003e\u003c\/svg\u003e');\n    animation: hydrationFloat 30s ease-in-out infinite;\n  }\n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: hydrationGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .mechanism-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  .mechanism-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  .mechanism-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n  .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n  .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n  .mechanism-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  .clinical-stat {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .customer-opinions {\n    background: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .opinions-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .opinion-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 10px;\n  }\n  .opinion-section.positive {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left: 4px solid #28a745;\n  }\n  .opinion-section.negative {\n    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n    border-left: 4px solid #dc3545;\n  }\n  .opinion-section.summary {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    border-left: 4px solid #9C8102;\n  }\n  .opinion-section h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n  .opinion-section.positive h4 {\n    color: #28a745;\n  }\n  .opinion-section.negative h4 {\n    color: #dc3545;\n  }\n  .opinion-section.summary h4 {\n    color: #9C8102;\n  }\n  .timeline-section {\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n  }\n  \n  .timeline-item {\n    margin: 3rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    position: relative;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  \n  .timeline-badge {\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    padding: 0.8rem 1.5rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n    animation: hydrationGlow 3s ease-in-out infinite;\n  }\n  \n  .timeline-card {\n    background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    border-left: 5px solid #9C8102;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    color: #9C8102;\n    font-size: 1.4rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  \n  .timeline-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.8rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  \n  .timeline-benefit {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    padding: 1rem 1.5rem;\n    border-radius: 12px;\n    border-left: 4px solid #D4AF37;\n    font-size: 0.95rem;\n    color: #555;\n    position: relative;\n    text-align: left;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-benefit:hover {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left-color: #9C8102;\n    transform: translateX(-3px);\n  }\n  \n  .timeline-benefit::before {\n    content: '✓';\n    position: absolute;\n    left: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .feature-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 2rem;\n    color: #555;\n  }\n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list.white li {\n    color: white;\n  }\n  .ingredients-list {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .ingredients-list-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .ingredients-text {\n    line-height: 1.8;\n    color: #333;\n    font-size: 0.95em;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .hydration-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatParticle 10s linear infinite;\n  }\n  .hydration-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .hydration-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .hydration-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .hydration-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .hydration-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  @keyframes hydrationGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  @keyframes hydrationFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    .benefits-grid, .mechanism-cards {\n      grid-template-columns: 1fr;\n    }\n    .timeline-section {\n      padding: 2rem 1rem;\n    }\n    .timeline-card {\n      padding: 1.5rem;\n    }\n    .timeline-benefits {\n      gap: 0.6rem;\n    }\n    .timeline-benefit {\n      padding: 0.8rem 1rem;\n      font-size: 0.9rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-ha-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Hyaluronic Acid Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Tu piel está seca y apagada? ¿Sufres de líneas finas y arrugas de expresión prematuras? \u003cstrong\u003eEl problema no es tu edad... el problema es la falta de hidratación!\u003c\/strong\u003e El Suero de Ácido Hialurónico EVA restaura tu piel \u003cstrong\u003e1000 veces su peso en humedad\u003c\/strong\u003e Para un aspecto joven y fresco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Hyaluronic Acid Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Hyaluronic+Acid\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eSuero de Ácido Hialurónico EVA - La bomba de humedad revolucionaria\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Suero de Ácido Hialurónico EVA con alta concentración y partículas de diferentes tamaños para una hidratación inmediata y profunda de 24 horas.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBeneficios del ácido hialurónico avanzado\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratación instantánea intensa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRetiene 1.000 veces su peso en agua para una hidratación profunda inmediata\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFrescura y luminosidad\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRestaura vitalidad y luminosidad natural a la piel opaca\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducir las líneas finas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlisa arrugas y líneas prematuras con eficacia comprobada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección natural de la barrera\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRefuerza la barrera hidrolipídica y previene la pérdida de humedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAbsorción rápida\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa fórmula ligera se absorbe instantáneamente sin dejar una sensación pegajosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eTextura sedosa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDeja la piel suave y elástica todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona el ácido hialurónico?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eMoléculas de alto peso\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e85%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eHidratación superficial mejorada en 1 hora\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eForma una capa protectora en la superficie de la piel y previene la pérdida de humedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003ePartículas de peso medio\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e73%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento de la elasticidad de la piel en dos semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003ePenetra en las capas intermedias y llena los espacios entre las células\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eMoléculas de bajo peso\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e67%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción de la profundidad de las arrugas en 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003ePenetra en las capas profundas y estimula la producción natural de colágeno\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico en 120 mujeres durante 8 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eOpiniones reales de los clientes\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Resultados positivos:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e96% de los clientes\u003c\/strong\u003e Nota una hidratación inmediata desde el primer uso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 89% se recuperó\u003c\/strong\u003e Mejora de la suavidad y frescura de la piel en una semana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e84% confirmado\u003c\/strong\u003e Reducción visible de las líneas finas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e92% comprarán\u003c\/strong\u003e El producto es nuevo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Puntos a los que prestar atención:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 18% de los usuarios\u003c\/strong\u003e Se necesita más tiempo para ver los resultados en las arrugas más profundas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlgunos clientes\u003c\/strong\u003e Prefieren usarlo debajo de un hidratante extra en invierno\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eUn suero excelente con resultados rápidos y satisfactorios. \u003cstrong\u003eAlta eficacia en la hidratación y en la frescura\u003c\/strong\u003e Con una textura cómoda y rápida absorción. \u003cstrong\u003eOpción confiable\u003c\/strong\u003e Para todos aquellos que sufren de piel seca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn viaje de hidratación y renovación\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDentro de pocos minutos - instantáneo\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eResultados inmediatos\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eHidratación instantánea evidente\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eTejido suave y flexible\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSensación de frescura y confort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMejora evidente\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna clara mejora de la frescura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAumento de la suavidad y de la elasticidad\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eComienzo de la mejora de las líneas finas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovación completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente de las arrugas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel más llena y radiante\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna mejora radical en la textura y el aspecto de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Sodium Hyaluronate (High Molecular Weight), Sodium Hyaluronate (Medium Molecular Weight), Sodium Hyaluronate (Low Molecular Weight), Glycerin, Panthenol, Allantoin, Sodium PCA, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder de la hidratación real\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Hyaluronic Acid Serum\u003c\/strong\u003e\u003cbr\/\u003e\n      La bomba de hidratación definitiva para una piel joven y fresca durante todo el día\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuántas veces debo usar el suero de ácido hialurónico de EVA?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Se utiliza dos veces al día, mañana y noche, sobre la piel limpia antes de la crema hidratante para obtener los mejores resultados.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿El suero EVA es ideal para todo tipo de piel?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Sí, el ácido hialurónico es ideal para todo tipo de piel, incluida la sensible, grasa y seca.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuándo aparecen los resultados del suero de ácido hialurónico?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"La hidratación inmediata aparece en pocos minutos, la mejora de la frescura en una semana, los resultados completos en 4 semanas.\"\n      }\n    }\n  ]\n}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999365353646,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/eva-hyaluronic-acid-face-serum-30ml_9ed2d7d3-0ebb-4b6d-816a-afe3f1263cb9.jpg?v=1788175494"},{"product_id":"إيفا-سيروم-فيتامين-أ-للبشرة-30-مل-للحبوب-للتجاعيد-للتصبغات","title":"Sérum de Vitamina A Eva 30 ml | Para poros | Para arrugas | Para pigmentación","description":"\u003cstyle\u003e\n  .eva-retinol-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"renewal\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23renewal)\"\/\u003e\u003c\/svg\u003e');\n    animation: renewalFloat 30s ease-in-out infinite;\n  }\n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: renewalGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .mechanism-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  .mechanism-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  .mechanism-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n  .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n  .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n  .mechanism-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  .clinical-stat {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .customer-opinions {\n    background: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .opinions-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .opinion-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 10px;\n  }\n  .opinion-section.positive {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left: 4px solid #28a745;\n  }\n  .opinion-section.negative {\n    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n    border-left: 4px solid #dc3545;\n  }\n  .opinion-section.summary {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    border-left: 4px solid #9C8102;\n  }\n  .opinion-section h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n  .opinion-section.positive h4 {\n    color: #28a745;\n  }\n  .opinion-section.negative h4 {\n    color: #dc3545;\n  }\n  .opinion-section.summary h4 {\n    color: #9C8102;\n  }\n  .timeline-section {\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n  }\n  .timeline-item {\n    margin: 3rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    position: relative;\n  }\n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-badge {\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    padding: 0.8rem 1.5rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n    animation: renewalGlow 3s ease-in-out infinite;\n  }\n  .timeline-card {\n    background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    border-left: 5px solid #9C8102;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  .timeline-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n  }\n  .timeline-title {\n    color: #9C8102;\n    font-size: 1.4rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  .timeline-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.8rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  .timeline-benefit {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    padding: 1rem 1.5rem;\n    border-radius: 12px;\n    border-left: 4px solid #D4AF37;\n    font-size: 0.95rem;\n    color: #555;\n    position: relative;\n    text-align: left;\n    transition: all 0.3s ease;\n  }\n  .timeline-benefit:hover {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left-color: #9C8102;\n    transform: translateX(-3px);\n  }\n  .timeline-benefit::before {\n    content: '✓';\n    position: absolute;\n    left: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .feature-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 2rem;\n    color: #555;\n  }\n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list.white li {\n    color: white;\n  }\n  .ingredients-list {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .ingredients-list-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .ingredients-text {\n    line-height: 1.8;\n    color: #333;\n    font-size: 0.95em;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .renewal-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatParticle 10s linear infinite;\n  }\n  .renewal-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .renewal-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .renewal-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .renewal-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .renewal-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  @keyframes renewalGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  @keyframes renewalFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    .benefits-grid, .mechanism-cards {\n      grid-template-columns: 1fr;\n    }\n    .timeline-section {\n      padding: 2rem 1rem;\n    }\n    .timeline-card {\n      padding: 1.5rem;\n    }\n    .timeline-benefits {\n      gap: 0.6rem;\n    }\n    .timeline-benefit {\n      padding: 0.8rem 1rem;\n      font-size: 0.9rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Sufres de arrugas y líneas profundas? ¿Manchas de edad y pigmentación persistente? \u003cstrong\u003eTu piel necesita una verdadera renovación desde el interior!\u003c\/strong\u003e El suero de Retinol EVA estimula \u003cstrong\u003eRegeneración celular potente para la noche\u003c\/strong\u003e Para una piel más joven y luminosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Retinol Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Retinol\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eSuero con Retinol EVA - Estimulador de la regeneración nocturna\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Suero de Retinol EVA con concentración gradual segura para renovar las células y combatir los signos del envejecimiento y de la pigmentación.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePoder avanzado del retinol\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneración celular acelerada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula el ciclo de renovación celular y acelera la eliminación de las células dañadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombate los signos del progreso\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduce arrugas y líneas finas con eficacia científicamente probada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEstimulación del colágeno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula la producción natural de colágeno para una piel más elástica y joven\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAclaramiento de la pigmentación\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUniforma el tono de la piel y reduce manchas y pigmentaciones relacionadas con la edad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejorar la textura de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlisa la piel áspera y mejora su consistencia y suavidad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eTrabajo intenso nocturno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFunciona mientras duermes para reparar y regenerar la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona el retinol?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAcelerar el ciclo celular\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e58%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAceleración del ciclo de renovación celular en 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula la división celular y acelera la eliminación de las capas dañadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEstimulación del colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e42%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento de la producción de colágeno en 8 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eActiva las células productoras de colágeno y fortalece la estructura de soporte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegular la pigmentación\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e65%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMejora del tono de la piel en 12 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eRegula la producción de melanina y reduce el exceso de pigmentación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico en 150 personas durante 16 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con el retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ RESULTADOS INCREÍBLES:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 87% de los clientes\u003c\/strong\u003e Nota una mejora de la textura de la piel en un mes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e79% recuperado\u003c\/strong\u003e Reducción visible de las líneas finas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e82% confirmado\u003c\/strong\u003e Mejora del tono de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e88% continuará\u003c\/strong\u003e En la utilización del producto\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Desafíos iniciales:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e35% de los usuarios\u003c\/strong\u003e Experimentan una leve descamación en las primeras semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlgunos clientes\u003c\/strong\u003e Necesitaban un período de adaptación más largo antes de ver los resultados\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eUn suero poderoso y eficaz para combatir los signos del envejecimiento. \u003cstrong\u003eResultados extraordinarios con el uso regular\u003c\/strong\u003e A pesar del período de adaptación requerido. \u003cstrong\u003eExcelente inversión\u003c\/strong\u003e Para quienes desean una piel con un aspecto más joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn viaje de renovación y transformación\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePeriodo de aclimatación\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna ligera descamación es normal al principio\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora gradual de la textura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eEl inicio del proceso de regeneración celular\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 4-8\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMejora evidente\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción visible de las líneas finas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora de la suavidad y frescura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eComienzo a aclarar manchas y pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 12-16\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovación completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción significativa de arrugas y líneas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel más luminosa y joven\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme, sin pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol, Squalane, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Tocopheryl Acetate, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder de la renovación nocturna\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n      Estimulador de rejuvenecimiento nocturno para una piel más joven y radiante\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cómo empiezo a usar el suero de retinol de EVA?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Comienza usándolo una o dos veces por semana por la noche, luego aumenta gradualmente la frecuencia según la tolerancia de la piel. Usa protector solar por la mañana.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Es posible usar retinol con otros productos?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Evita usarlo junto con ácidos exfoliantes o vitamina C en la misma noche. Después, se puede usar una crema hidratante calmante.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"¿Cuándo aparecen los resultados del suero de retinol?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Mejora de la textura en 2-4 semanas, reducción de líneas en 6-8 semanas y resultados completos en 12-16 semanas.\"\n      }\n    }\n  ]\n}\u003c\/script\u003e\n","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999365779630,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/RGGrn28hvdODLF4p0XKAp6x5MUxO0RLE9XlGU6kq_bb7b0760-edd1-4b85-95fa-eea8010609fd.webp?v=1788175493"},{"product_id":"the-ordinary-argerline","title":"La solución común al 10% de argirelina está especializada en las arrugas cinéticas","description":"\u003c!-- Argireline Product Description --\u003e\n\u003cstyle\u003e\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.argireline-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  \n  line-height: 1.6;\n  color: #333;\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\n.hero-section {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  padding: 60px 20px;\n  background: linear-gradient(135deg, #000000 0%, #333333 100%);\n  color: white;\n  border-radius: 20px;\n  margin-bottom: 40px;\n  position: relative;\n  overflow: hidden;\n}\n\n.hero-section::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.3), transparent);\n  animation: shimmer 3s infinite;\n}\n\n.hero-content {\n  z-index: 2;\n}\n\n.hero-image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n}\n\n.main-product-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 15px;\n  box-shadow: 0 20px 40px rgba(156, 129, 2, 0.3);\n  opacity: 0;\n  transform: scale(0.8) rotateY(10deg);\n  animation: productImageReveal 1.5s 0.5s ease forwards;\n}\n\n@keyframes productImageReveal {\n  to {\n    opacity: 1;\n    transform: scale(1) rotateY(0deg);\n  }\n}\n\n@keyframes shimmer {\n  0% { left: -100%; }\n  100% { left: 100%; }\n}\n\n.hero-title {\n  font-size: 2.5rem;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #9C8102;\n  opacity: 0;\n  animation: fadeInUp 1s forwards;\n  text-align: left;\n}\n\n.hero-subtitle {\n  font-size: 1.2rem;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 1s 0.3s forwards;\n  text-align: left;\n}\n\n.product-badge {\n  display: inline-block;\n  background: #9C8102;\n  color: white;\n  padding: 10px 25px;\n  border-radius: 50px;\n  font-weight: bold;\n  margin-top: 20px;\n  opacity: 0;\n  animation: fadeInUp 1s 0.6s forwards;\n  transition: transform 0.3s ease;\n}\n\n.product-badge:hover {\n  transform: scale(1.05);\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.content-section {\n  margin: 40px 0;\n  padding: 30px;\n  background: white;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n  opacity: 0;\n  transform: translateY(50px);\n  transition: all 0.6s ease;\n}\n\n.content-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.section-title {\n  font-size: 1.8rem;\n  color: #9C8102;\n  margin-bottom: 20px;\n  text-align: center;\n  position: relative;\n  padding-bottom: 15px;\n}\n\n.section-title::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: 0;\n  height: 3px;\n  background: #9C8102;\n  transition: width 0.8s ease;\n  transform: translateX(-50%);\n}\n\n.content-section.visible .section-title::after {\n  width: 80px;\n}\n\n.section-content {\n  font-size: 1.1rem;\n  color: #555;\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n.feature-card {\n  background: #f8f9fa;\n  padding: 25px;\n  border-radius: 10px;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  border-left: 4px solid #9C8102;\n}\n\n.feature-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n}\n\n.feature-icon {\n  width: 60px;\n  height: 60px;\n  background: #9C8102;\n  border-radius: 50%;\n  margin: 0 auto 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  font-weight: bold;\n}\n\n.timeline-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.results-timeline {\n  position: relative;\n  padding: 20px 0;\n}\n\n.timeline-item {\n  display: flex;\n  margin-bottom: 40px;\n  opacity: 0;\n  transform: translateY(30px);\n  animation: timelineSlideIn 0.8s ease forwards;\n}\n\n.timeline-item:nth-child(1) { animation-delay: 0.2s; }\n.timeline-item:nth-child(2) { animation-delay: 0.4s; }\n.timeline-item:nth-child(3) { animation-delay: 0.6s; }\n.timeline-item:nth-child(4) { animation-delay: 0.8s; }\n\n@keyframes timelineSlideIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.timeline-marker-vertical {\n  flex-shrink: 0;\n  width: 60px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 20px;\n}\n\n.timeline-dot-vertical {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #9C8102;\n  border: 4px solid white;\n  box-shadow: 0 0 0 2px #9C8102, 0 4px 15px rgba(156, 129, 2, 0.3);\n  position: relative;\n  z-index: 2;\n  transition: all 0.3s ease;\n}\n\n.timeline-dot-vertical.final {\n  background: linear-gradient(45deg, #9C8102, #d4af02);\n  transform: scale(1.2);\n  box-shadow: 0 0 0 3px white, 0 0 0 6px #9C8102, 0 6px 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-line {\n  width: 3px;\n  height: 100px;\n  background: linear-gradient(to bottom, #9C8102, #e0e0e0);\n  margin-top: 10px;\n  border-radius: 2px;\n}\n\n.timeline-content-card {\n  flex: 1;\n  background: white;\n  padding: 25px;\n  border-radius: 15px;\n  margin-left: 20px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n  border-right: 4px solid #9C8102;\n  transition: all 0.3s ease;\n  position: relative;\n}\n\n.timeline-content-card:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 12px 35px rgba(156, 129, 2, 0.15);\n}\n\n.timeline-content-card.highlight {\n  background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n  border-right: 4px solid #d4af02;\n  box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n}\n\n.timeline-badge {\n  display: inline-block;\n  background: #9C8102;\n  color: white;\n  padding: 8px 16px;\n  border-radius: 20px;\n  font-size: 0.9rem;\n  font-weight: bold;\n  margin-bottom: 15px;\n  position: relative;\n}\n\n.timeline-badge.final {\n  background: linear-gradient(45deg, #9C8102, #d4af02);\n  box-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content-card h3 {\n  color: #333;\n  margin-bottom: 15px;\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n\n.timeline-content-card p {\n  color: #666;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.results-list {\n  list-style: none;\n  padding: 0;\n}\n\n.results-list li {\n  padding: 8px 0;\n  padding-left: 25px;\n  position: relative;\n  color: #555;\n  transition: color 0.3s ease;\n}\n\n.results-list li::before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #9C8102;\n  font-weight: bold;\n  font-size: 1.1rem;\n}\n\n.results-list li:hover {\n  color: #333;\n}\n\n.content-with-image {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  margin-top: 30px;\n}\n\n.content-text {\n  order: 1;\n}\n\n.content-image {\n  order: 2;\n  display: flex;\n  justify-content: center;\n}\n\n.section-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 15px;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  opacity: 0;\n  transform: translateX(30px);\n  transition: all 0.8s ease;\n}\n\n.content-section.visible .section-image {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.cellular-explanation {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  margin: 30px 0;\n}\n\n.explanation-text {\n  order: 1;\n}\n\n.explanation-image {\n  order: 2;\n  display: flex;\n  justify-content: center;\n}\n\n.mechanism-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 15px;\n  box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n  opacity: 0;\n  transform: scale(0.9) rotateY(-10deg);\n  transition: all 1s ease;\n}\n\n.content-section.visible .mechanism-image {\n  opacity: 1;\n  transform: scale(1) rotateY(0deg);\n}\n\n.section-image:hover,\n.mechanism-image:hover {\n  transform: scale(1.05);\n  box-shadow: 0 20px 45px rgba(156, 129, 2, 0.3);\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.studies-section {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n.study-card {\n  background: white;\n  padding: 20px;\n  margin: 15px 0;\n  border-radius: 10px;\n  border-right: 4px solid #9C8102;\n  transition: transform 0.3s ease;\n}\n\n.study-card:hover {\n  transform: translateX(10px);\n}\n\n.usage-section {\n  background: linear-gradient(135deg, #333 0%, #000 100%);\n  color: white;\n}\n\n.usage-section .section-title {\n  color: #9C8102;\n}\n\n.usage-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.usage-step {\n  background: rgba(255,255,255,0.1);\n  padding: 25px;\n  border-radius: 10px;\n  text-align: center;\n  transition: transform 0.3s ease;\n}\n\n.usage-step:hover {\n  transform: scale(1.05);\n}\n\n.usage-number {\n  width: 40px;\n  height: 40px;\n  background: #9C8102;\n  border-radius: 50%;\n  margin: 0 auto 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  font-size: 1.2rem;\n}\n\n.scroll-indicator {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 4px;\n  height: 100vh;\n  background: rgba(156, 129, 2, 0.2);\n  z-index: 1000;\n}\n\n.scroll-progress {\n  width: 100%;\n  background: #9C8102;\n  height: 0%;\n  transition: height 0.1s ease;\n}\n\n@media (max-width: 768px) {\n  .hero-title {\n    font-size: 2rem;\n  }\n  \n  .hero-section {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  \n  .hero-title,\n  .hero-subtitle {\n    text-align: center;\n  }\n  \n  .hero-content {\n    order: 2;\n  }\n  \n  .hero-image {\n    order: 1;\n    margin-bottom: 30px;\n  }\n  \n  .features-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .content-with-image,\n  .cellular-explanation {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  \n  .content-image,\n  .explanation-image {\n    order: 1;\n    margin-bottom: 20px;\n  }\n  \n  .content-text,\n  .explanation-text {\n    order: 2;\n  }\n  \n  .timeline-item {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n  \n  .timeline-marker-vertical {\n    margin-left: 0;\n    margin-bottom: 20px;\n  }\n  \n  .timeline-line {\n    display: none;\n  }\n  \n  .timeline-content-card {\n    margin-left: 0;\n    width: 100%;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"argireline-container\"\u003e\n\u003c!-- Scroll Progress Indicator --\u003e\n\u003cdiv class=\"scroll-indicator\"\u003e\n\u003cdiv class=\"scroll-progress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"hero-title\"\u003eCombate los signos del tiempo con la solución Argireline\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eLa solución Argireline es un producto innovador que funciona como... \u003cstrong style=\"color: #9C8102;\"\u003eBotox tópico\u003c\/strong\u003e Para reducir la aparición de líneas finas y arrugas de expresión. Objetivos \u003cstrong\u003eSignos visibles del envejecimiento\u003c\/strong\u003e Sin necesidad de inyecciones, ofreciendo una alternativa \u003cstrong style=\"color: #9C8102;\"\u003eMás seguro y menos costoso\u003c\/strong\u003e Para el cuidado avanzado de la piel.\u003c\/p\u003e\n\u003cdiv class=\"product-badge\"\u003eBotox tópico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Solución Argirelin\" class=\"main-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What is Argireline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Qué es la argirelina?\u003c\/h2\u003e\n\u003cdiv class=\"content-with-image\"\u003e\n\u003cdiv class=\"content-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgirerin es \u003cstrong style=\"color: #9C8102;\"\u003eEsapéptido sintético\u003c\/strong\u003e Que funciona gracias a \u003cstrong\u003eRelaja los músculos del rostro\u003c\/strong\u003e. Esto ayuda a reducir la apariencia \u003cstrong style=\"color: #9C8102;\"\u003eArrugas dinámicas\u003c\/strong\u003e, que son arrugas que se forman cuando mueves la cara, por ejemplo cuando... \u003cstrong\u003eRisa o expresión\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-image\"\u003e\n\u003cimg alt=\"¿Cómo funciona la argirelina?\" class=\"section-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How it Works Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eActúa a nivel celular\u003c\/h2\u003e\n\u003cdiv class=\"cellular-explanation\"\u003e\n\u003cdiv class=\"explanation-text\"\u003e\n\u003cp class=\"section-content\"\u003eLa solución Argilerin funciona así: \u003cstrong style=\"color: #9C8102;\"\u003eRelaja los músculos del rostro\u003c\/strong\u003e Que causa arrugas dinámicas. Cuando estos músculos están relajados, reducen la apariencia de las arrugas.\u003c\/p\u003e\n\u003cp class=\"section-content\"\u003eLa solución Argilerin contiene un principio activo llamado \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e. La Argirelina es un hexapéptido sintético que actúa a través de... \u003cstrong\u003eInhibición de la descarga de las motoneuronas\u003c\/strong\u003e Para\u003cstrong style=\"color: #9C8102;\"\u003eAcetilcolina\u003c\/strong\u003e. La acetilcolina es \u003cstrong\u003eNeurotransmisor responsable de la contracción muscular\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"explanation-image\"\u003e\n\u003cimg alt=\"Acción de la argirelina\" class=\"mechanism-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eInhibición de la acetilcolina\u003c\/h3\u003e\n\u003cp\u003eInhibe la liberación de acetilcolina por parte de las motoneuronas, responsable de la contracción muscular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eRelajación muscular\u003c\/h3\u003e\n\u003cp\u003eHace relajar los músculos y no contraerse con la misma fuerza de antes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eReducir las arrugas\u003c\/h3\u003e\n\u003cp\u003eResultado en reducir significativamente la apariencia de las arrugas dinámicas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Concentration Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa máxima concentración posible sin receta\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eLa solución Argilerin contiene \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10%\u003c\/strong\u003e Sobre una alta concentración de \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003eY él es \u003cstrong\u003eLa concentración más alta está disponible sin receta\u003c\/strong\u003e. Además, el suero también contiene otros ingredientes beneficiosos para la piel, por ejemplo \u003cstrong\u003eGlicerina y ácido hialurónico\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados del tratamiento con solución Argireline 10%\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eDescubre cómo el aspecto de tu piel se transformará durante las diferentes semanas de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1\u003c\/div\u003e\n\u003ch3\u003eComienzo del uso y de la hidratación de la piel\u003c\/h3\u003e\n\u003cp\u003eNotarás la diferencia \u003cstrong style=\"color: #9C8102;\"\u003ePrimer uso\u003c\/strong\u003e La ligera solución hidrata y suaviza la piel.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eMás piel \u003cstrong\u003eSuavidad e hidratación\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eAbsorción rápida\u003c\/strong\u003e Sin ninguna sensación de pesadez\u003c\/li\u003e\n\u003cli\u003eUna ligera sensación de tensión en las áreas afectadas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 2-3\u003c\/div\u003e\n\u003ch3\u003eLos resultados iniciales comienzan a aparecer\u003c\/h3\u003e\n\u003cp\u003eDespués \u003cstrong style=\"color: #9C8102;\"\u003eDos semanas de uso regular\u003c\/strong\u003eEmpezarás a notar una ligera mejoría en tus líneas de expresión.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducción sencilla\u003c\/strong\u003e En la aparición de líneas finas\u003c\/li\u003e\n\u003cli\u003eMás piel \u003cstrong style=\"color: #9C8102;\"\u003eLuminoso y refrescante\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eRelajación inicial de los músculos faciales\u003c\/li\u003e\n\u003cli\u003eAliviar el aspecto de cansancio alrededor de los ojos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 4-6\u003c\/div\u003e\n\u003ch3\u003eMejora visible de las arrugas dinámicas\u003c\/h3\u003e\n\u003cp\u003eDespués \u003cstrong style=\"color: #9C8102;\"\u003eUn mes de uso regular\u003c\/strong\u003eNotarás resultados más evidentes, especialmente en las líneas de la frente y alrededor de los ojos.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eDeclive claro\u003c\/strong\u003e En profundidad en las líneas de expresión alrededor de los ojos\u003c\/li\u003e\n\u003cli\u003eLíneas frontales \u003cstrong\u003eMenos claro\u003c\/strong\u003e Cuando se exprime\u003c\/li\u003e\n\u003cli\u003eMejor relajación de los músculos del rostro durante la expresión\u003c\/li\u003e\n\u003cli\u003eMás piel \u003cstrong\u003eSuavidad y flexibilidad\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical final\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card highlight\"\u003e\n\u003cdiv class=\"timeline-badge final\"\u003eSemana 8-12\u003c\/div\u003e\n\u003ch3\u003eResultados completos y mejora continua\u003c\/h3\u003e\n\u003cp\u003eCon uso regular continuado durante un período de tiempo \u003cstrong style=\"color: #9C8102;\"\u003e8-12 semanas\u003c\/strong\u003eNotarás una mejora significativa en el aspecto general de tu piel.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eHasta un 30% de reducción\u003c\/strong\u003e En la aparición de arrugas dinámicas\u003c\/li\u003e\n\u003cli\u003eMás piel \u003cstrong\u003eSuavidad, luminosidad y vitalidad\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eMejora evidente\u003c\/strong\u003e En la elasticidad de la piel\u003c\/li\u003e\n\u003cli\u003eReducción visible de las líneas de expresión incluso en movimiento\u003c\/li\u003e\n\u003cli\u003eApariencia \u003cstrong\u003ePiel más joven\u003c\/strong\u003e En general\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Studies Section --\u003e\n\u003cdiv class=\"content-section studies-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eArgirelín es una sustancia científicamente y de laboratorio probada\u003c\/h2\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eestudio de 2009\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n\u003cp\u003eUsa solución de arcilla \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por un periodo \u003cstrong\u003e30 días\u003c\/strong\u003e ha llevado a \u003cstrong style=\"color: #9C8102;\"\u003eReducción visible\u003c\/strong\u003e En la aparición de arrugas dinámicas en la frente y alrededor de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eestudio de 2011\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n\u003cp\u003eUsa solución de arcilla \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por un periodo \u003cstrong\u003e60 días\u003c\/strong\u003e ha llevado a \u003cstrong style=\"color: #9C8102;\"\u003eReducción visible\u003c\/strong\u003e En la aparición de arrugas dinámicas en la frente y alrededor de los ojos y la boca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eestudio de 2013\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n\u003cp\u003eUsa solución de arcilla \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por un periodo \u003cstrong\u003e90 días\u003c\/strong\u003e ha llevado a \u003cstrong style=\"color: #9C8102;\"\u003eReducción evidente de la profundidad\u003c\/strong\u003e Arrugas dinámicas en la frente y alrededor de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n      En los estudios científicos, se ha demostrado que la solución de argilina reduce la apariencia de las arrugas dinámicas hasta \u003cstrong style=\"font-size: 1.3em;\"\u003e30%\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003cdiv class=\"content-section usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpieza del rostro\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eLimpia bien el rostro\u003c\/strong\u003e Y secarlo completamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eAplica la solución\u003c\/h4\u003e\n\u003cp\u003ePoner \u003cstrong style=\"color: #9C8102;\"\u003ePocas gotas\u003c\/strong\u003e Sobre las áreas afectadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eEsperar\u003c\/h4\u003e\n\u003cp\u003eDejar el suero \u003cstrong\u003ePara secar completamente\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eHidratante\u003c\/h4\u003e\n\u003cp\u003ePoner \u003cstrong style=\"color: #9C8102;\"\u003eTu crema hidratante habitual\u003c\/strong\u003e Después de la deshidratación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eUso ideal:\u003c\/strong\u003e \u003cstrong\u003eDos veces al día, mañana y noche\u003c\/strong\u003e Para mejores resultados\n    \u003c\/p\u003e\n\u003cdiv class=\"usage-note\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #9C8102;\"\u003e\n\u003cp style=\"margin: 0; color: #333;\"\u003e\u003cstrong style=\"color: #9C8102;\"\u003eNota importante:\u003c\/strong\u003e Solución Argiline \u003cstrong\u003e10% Ideal para todo tipo de piel\u003c\/strong\u003e. Si tu piel es muy sensible, comienza a usar un suero \u003cstrong style=\"color: #9C8102;\"\u003eUna vez al día\u003c\/strong\u003e Para ver cómo reacciona tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Scroll-triggered animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all content sections\n  document.querySelectorAll('.content-section').forEach(section =\u003e {\n    observer.observe(section);\n  });\n\n  \/\/ Scroll progress indicator\n  const updateScrollProgress = () =\u003e {\n    const windowHeight = window.innerHeight;\n    const documentHeight = document.documentElement.scrollHeight - windowHeight;\n    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const scrollPercentage = (scrollTop \/ documentHeight) * 100;\n    \n    const progressBar = document.querySelector('.scroll-progress');\n    if (progressBar) {\n      progressBar.style.height = Math.min(scrollPercentage, 100) + '%';\n    }\n  };\n\n  window.addEventListener('scroll', updateScrollProgress);\n\n  \/\/ Feature card hover effects\n  document.querySelectorAll('.feature-card').forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-10px) scale(1.02)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n\n  \/\/ Study card stagger animation\n  setTimeout(() =\u003e {\n    document.querySelectorAll('.study-card').forEach((card, index) =\u003e {\n      setTimeout(() =\u003e {\n        card.style.opacity = '1';\n        card.style.transform = 'translateX(0)';\n      }, index * 200);\n    });\n  }, 1000);\n\n  \/\/ Usage steps animation\n  document.querySelectorAll('.usage-step').forEach((step, index) =\u003e {\n    step.style.opacity = '0';\n    step.style.transform = 'translateY(30px)';\n    \n    setTimeout(() =\u003e {\n      step.style.transition = 'all 0.6s ease';\n      step.style.opacity = '1';\n      step.style.transform = 'translateY(0)';\n    }, 500 + (index * 150));\n  });\n\n  \/\/ Timeline items animation observer\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animationPlayState = 'running';\n      }\n    });\n  }, { threshold: 0.3 });\n\n  \/\/ Observe timeline items\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    item.style.animationPlayState = 'paused';\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Smooth scrolling for better UX\n  document.documentElement.style.scrollBehavior = 'smooth';\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":46999376461998,"sku":null,"price":16.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the-ordinary-argireline-serum-30ml_d1bb122a-858d-4aa9-b048-a9a03cdcdf29.png?v=1788175450"},{"product_id":"vacation-hydrogel-cleanser","title":"Loción hidrogel Vacation con ácido hialurónico, aceite de árbol de té y ceramidas 200 ml","description":"\u003cdiv\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacationhydrogelfacialcleanser_07602f48-0be5-4533-afce-728b25a9d6f5_1024x1024.jpg?v=1698163814\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e¡Más que una simple loción! Es un antioxidante, antiarrugas e hidratante para la piel.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-sourcepos=\"5:1-9:0\"\u003e\n\u003cli data-sourcepos=\"5:1-5:170\"\u003e\n\u003cstrong\u003eTé verde:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eContiene antioxidantes que ayudan a proteger la piel de los daños y de los radicales libres. También contiene propiedades antiinflamatorias que ayudan a calmar la piel irritada.\u003c\/li\u003e\n\u003cli data-sourcepos=\"6:1-6:222\"\u003e\n\u003cstrong\u003eCeramidas:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eUn ingrediente natural presente en la piel que ayuda a mantener la hidratación. Cuando el nivel de ceramidas en la piel es bajo, la piel puede volverse seca y escamosa. Las ceramidas ayudan a restaurar la barrera natural de la piel y a mantener la hidratación.\u003c\/li\u003e\n\u003cli data-sourcepos=\"7:1-7:153\"\u003e\n\u003cstrong\u003eVitamina E:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eEs un potente antioxidante que ayuda a proteger la piel de los daños. También ayuda a estimular la producción de colágeno, contribuyendo a mejorar la elasticidad de la piel.\u003c\/li\u003e\n\u003cli data-sourcepos=\"8:1-9:0\"\u003e\n\u003cstrong\u003eÁcido hialurónico:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eUn ingrediente natural presente en la piel que ayuda a mantener la humedad. El ácido hialurónico puede retener hasta 1.000 veces su peso en agua, lo que lo convierte en un potente hidratante para la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eA diferencia de otros limpiadores que pueden causar sequedad en la piel, este limpiador hidrata la piel mientras la limpia.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"20:1-24:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"20:1-20:49\"\u003eContiene ingredientes naturales seguros y eficaces para la piel.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"21:1-21:34\"\u003eLigero sobre la piel, no causa sequedad.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"22:1-22:66\"\u003eElimina suciedad y exceso de sebo sin dañar la barrera natural de la piel\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"23:1-24:0\"\u003eHidrata profundamente la piel, dejándola suave y fresca.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e¿Cuándo se recomienda usar el gel limpiador en lugar del limpiador espumoso? \u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePiel seca o sensible\u003c\/strong\u003e: Si tienes la piel seca o sensible, un gel limpiador será la elección perfecta. Los geles generalmente contienen emolientes e ingredientes hidratantes como ceramidas y ácido hialurónico, que ayudan a prevenir la sequedad de la piel durante la limpieza.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-sourcepos=\"3:1-3:114\"\u003e\n\u003cstrong\u003eHidratante:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eEl gel limpiador es ligero en la piel y no provoca sequedad, porque no contiene sustancias agresivas como jabón o alcohol.\u003c\/li\u003e\n\u003cli data-sourcepos=\"4:1-4:99\"\u003e\n\u003cstrong\u003eEficacia:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eEl gel limpiador es eficaz para eliminar la suciedad y el exceso de sebo sin dañar la barrera natural de la piel.\u003c\/li\u003e\n\u003cli data-sourcepos=\"5:1-6:0\"\u003e\n\u003cstrong\u003eComodidad:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eEl lavado con gel es fácil de usar y no hace espuma, lo que lo hace más cómodo de usar.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eComparación entre gel limpiador y espuma limpiadora\u003c\/p\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVentaja\u003c\/th\u003e\n\u003cth\u003eLoción en gel\u003c\/th\u003e\n\u003cth\u003eLoción espumosa\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratante\u003c\/td\u003e\n\u003ctd\u003eMantiene la hidratación de la piel\u003c\/td\u003e\n\u003ctd\u003ePuede causar deshidratación\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEficacia\u003c\/td\u003e\n\u003ctd\u003eEficaz en la eliminación de suciedad y aceites\u003c\/td\u003e\n\u003ctd\u003eEficaz en la eliminación del maquillaje pesado\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eComodidad\u003c\/td\u003e\n\u003ctd\u003eFácil de usar\u003c\/td\u003e\n\u003ctd\u003ePuede generar espuma\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes principales\u003c\/td\u003e\n\u003ctd\u003eIngredientes delicados para la piel\u003c\/td\u003e\n\u003ctd\u003ePuede contener ingredientes agresivos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Instachiq","offers":[{"title":"Default Title","offer_id":46999377608878,"sku":null,"price":3.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vacationhydrogelfacialcleanser_2_b0a02bde-69b4-47cf-a925-4e1566cfd87e.jpg?v=1788175445"},{"product_id":"capixy-eyelash-serum","title":"Suero Estimulante para el Crecimiento de Pestañas y Cejas Capixy - 10ml","description":"\u003cstyle\u003e#cxl{--bg:#090103;--bg2:#1a0409;--c:#d4163c;--c2:#ff6b84;--s:#e4e7ec;--bd:rgba(212,22,60,.32);--tint:rgba(212,22,60,.1);border-radius:28px;background:var(--bg);color:#fff;font-family:inherit;line-height:1.9;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#cxl *{box-sizing:border-box}#cxl .sec{padding:56px 0}#cxl .a{background:var(--bg)}#cxl .b{background:linear-gradient(180deg,var(--bg2),var(--bg))}#cxl .wrap{max-width:920px;margin:auto;padding:0 20px}#cxl .c{text-align:center}#cxl h1,#cxl h2{color:#fff!important;font-weight:900;margin:0 0 14px}#cxl h1{font-size:clamp(28px,5.2vw,46px);line-height:1.4}#cxl h2{font-size:clamp(23px,4vw,34px);line-height:1.45}#cxl h3{color:var(--c2)!important;font-size:19px;font-weight:900;margin:0 0 6px}#cxl h4{color:#fff!important;font-size:18px;margin:0 0 4px;font-weight:800}#cxl p{margin:0 0 12px;color:#eadfe2}#cxl .hl{color:var(--c2)!important}#cxl .k{color:var(--c2)!important;font-weight:800}#cxl .kick{display:inline-block;padding:7px 20px;border-radius:30px;background:var(--tint);border:1px solid var(--bd);color:var(--s)!important;font-weight:800;font-size:14px;margin-bottom:16px}#cxl .lead{max-width:780px;margin:0 auto 24px;font-size:18px}#cxl .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#cxl .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}#cxl img.ph{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:24px;margin:26px auto 0;box-shadow:0 20px 50px rgba(0,0,0,.7)}#cxl .hero{background:radial-gradient(circle at 50% 0,rgba(212,22,60,.28),transparent 62%),var(--bg);text-align:center;padding-top:60px}#cxl .math{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:24px}#cxl .math div.box{border-radius:20px;padding:22px 18px;border:1px solid var(--bd);text-align:center}#cxl .math .old{background:rgba(255,255,255,.03)}#cxl .math .new{background:linear-gradient(160deg,#3d0712,#0f0205)}#cxl .math b{display:block;font-size:30px;color:var(--c2)!important;direction:ltr}#cxl .math .vs{font-size:28px;font-weight:900;color:var(--s)}#cxl .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}#cxl .card{background:linear-gradient(150deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#cxl .card p{margin:0;font-size:16px;color:#fff}#cxl .card .n{display:block;font-size:13px;color:var(--s)!important;opacity:.8;direction:ltr;text-align: left;font-weight:700;margin-bottom:4px}#cxl .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;counter-reset:s}#cxl .steps div{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:18px;padding:22px 14px;text-align:center}#cxl .steps div:before{counter-increment:s;content:counter(s);display:flex;margin:0 auto 10px;width:46px;height:46px;border-radius:50%;background:var(--c);color:#fff;font-weight:900;font-size:20px;align-items:center;justify-content:center}#cxl .steps p{margin:0;font-size:15px}#cxl .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}#cxl .tl div{border-radius:18px;padding:22px 18px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}#cxl .tl b{display:block;color:var(--c2)!important;font-size:20px;margin-bottom:4px}#cxl .tl p{margin:0;font-size:16px}#cxl table{width:100%;border-collapse:separate;border-spacing:0;margin-top:22px;border:1px solid var(--bd);border-radius:18px;overflow:hidden;font-size:15px}#cxl th,#cxl td{padding:13px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}#cxl th{background:#2a0610;color:#fff!important;font-weight:800}#cxl td:first-child{text-align:start;color:#fff;font-weight:700}#cxl td.y{color:var(--c2)!important;font-weight:900}#cxl td.n2{color:#8a7f82}#cxl tr:last-child td{border-bottom:0}#cxl ul.ck{list-style:none;padding:0;margin:12px 0 0}#cxl ul.ck li{padding:7px 0;padding-inline-start:30px;position:relative;color:#fff}#cxl ul.ck li:before{content:\"\";position:absolute;inset-inline-start:2px;top:17px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#cxl .warn{border:1.5px solid var(--c);border-radius:22px;padding:28px 24px;background:var(--tint)}#cxl details{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:14px;padding:15px 20px;margin-bottom:10px}#cxl summary{cursor:pointer;font-weight:800;color:#fff!important}#cxl details p{margin:10px 0 0}#cxl .cta{border:2px solid var(--c);border-radius:28px;padding:44px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(212,22,60,.25),transparent 70%),var(--bg)}#cxl .btn{display:inline-block;margin-top:20px;padding:15px 40px;border-radius:40px;background:linear-gradient(90deg,#a50e2d,var(--c));color:#fff!important;font-weight:900;font-size:20px;box-shadow:0 10px 30px rgba(212,22,60,.4)}#cxl .trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}#cxl .trust span{border:1px solid var(--bd);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:800;font-size:15px}#cxl .inci{direction:ltr;text-align:left;font-size:13px;color:#d6cbce;background:rgba(0,0,0,.5);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:22px}@media(max-width:768px){#cxl .sec{padding:40px 0}#cxl .wrap{padding:0 14px}#cxl .math{grid-template-columns:1fr}#cxl .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#cxl .card{padding:14px 11px}#cxl .card p{font-size:13.5px;line-height:1.55}#cxl .card h3{font-size:16px}#cxl .steps{grid-template-columns:repeat(2,1fr);gap:10px}#cxl .tl{grid-template-columns:1fr}#cxl table{font-size:13px}#cxl th,#cxl td{padding:10px 6px}#cxl .warn,#cxl .cta{padding:24px 16px}}\u003c\/style\u003e\u003cdiv id=\"cxl\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"kick\"\u003eSuero para pestañas y cejas | 10 ml | Tecnología 6G\u003c\/span\u003e\n\u003ch1\u003e\n\u003cbdi\u003eCapixy Lash \u0026amp; Brow Serum\u003c\/bdi\u003e: \u003cspan class=\"hl\"\u003eTus pestañas naturales... simplemente más largas y gruesas\u003c\/span\u003e En aproximadamente 6 semanas\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eUna pasada de brocha en la línea de las pestañas cada noche antes de dormir. Un suero que actúa en las raíces de tus pestañas y cejas con cuatro ingredientes conocidos por fortalecer el cabello: \u003cspan class=\"k\"\u003eCapixyl\u003c\/span\u003e Y\u003cspan class=\"k\"\u003eAminexil\u003c\/span\u003e Y\u003cspan class=\"k\"\u003eBaicapil\u003c\/span\u003e Y\u003cspan class=\"k\"\u003eAnagain\u003c\/span\u003e. Sin extensiones, pegamento o pestañas postizas.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003ePara pestañas y cejas\u003c\/span\u003e\u003cspan\u003ePincel fino\u003c\/span\u003e\u003cspan\u003eUna vez al día\u003c\/span\u003e\u003cspan\u003eEnvío al mundo entero\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Suero Capxi para pestañas y cejas sobre una superficie roja brillante\" class=\"ph\" height=\"1024\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eCuánto pagas en un año por tener pestañas?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eExtensión cada 3 semanas, pestañas postizas para cada ocasión, rímel que se vuelve pesado y grumoso... y al final, tus pestañas reales permanecen igual, y a veces se debilitan más que el pegamento y el tirón.\u003c\/p\u003e\n\u003cdiv class=\"math\"\u003e\n\u003cdiv class=\"box old\"\u003e\n\u003cb\u003eCada 3 semanas\u003c\/b\u003e\u003cspan\u003eSesión de extensión, pegamento y pestañas que se caen con él\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vs\"\u003eEn contra\u003c\/div\u003e\n\u003cdiv class=\"box new\"\u003e\n\u003cb\u003e10 ml\u003c\/b\u003e\u003cspan\u003eUn tubo, un minuto cada noche, y tus pestañas se fortalecen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Suero Capxi como alternativa a la extensión de pestañas\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cf20ced1-1f1a-489b-93cf-2792f44eae5c.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e4 ingredientes... cada uno actúa en una parte diferente de la pestaña\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eLa fórmula no es un solo ingrediente que intenta hacer todo. Estos son los nombres escritos en el paquete, y el papel de cada uno según la descripción conocida:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eCapixyl\u003c\/span\u003e\u003ch3\u003eEstabilizando la raíz\u003c\/h3\u003e\n\u003cp\u003ePéptido de soporte \u003cspan class=\"k\"\u003eEl bulbo\u003c\/span\u003e y ayuda a que el cabello se mantenga fijo en su lugar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eAminexil\u003c\/span\u003e\u003ch3\u003eElasticidad alrededor del folículo\u003c\/h3\u003e\n\u003cp\u003eConocido por su papel en el mantenimiento \u003cspan class=\"k\"\u003eElasticidad de la piel\u003c\/span\u003e Alrededor de la raíz del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eBaicapil\u003c\/span\u003e\u003ch3\u003eDensidad\u003c\/h3\u003e\n\u003cp\u003eIngrediente vegetal que apoya \u003cspan class=\"k\"\u003eDensidad del cabello\u003c\/span\u003e y estimula el ciclo de crecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eAnagain\u003c\/span\u003e\u003ch3\u003eFase de crecimiento\u003c\/h3\u003e\n\u003cp\u003eExtracto de planta que apoya a las células responsables de \u003cspan class=\"k\"\u003eCrecimiento del cabello\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredientes del suero para pestañas Capxi\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/91589b05-b715-4977-9c82-36befd2a79ce.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eAquella que verás en el espejo\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eApariencia de pestañas más largas\u003c\/h3\u003e\n\u003cp\u003eCon constancia, tus pestañas se notarán \u003cspan class=\"k\"\u003eMás largos y más nítidos\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eMás densidad\u003c\/h3\u003e\n\u003cp\u003eApoya \u003cspan class=\"k\"\u003ePlenitud de la línea de pestañas\u003c\/span\u003e Y los huecos en él.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eRelleno de cejas\u003c\/h3\u003e\n\u003cp\u003eEl mismo cepillo funciona en \u003cspan class=\"k\"\u003eEspacios en las cejas\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePestañas más fuertes\u003c\/h3\u003e\n\u003cp\u003eFortalece el cabello \u003cspan class=\"k\"\u003eFinas y débiles\u003c\/span\u003e Aquellos cuyo cabello se cae con facilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eForma natural\u003c\/h3\u003e\n\u003cp\u003eEstos son tus párpados, no pestañas \u003cspan class=\"k\"\u003eEnsamblado\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eMejor rímel\u003c\/h3\u003e\n\u003cp\u003ePestañas más largas = se nota la máscara de pestañas \u003cspan class=\"k\"\u003eMejor con una capa\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Pestañas naturalmente más densas junto con el Suero Capxi\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/6b705c07-f6b1-4922-935e-94472d2a6acf.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eUn minuto cada noche... esa es toda la rutina\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLimpio\u003c\/h4\u003e\n\u003cp\u003eRetirar el maquillaje y secar bien la zona.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eUna línea\u003c\/h4\u003e\n\u003cp\u003eTraza una línea delgada sobre \u003cspan class=\"k\"\u003eRaíces de las pestañas superiores\u003c\/span\u003e Como delineador.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eCejas\u003c\/h4\u003e\n\u003cp\u003eCepillar \u003cspan class=\"k\"\u003eEspacios en las cejas\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003ey dormir\u003c\/h4\u003e\n\u003cp\u003eUna vez al día, \u003cspan class=\"k\"\u003eNo es necesario enjuagar\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Aplicar suero Capci en la línea de las pestañas antes de dormir\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/826157c7-0e4e-455d-b924-c4445f6a3fc3.jpg\" width=\"1024\"\/\u003e\n\u003cimg alt=\"Suero Capixi pincel fino\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/3971692b-e3fc-4a98-a022-be2973cad465.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eEl viaje de 6 semanas\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eLas pestañas siguen un ciclo de crecimiento, por lo que la constancia es clave. Esto es lo que se puede esperar con el uso diario:\u003c\/p\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eLa primera semana\u003c\/b\u003e\u003cp\u003eComienzas la rutina, y el suero llega a las raíces cada noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eLa tercera semana\u003c\/b\u003e\u003cp\u003eLas pestañas parecen más fuertes y se caen menos mientras te desmaquillas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eSemana seis\u003c\/b\u003e\u003cp\u003eEl momento en que se espera que la diferencia sea notable en longitud y densidad. El resultado varía de persona a persona.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"El viaje de seis semanas con el sérum Capxi\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/14f27c24-1d78-439d-afcd-027f6ccb21a8.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eCompare por usted mismo\u003c\/h2\u003e\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003eCapixy\u003c\/th\u003e\n\u003cth\u003eExtensión\u003c\/th\u003e\n\u003cth\u003ePestañas postizas\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSus pestañas reales se fortalecen\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eSí\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSin pegamento\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eSí\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTambién funciona en las cejas\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eSí\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNo se requieren citas en salón\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eSí\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eSí\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eForma 100% natural\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eSí\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eA veces\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eRara vez\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003cimg alt=\"Aplicar suero Capixi en las cejas\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/c4775939-2eb2-4129-a2ba-d58dd0ace890.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eEste tubo es para ti si\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eTus pestañas \u003cspan class=\"k\"\u003eCorto o ligero\u003c\/span\u003e Naturalmente.\u003c\/li\u003e\n\u003cli\u003eTus pestañas se han debilitado después de años de \u003cspan class=\"k\"\u003eExtensiones de pestañas o pestañas postizas\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eTienes \u003cspan class=\"k\"\u003eHuecos en la ceja\u003c\/span\u003e y quiero llenarlo.\u003c\/li\u003e\n\u003cli\u003eEstoy harto de las citas y del dinero que se va cada 3 semanas.\u003c\/li\u003e\n\u003cli\u003eListo para comprometerse \u003cspan class=\"k\"\u003eAl menos 6 semanas\u003c\/span\u003e Y controlarlo tú mismo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eAntes de usarla por primera vez\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eSolo para uso externo en las líneas de las pestañas y cejas, no dentro del ojo.\u003c\/li\u003e\n\u003cli\u003eSi entra en el ojo, enjuágalo con abundante agua.\u003c\/li\u003e\n\u003cli\u003ePruébalo primero en una pequeña área si tu piel es sensible. Si ocurre enrojecimiento, ardor o irritación, deja de usarlo.\u003c\/li\u003e\n\u003cli\u003eSi usas lentes de contacto, quítatelos antes de aplicarlo y espera hasta que se seque.\u003c\/li\u003e\n\u003cli\u003eSi está embarazada, amamantando o tiene algún problema ocular, consulte primero a su médico.\u003c\/li\u003e\n\u003cli\u003eEste es un producto de cuidado, no un tratamiento médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003ePreguntas antes de hacer tu pedido\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Qué resultado veré después?\u003c\/summary\u003e\u003cp\u003eSe espera que la diferencia aparezca en aproximadamente \u003cspan class=\"k\"\u003e6 semanas\u003c\/span\u003e Desde el uso diario, y varía de persona a persona.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eCuándo lo aplico?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003eUna vez al día por la noche\u003c\/span\u003e Sobre piel limpia sin maquillaje.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Es útil para cejas?\u003c\/summary\u003e\u003cp\u003eSí, el mismo pincel en los huecos de las cejas.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Puedo poner máscara de pestañas sobre él???\u003c\/summary\u003e\u003cp\u003eSí, después de que esté completamente seco. Y es mejor aplicarlo por la noche sobre las pestañas limpias.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eSi dejas de usarlo?\u003c\/summary\u003e\u003cp\u003eLas pestañas siguen un ciclo de crecimiento natural, por lo que para mantener el resultado, continúa usándolo.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿El producto es original? ¿Y dónde lo envían?\u003c\/summary\u003e\u003cp\u003eSí \u003cspan class=\"k\"\u003eProducto original\u003c\/span\u003e, y enviamos a todo el mundo.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:12px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eDespués de 6 semanas, la gente te preguntará: \"¿Son estas tus pestañas reales?\"?\"?\"\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px\"\u003eY esta será la mejor respuesta que puedas dar: \u003cspan class=\"k\"\u003eSí\u003c\/span\u003e. Tubo \u003cbdi\u003eCapixy Lash \u0026amp; Brow Serum\u003c\/bdi\u003e 10 ml, un minuto cada noche, y son tus pestañas las que cambian.\u003c\/p\u003e\n\u003cimg alt=\"Suero Capxi para pestañas\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg\" width=\"1024\"\/\u003e\n\u003cdiv class=\"btn\"\u003eOrdena tus pestañas de ensueño\u003c\/div\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003eProducto original\u003c\/span\u003e\u003cspan\u003eEnvío al mundo entero\u003c\/span\u003e\u003cspan\u003eSoporta en WhatsApp\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Capixyl, Aminexil, Baicapil, Anagain. 10 ml. For lashes and brows. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":46999378526382,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg?v=1792936068"},{"product_id":"vacation-hyaluronic-serum","title":"Suero de ácido hialurónico alta concentración 3% | Hidratante | Anti-edad","description":"\u003ch2\u003eLa fórmula hialurónica más potente \u003c\/h2\u003e\n\u003cp\u003eExperimenta la máxima concentración posible de ácido hialurónico, que es el primer y más valioso compuesto en el skincare. ¡Una alta concentración del 3% te garantiza la máxima eficiencia hidratante por más tiempo y con la cantidad mínima! \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eNota el cambio instantáneo en la textura de tu piel \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eNotarás el cambio drástico en la textura de tu piel y una frescura superior dentro de pocos minutos tras la absorción del producto\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eTrata los problemas cutáneos más profundos \u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eHumidificación: absorbe más de 5.000 veces su peso en agua\u003c\/li\u003e\n\u003cli\u003eRellena arrugas y líneas finas y restaura la juventud de tu piel\u003c\/li\u003e\n\u003cli\u003eMejora la textura de la piel y reduce los poros\u003c\/li\u003e\n\u003cli\u003eElimina los granos con un uso continuado \u003c\/li\u003e\n\u003cli\u003eReduce la inflamación y el enrojecimiento en el tejido cutáneo \u003c\/li\u003e\n\u003cli\u003eMejora la elasticidad de la piel y reduce las arrugas de expresión y motoras\u003c\/li\u003e\n\u003cli\u003eRestaura la función de la barrera hidrolipídica \u003c\/li\u003e\n\u003cli\u003ePreviene los signos del envejecimiento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003ePiel perfecta en menos tiempo y a menor costo\u003c\/h2\u003e\n\u003cp\u003eEspera resultados sorprendentes cuando uses esta alta concentración de ácido hialurónico. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eDos gotas de suero cubren toda la piel. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEsta fórmula ha sido diseñada con un índice de viscosidad ideal para que la mínima cantidad de suero sea suficiente para cubrir completamente la piel. El envase dura varios meses con un uso promedio, garantizando así un alto valor en relación con el precio.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999383605422,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1-hya.png?v=1788175424"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003eTu piel está en su estado más puro con Suero de Niacinamida y Zinc\u003c\/h2\u003e\n\u003ch3\u003ePoros invisibles\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida es el compuesto ideal y mejor para contraer los poros al máximo, dejando tu piel fresca, firme y libre de puntos negros y comedones.\u003c\/p\u003e\n\u003ch3\u003eEficaz contra el acné más grave\u003c\/h3\u003e\n\u003cp\u003eEl suero con niacinamida y zinc reduce el enrojecimiento y los efectos del acné, y verás resultados positivos, especialmente en los granos inflamados. El zinc actúa como antibacteriano, ayudando a mantener la piel limpia.\u003c\/p\u003e\n\u003ch3\u003eTu juventud es eterna\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida se considera uno de los agentes anti-envejecimiento más potentes, ya que reduce los radicales libres que causan el envejecimiento y mejora la producción de colágeno. Además, incrementa la producción de queratina, que reafirma la piel y aumenta su grosor, reduciendo los efectos de las líneas finas y las arrugas.\u003c\/p\u003e\n\u003ch3\u003eTu piel es clara y de color uniforme\u003c\/h3\u003e\n\u003cp\u003eEn altas concentraciones, la niacinamida neutraliza la melanina, aclarando las áreas oscuras y haciendo que la piel tenga un tono uniforme.\u003c\/p\u003e\n\u003ch3\u003eHidratación profunda sin efecto graso\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida retiene la humedad en tu piel creando una “barrera de humedad” que previene la pérdida de agua de la piel. También neutraliza la producción de sebo en la piel grasa, por lo que no deja un efecto graso.\u003c\/p\u003e\n\u003ch3\u003eQuitar los puntos negros y blancos\u003c\/h3\u003e\n\u003cp\u003eEl Suero de Niacinamida y Zinc trata la piel irregular estimulando la formación de nuevas células cutáneas e hidratando profundamente la piel.\u003c\/p\u003e\n\u003ch3\u003eideal para todo tipo de piel\u003c\/h3\u003e\n\u003cp\u003eEl Suero de Niacinamida y Zinc es adecuado para piel seca, normal, mixta y grasa. Ligero sobre la piel y de rápida absorción.\u003c\/p\u003e\n\u003ch3\u003eCómo usar\u003c\/h3\u003e\n\u003cp\u003eCantidad Sobre Rostro Mañana Sobre Piel Primero Aceites Hidratantes Para la piel. En Con Contiene Sobre .\u003c\/p\u003e\n\u003ch3\u003eComponentes básicos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamida\u003c\/strong\u003e: Excelente para mejorar la salud general de la piel, aumenta la inmunidad cutánea y mejora la retención de humedad fortaleciendo la barrera hidrolipídica.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc\u003c\/strong\u003e: Apoya la estructura de la piel sanando la piel dañada y fomentando la producción de colágeno y elastina.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eTamaño del paquete\u003c\/h3\u003e\n\u003cp\u003eTamaño del paquete 30 ml\u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384228014,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vacation-niacinamide-10zinc_cf754937-77a8-45cc-a8ad-74eb3c42299a.png?v=1788175422"},{"product_id":"vacation-retinol-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"vacaciones retinol | Suero Retinol y Vitamina E 30 ml | Anti-arrugas | Anti-bolsas | Anti-pigmentación","description":"\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003eTu piel está en su mejor momento con el Suero al 1% de Retinol.\u003c\/h2\u003e\n\u003ch3\u003eRejuvenece y da luminosidad a tu piel\u003c\/h3\u003e\n\u003cp\u003eCon el suero al Retinol 1%, notarás una diferencia evidente en la frescura y luminosidad de tu piel. El retinol promueve la renovación celular, ayudando a exfoliar suavemente la piel y eliminar las células muertas para revelar una piel nueva y luminosa.\u003c\/p\u003e\n\u003ch3\u003eCombate los signos del envejecimiento\u003c\/h3\u003e\n\u003cp\u003eEl arma más poderosa contra las arrugas\u003c\/p\u003e\n\u003cp\u003eEl retinol actúa para reducir la apariencia de arrugas y líneas finas promoviendo la producción de colágeno. Hará que tu piel se vea más firme y joven con un uso regular.\u003c\/p\u003e\n\u003ch3\u003eEficaz contra el acné\u003c\/h3\u003e\n\u003cp\u003eSoluciones instantáneas incluso para los granos más persistentes\u003c\/p\u003e\n\u003cp\u003eEl suero de Retinol 1% es eficaz para combatir el acné y limpiar profundamente los poros. El retinol ayuda a prevenir los poros obstruidos y a reducir el enrojecimiento y la inflamación asociados con el acné, proporcionándote una piel más clara.\u003c\/p\u003e\n\u003ch3\u003eTono de piel claro y uniforme\u003c\/h3\u003e\n\u003cp\u003eEl suero con Retinol al 1% favorece la regeneración de las células de la piel, ayudando a reducir la pigmentación y a unificar el tono de la piel. Notarás que tu piel se vuelve más luminosa y uniforme con el tiempo.\u003c\/p\u003e\n\u003ch3\u003eHidratación profunda\u003c\/h3\u003e\n\u003cp\u003eHidratación perfecta sin apelmazar\u003c\/p\u003e\n\u003cp\u003eA pesar de sus potentes efectos revitalizantes sobre la piel, el Suero de Retinol 1% garantiza una hidratación profunda de la piel. Su fórmula es ligera y se absorbe rápidamente, no deja un efecto graso y da a la piel suavidad e hidratación.\u003c\/p\u003e\n\u003ch3\u003eIdeal para todo tipo de piel\u003c\/h3\u003e\n\u003cp\u003eYa tengas la piel seca, normal, mixta o grasa, nuestro Suero de Retinol 1% es perfecto para ti. Puede utilizarse en tu rutina nocturna para obtener los mejores resultados.\u003c\/p\u003e\n\u003ch3\u003eCómo usar\u003c\/h3\u003e\n\u003cp\u003eAplícate una pequeña cantidad en la cara por la noche después de limpiar la piel. Es preferible empezar a usarla poco a poco para que tu piel se acostumbre. Evita usarla con productos que contengan ácidos fuertes y asegúrate de usar protector solar durante el día.\u003c\/p\u003e\n\u003ch3\u003eComponentes básicos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetinol\u003c\/strong\u003e: Favorece la regeneración de las células cutáneas, reduce la aparición de arrugas y líneas finas y mejora el tono de la piel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes\u003c\/strong\u003e: Protege la piel de los daños ambientales y promueve la salud general de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eTamaño del paquete\u003c\/h3\u003e\n\u003cp\u003eTamaño del paquete 30 ml\u003c\/p\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384457390,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ret-3.png?v=1788175422"},{"product_id":"vacation-vitamin-c-10-30-ml","title":"VACATION VITAMIN C 10% 30 ML","description":"\u003cdiv data-mce-style=\"text-align: start;\" dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"color: rgb(109, 108, 106);\" style=\"color: rgb(109, 108, 106);\"\u003e \u003cspan data-mce-style=\"color: rgb(0, 0, 0);\" style=\"color: rgb(0, 0, 0);\"\u003e ¿Has probado la vitamina C en altas concentraciones?! \u003c\/span\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eAclarado, tonificación, protección, rejuvenecimiento\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe abre \u003c\/strong\u003eUniforma el tono de la piel neutralizando el pigmento de melanina en la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe apretará\u003c\/strong\u003e Tu piel estimulando la producción de... \u003cstrong\u003eColágeno y elastina\u003c\/strong\u003e Su producción disminuye con la edad, a partir de los veinte años \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtegerá\u003c\/strong\u003e Tu piel está protegida del daño de los radicales libres que causan signos de envejecimiento prematuro y cáncer de piel porque contiene un grupo de antioxidantes naturales como Astaxantina, Vitamina E, Rosa Mosqueta y Té Verde, creando una fórmula anti-edad altamente eficaz.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eRenovará\u003c\/strong\u003e Células de la piel, que mejoran su textura y apariencia\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan data-mce-style=\"color: #000000;\" style=\"color: #000000;\"\u003eAumenta la eficacia SPF de las cremas solares\u003c\/span\u003e \u003c\/span\u003eEsto proporciona una protección adicional contra los rayos ultravioleta que causan envejecimiento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eResultados inmediatos\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eObserva en directo cómo tu piel se transforma a su estado más claro y puro en los minutos siguientes a la aplicación del suero\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTratamientos comparables a las sesiones más caras en los mejores salones, con un presupuesto insignificante \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidar tu piel no significa gastar decenas de miles! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Este producto combina muchos beneficios que son imposibles de obtener de un solo producto! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Obtén los beneficios de las mejores cremas hidratantes, productos antiacné, antienvejecimiento, cremas aclarantes y frescura en un solo paquete! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEsencial para una piel eternamente joven \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLos signos del envejecimiento aparecen debido a nuestra constante exposición a los rayos ultravioleta y a la oxidación celular provocada por los radicales libres. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLos antioxidantes deben usarse regularmente para mantener la piel joven. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eEste suero actuará como primera línea de defensa para prevenir el envejecimiento prematuro\u003c\/h3\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eNo importa tu edad, debes usar antioxidantes para mantener tu juventud. \u003cstrong\u003eNo esperes a que se formen las arrugas para comenzar el tratamiento!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e La Vitamina C se considera uno de los antioxidantes naturales más potentes, al igual que el suero \u003cspan data-mce-fragment=\"1\"\u003eContiene un grupo de antioxidantes naturales como astaxantina, vitamina E, rosa mosqueta y té verde, que a su vez trabajan para reducir los radicales libres que causan el envejecimiento. \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003ch3\u003eHidratación profunda sin brillo\u003c\/h3\u003e\n\u003cp\u003eEl suero de vitamina C hidrata profundamente la piel sin dejar residuos grasos. Su fórmula ligera y de rápida absorción asegura que tu piel esté suave y cómoda durante todo el día.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eIdeal para todo tipo de piel: seca, normal, mixta y grasa\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLigero sobre la piel..absorción rápida\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384785070,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vit-c-2-1_ea0369c8-efa8-4d38-b7c5-6374a5741ab8.png?v=1788175421"},{"product_id":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\u003cdiv class=\"sbmeye-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (Twilight Purple \u0026 Gold Theme) === *\/\n        .sbmeye-premium-wrapper {\n            --sbmeye-bg-deep: #0d0514; \/* Deep midnight purple\/black *\/\n            --sbmeye-bg-card: rgba(30, 15, 45, 0.6); \/* Translucent dark purple *\/\n            --sbmeye-gold-main: #d4af37; \/* Premium Gold *\/\n            --sbmeye-gold-light: #f9e596; \/* Luminous soft gold *\/\n            --sbmeye-purple-accent: #9c27b0; \/* Bright purple for accents *\/\n            --sbmeye-purple-light: #e1bee7; \/* Soft pastel purple *\/\n            --sbmeye-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbmeye-glow-purple: rgba(156, 39, 176, 0.3);\n            --sbmeye-text-main: #fdfbf7;\n            --sbmeye-text-muted: #c4b5c7;\n            --sbmeye-border: rgba(212, 175, 55, 0.2);\n            --sbmeye-border-hover: rgba(249, 229, 150, 0.6);\n            --sbmeye-alert: #ff5252;\n            \n            background-color: var(--sbmeye-bg-deep);\n            color: var(--sbmeye-text-main);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(156, 39, 176, 0.05) inset;\n        }\n\n        .sbmeye-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbmeye-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .sbmeye-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Starry Night Background === *\/\n        .sbmeye-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n            background: radial-gradient(circle at 15% 30%, rgba(156, 39, 176, 0.08), transparent 50%),\n                        radial-gradient(circle at 85% 70%, rgba(212, 175, 55, 0.05), transparent 50%);\n        }\n\n        .sbmeye-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbmeye-glow-gold) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpEye 18s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpEye {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* === Typography \u0026 Headers === *\/\n        .sbmeye-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #fff;\n            text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n        }\n\n        .sbmeye-title-glow span {\n            background: linear-gradient(135deg, var(--sbmeye-gold-light) 0%, var(--sbmeye-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbmeye-gold-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbmeye-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbmeye-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbmeye-gold-main);\n        }\n\n        \/* === Hero Section === *\/\n        .sbmeye-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbmeye-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n        \n        .sbmeye-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbmeye-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .sbmeye-glass-box {\n            background: var(--sbmeye-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbmeye-border);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n\n        .sbmeye-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--sbmeye-gold-light), var(--sbmeye-purple-accent), transparent);\n            box-shadow: 0 0 15px var(--sbmeye-gold-main);\n        }\n\n        \/* === Benefits Grid === *\/\n        .sbmeye-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .sbmeye-card {\n            background: linear-gradient(145deg, rgba(25, 10, 35, 0.7), rgba(10, 5, 15, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            z-index: 1;\n        }\n\n        .sbmeye-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(156, 39, 176, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbmeye-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbmeye-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 15, 45, 0.8);\n        }\n\n        .sbmeye-card:hover::after {\n            bottom: -10%;\n            right: -10%;\n        }\n\n        .sbmeye-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbmeye-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .sbmeye-card:hover .sbmeye-icon {\n            background: linear-gradient(135deg, var(--sbmeye-gold-main), var(--sbmeye-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n            border-color: transparent;\n        }\n\n        .sbmeye-card h3 {\n            font-size: 1.25rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .sbmeye-card p {\n            color: var(--sbmeye-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Scientific Triad (The 3 Pillars) === *\/\n        .sbmeye-triad {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 40px 0;\n        }\n\n        @media (min-width: 768px) {\n            .sbmeye-triad {\n                flex-direction: row;\n                justify-content: center;\n            }\n            .sbmeye-triad-item {\n                flex: 1;\n            }\n        }\n\n        .sbmeye-triad-item {\n            background: rgba(0,0,0,0.5);\n            border: 1px dashed var(--sbmeye-gold-main);\n            padding: 30px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbmeye-triad-item:hover {\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n            box-shadow: 0 10px 25px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-triad-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: rgba(212, 175, 55, 0.15);\n            line-height: 1;\n            position: absolute;\n            top: 10px;\n            right: 20px;\n            z-index: 0;\n        }\n\n        .sbmeye-triad-item h4 {\n            color: var(--sbmeye-gold-light);\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .sbmeye-triad-item p {\n            color: #fff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* === Usage Steps List === *\/\n        .sbmeye-step-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .sbmeye-step-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbmeye-border);\n            padding: 20px;\n            border-radius: 16px;\n            transition: all 0.3s;\n        }\n\n        .sbmeye-step-item:hover {\n            border-color: var(--sbmeye-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-5px);\n        }\n\n        .sbmeye-step-num {\n            width: 45px;\n            height: 45px;\n            min-width: 45px;\n            background: var(--sbmeye-bg-deep);\n            border: 2px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            font-weight: bold;\n            box-shadow: 0 0 15px var(--sbmeye-glow-gold);\n        }\n\n        \/* === Warning Box === *\/\n        .sbmeye-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3);\n            border-right: 4px solid var(--sbmeye-alert);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 30px 0;\n            text-align: left;\n        }\n\n        .sbmeye-warning-box h3 {\n            color: var(--sbmeye-alert);\n            font-size: 1.25rem;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* === Animations === *\/\n        .sbmeye-reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbmeye-reveal.sbmeye-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbmeye-delay-1 { transition-delay: 0.1s; }\n        .sbmeye-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbmeye-hero { padding: 10px 0 20px; }\n            .sbmeye-step-item { flex-direction: column; text-align: center; }\n            .sbmeye-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Ambient Starry Particles --\u003e\n\u003cdiv class=\"sbmeye-ambient-particles\" id=\"sbmeye-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbmeye-hero sbmeye-reveal sbmeye-active\"\u003e\n\u003cdiv class=\"sbmeye-badge\"\u003eLa solución radical de triple acción\u003c\/div\u003e\n\u003ch1 class=\"sbmeye-title-glow\"\u003eDespierta la juventud de tus ojos: \u003cspan\u003eAdiós a las ojeras y a las arrugas profundas!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbmeye-hero-subtitle\"\u003e\n                Ojeras, arrugas finas y flacidez revelan cansancio y edad. La piel alrededor de los ojos es muy delgada y necesita cuidados excepcionales que las cremas ordinarias no proporcionan.\n            \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Retinol Intense Eye Cream Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.jpg?v=1745762288\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003ch2 class=\"sbmeye-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.6rem; color: #fff;\"\u003eSome By Mi Retinol Intense Advanced Triple Action Eye Cream\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n                Descubre el poder \u003cstrong\u003e\"efecto triple\"\u003c\/strong\u003e Con esta crema fascinante. Una fórmula médica avanzada diseñada a nivel molecular para penetrar en la piel delicada con total seguridad. Elimina poderosamente las arrugas \u003cstrong\u003eRetinol\u003c\/strong\u003eDestruye la pigmentación oscura con \u003cstrong\u003eNiacinamida y ácido tranexámico\u003c\/strong\u003eRellena los espacios con hidratación intensa.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The UVP \/ Science (Triple Action) --\u003e\n\u003cdiv class=\"sbmeye-glass-box sbmeye-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003e \u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n                En los productos para el tratamiento contorno de ojos, hay una línea muy delgada entre “eficacia” e “irritación.” Esta piel delicada se daña rápidamente. Pero Some By Mi alcanza la fórmula imposible: máxima eficacia con máxima delicadeza y compatibilidad.\n            \u003c\/p\u003e\n\u003cdiv class=\"sbmeye-triad\"\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eRetinol \u003c\/h4\u003e\n\u003cp\u003e(0.1%) Funciona Sobre Las líneas .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eNiacinamida + \u003c\/h4\u003e\n\u003cp\u003eEl equipo está especializado en la demolición del pigmento de melanina. El ácido tranexámico detiene la pigmentación en la raíz, mientras que la niacinamida uniforma el tono de la piel para eliminar la aparición de cansancio negro o marrón.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eTRUECICA™ + Pantenol \u003c\/h4\u003e\n\u003cp\u003eTecnología exclusiva de Cica para calmar instantáneamente la piel delicada, respaldada por ácido hialurónico y pantenol para retener la hidratación en profundidad y dar a los ojos un aspecto lleno y firme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. New Images Showcase --\u003e\n\u003cdiv class=\"sbmeye-reveal\" style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0;\"\u003e\n\u003cimg alt=\"Retinol Eye Cream Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_eye_cream_114076e1-651f-4297-8dfb-d4ac3b01407e.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003cimg alt=\"Retinol Eye Cream Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream_1.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Benefits Grid --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003e¿Qué hará este elixir por tus ojos?\u003c\/h2\u003e\n\u003cdiv class=\"sbmeye-grid\"\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eElasticidad de las ojeras\u003c\/h3\u003e\n\u003cp\u003eFunciona doblemente para aclarar los contornos oscuros de los ojos y unificar el tono de la piel, dándote un aspecto despierto y enérgico incluso sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-1\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eAlisa arrugas y líneas\u003c\/h3\u003e\n\u003cp\u003eEl poder del retinol delicado que apunta a las líneas de expresión y a las arrugas de la sonrisa, reafirmando la piel flácida y restaurando la elasticidad perdida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-2\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHidráulica\u003c\/h3\u003e\n\u003cp\u003eLa hidratación intensa penetra profundamente en las capas gracias al ácido hialurónico, llenando los espacios hundidos y evitando que la piel se seque y se agriete.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eEscudo hipoalergénico\u003c\/h3\u003e\n\u003cp\u003eDiseñado específicamente para adaptarse a la piel muy sensible alrededor de los ojos, gracias al complejo Truecica que previene enrojecimientos o irritaciones típicas del retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Warning \/ Retinol Rule --\u003e\n\u003cdiv class=\"sbmeye-alert-box sbmeye-reveal\"\u003e\n\u003ch3\u003e⚠️ Advertencia importante: ¡La fuerza requiere un uso gradual!\u003c\/h3\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n                Porque este producto contiene retinol activo, es importante acostumbrar gradualmente tu piel para evitar sequedad o irritación. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eSemana 1 y 2:\u003c\/strong\u003e Úsalo solo dos o tres veces a la semana, por la noche \u003cstrong\u003eSolo\u003c\/strong\u003e. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eSemana 3 y más:\u003c\/strong\u003e Puedes usarlo todos los días o en días alternos según la tolerancia de tu piel. \u003cbr\/\u003e\n\u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eMuy necesaria: debes usar protección solar (SPF) a la mañana siguiente, porque el retinol aumenta la sensibilidad de la piel al sol.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Guide --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eGuía del usuario profesional\u003c\/h2\u003e\n\u003cul class=\"sbmeye-step-list sbmeye-reveal\"\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003ePreparación\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eLimpia bien el rostro antes de ir a dormir y seca completamente la zona alrededor de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eLa cantidad mágica\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eAplicar Cantidad Pequeño Sobre .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eBuena plenitud\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eAbout Completamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 7. Final CTA --\u003e\n\u003cdiv class=\"sbmeye-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbmeye-border);\"\u003e\n\u003ch2 class=\"sbmeye-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eRestaura la juventud de tus ojos con un toque cada noche!\u003c\/h2\u003e\n\u003cimg alt=\"Some By Mi Eye Cream Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.webp?v=1745762329\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                No dejes que el cansancio y los signos del tiempo roben la belleza de tu apariencia. Un paquete de \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e Suficiente para varios meses de cuidado avanzado que cambiará radicalmente la forma del contorno de ojos.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbmeye-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--sbmeye-glow-gold);\"\u003e\n                Ordénalo ahora y transforma tu sueño en un tratamiento completo y una sesión de rejuvenecimiento!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.sbmeye-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbmeye-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbmeye-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Starry Particles\n            var ambientContainer = document.getElementById('sbmeye-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbmeye-particle');\n                var size = Math.random() * 30 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 15 + 15) + 's';\n                particle.style.animationDelay = (Math.random() * 10) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999386390702,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1788175416"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003e¿Sufres de enrojecimiento e irritaciones en la piel que te causan frustración y pérdida de confianza en ti mismo? En un mundo que cambia rápidamente, la piel puede ser la primera en verse afectada y en sufrir los agresores ambientales. Dejar la irritación de la piel sin tratar puede empeorar el problema, haciendo más difícil restablecer el equilibrio de tu piel.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e“¡Haz de tu piel tu escudo, no tu peso!”\u003c\/h3\u003e\n\u003cp\u003eCon suero \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e¡Tienes la solución inmediata! Este suero no es solo un tratamiento, es tu aliado para restaurar la salud de tu piel. Su fórmula rica, que incluye vitamina B12, derivados del ácido gálico y bisabolol, trabaja para reducir el enrojecimiento y la incomodidad. En solo dos horas, fortalece la barrera de tu piel y restaura su vitalidad.\u003c\/p\u003e\n\u003ch3\u003e\"¡Restablece el equilibrio de tu piel con nueva luminosidad!\"\u003c\/h3\u003e\n\u003cp\u003eCuando se trata de hidratación, el suero ofrece un aumento inmediato de la hidratación hasta un 86%, dejando una sensación de confort e hidratación durante todo el día. También mejora la textura de la piel, proporcionando un aspecto más liso y radiante.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e¿Cómo funciona el suero?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestauración rápida de la barrera hidrolipídica\u003c\/strong\u003e: Gracias a sus ingredientes activos, el suero proporciona un apoyo óptimo para la barrera hidrolipídica, reduciendo la pérdida de humedad y atenuando los signos de enrojecimiento e irritación.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumento inmediato de la hidratación\u003c\/strong\u003e: El suero proporciona un aumento inmediato de la hidratación de la piel hasta un 86%*, lo que significa que tu piel se volverá más suave y más fresca en pocos instantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora evidente en el aspecto\u003c\/strong\u003e: Gracias a sus múltiples tecnologías, el suero contribuye a mejorar la textura de la piel irregular, conferiéndole un aspecto más radiante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eIngredientes activos clave para apoyar tu piel:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina B12\u003c\/strong\u003e: Mejora el aspecto de la piel, reduce la sequedad y el enrojecimiento, y le da al suero un color rosa distintivo.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido gálico\u003c\/strong\u003e: Actúa para aliviar las irritaciones y reducir el enrojecimiento asociado a factores ambientales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol\u003c\/strong\u003e: Un ingrediente conocido por su capacidad para calmar la piel y reducir el enrojecimiento.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003eBeneficios respaldados científicamente:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejorar la barrera hidrolipídica en 2 horas\u003c\/strong\u003eEstudios han mostrado que el suero ayuda a restaurar significativamente la barrera hidrolipídica.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratante que dura todo el día\u003c\/strong\u003e: La hidratación proporcionada por el suero no solo es inmediata, sino que dura todo el día.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora visible del aspecto de la piel\u003c\/strong\u003e: Reduce el enrojecimiento y mejora la textura de la piel para garantizar resultados visibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEl suero \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e Es la elección ideal para cualquiera que desee tener una piel sana y luminosa. No dudes en usarla, especialmente si sufres de problemas cutáneos crónicos o estás expuesto a irritantes frecuentes.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\"¡Porque tu piel merece el máximo cuidado!\"\u003c\/h3\u003e\n\u003cp\u003eEste suero está diseñado para adaptarse a todos los tipos de piel, incluida la sensible. No dejes que la irritación influya en tu belleza, y brinda a tu piel el cuidado que merece con \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eExperimenta la diferencia hoy y prepárate para que tu piel sea más luminosa y saludable que nunca.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999386882222,"sku":"INSTA1558CHIQ","price":21.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the_ordinary_soothing_and_barrier_support_ca2003a6-257b-4c56-a3f9-19fb1b4ca5cf.jpg?v=1788175414"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"ltr\"\u003e\n\u003ch3\u003e\u003cstrong\u003eLas arrugas de hoy son el envejecimiento de mañana – ¡ahora es el momento de cambiar!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003ePorque cada día que pasa sin cuidado es un paso más cerca de hacer que tu piel pierda elasticidad y encanto.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eLa fórmula completa para ojos y piel\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eCombina el poder concentrado de la crema contorno de ojos y el suero para una transformación completa que deja la piel suave, luminosa y sin líneas.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003ePaso 1: Crema de ojos acción triple\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eCon cada aplicación, esta crema te ofrece un tratamiento completo:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora arrugas y elasticidad:\u003c\/strong\u003e Gracias al retinol y al retinal, favorece la producción de colágeno para levantar y tonificar la piel alrededor de los ojos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAclarar y corregir el color oscuro:\u003c\/strong\u003e La niacinamida devuelve luminosidad a tus ojos y elimina el aspecto de cansancio.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlivio e hidratación instantáneos:\u003c\/strong\u003e La fórmula enriquecida con Truecica y Agua Glacial proporciona un profundo alivio a la piel sensible.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003ePaso dos: suero\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eExperimenta la revolución del retinol concentrada en tu piel!\u003cbr\/\u003e\u003cem\u003eEsta fórmula contiene la concentración perfecta de retinol para que puedas obtener el máximo de tu piel sin irritaciones ni enrojecimientos.\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRejuvenecimiento de la piel:\u003c\/strong\u003e El retinol apoya la textura de la piel acelerando la renovación celular y renovando la piel desde el interior hacia el exterior.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce los poros y restaura la suavidad\u003c\/strong\u003e Gracias al colágeno vegetal y a los péptidos, mejora la apariencia de los poros proporcionando al mismo tiempo una hidratación profunda y duradera.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección sostenible:\u003c\/strong\u003e La mezcla de vitaminas e ingredientes calmantes garantiza una piel luminosa y sin estrés.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eCuidado completo, resultados sorprendentes\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eJuntos, la crema y el suero trabajan en armonía para reparar y rejuvenecer tu piel de adentro hacia afuera, dejando tus ojos y tu piel suaves, elásticos y jóvenes.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e¿Cómo funciona el dúo para obtener resultados sin comparación?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eCrema de ojos de triple efecto\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eEstimular la producción de colágeno:\u003c\/strong\u003e\u003cbr\/\u003eGracias a la combinación de retinol y retinal, la crema acelera el proceso de renovación de las células cutáneas y favorece la producción natural de colágeno. Esto restablece la elasticidad de la piel alrededor de los ojos y reduce significativamente las arrugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eCorrección de ojeras:\u003c\/strong\u003e\u003cbr\/\u003eLa niacinamida, conocida por su gran capacidad para iluminar, reduce eficazmente la hiperpigmentación alrededor de los ojos, devolviendo luminosidad a tu rostro.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eReducir la irritación y el enrojecimiento:\u003c\/strong\u003e\u003cbr\/\u003eLos ingredientes Truecica y agua glaciar calman instantáneamente la piel sensible, haciéndola adecuada incluso para la piel estresada.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch4\u003e\u003cstrong\u003eSuero \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRejuvenecimiento profundo de la piel:\u003c\/strong\u003e\u003cbr\/\u003eRetinol y retinal favorecen la renovación celular y la regeneración de tejidos, reduciendo las arrugas finas y las arrugas y mejorando significativamente la elasticidad de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHidratación multinivel:\u003c\/strong\u003e\u003cbr\/\u003eGracias al ácido hialurónico y a los péptidos, el suero proporciona una hidratación profunda que penetra en las capas de la piel para reponer su hidratación interna.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eMejora la textura de la piel:\u003c\/strong\u003e\u003cbr\/\u003eEl colágeno vegetal reduce la apariencia de los poros, dando a la piel un aspecto más liso y compacto.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtección de la piel del estrés ambiental:\u003c\/strong\u003e\u003cbr\/\u003eEl suero contiene ingredientes calmantes y vitaminas que previenen la inflamación y mantienen el equilibrio de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eLa armonía perfecta entre los productos\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUsar crema y suero juntos:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLa crema contorno de ojos se dirige a la piel sensible alrededor de los ojos con efecto inmediato.\u003c\/li\u003e\n\u003cli\u003eEl suero repara completamente la piel para mejorar su textura, hidratarla y rejuvenecerla.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eEscucha hoy el llamado de tu piel, porque mañana podrían aparecer más arrugas difíciles de eliminar.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eLos resultados no son solo promesas, son realidad, demostrados por las pruebas de mejora de arrugas y la satisfacción de los clientes. ¿Estás listo para el cambio?\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eComienza ahora tu viaje hacia la piel perfecta, antes de que los efectos del tiempo se acumulen y hagan el camino más largo.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387177134,"sku":null,"price":17.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1788175413"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Suero Intensivo de Retinol Reactivante - Alisador de Arrugas y Potenciador de la Elasticidad de la Piel","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n        .sbm-ultimate-wrapper {\n            --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n            --sbm-bg-darker: #050208;\n            --sbm-card-glass: rgba(255, 255, 255, 0.03);\n            --sbm-card-hover: rgba(139, 92, 246, 0.08);\n            --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n            --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n            --sbm-gold: #f59e0b; \/* Accent Gold *\/\n            --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n            --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n            --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n            --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n            --sbm-text-light: #f8fafc;\n            --sbm-text-muted: #cbd5e1;\n            --sbm-border: rgba(255, 255, 255, 0.08);\n            --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n            \n            font-family:inherit; \/* Inherits Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--sbm-bg-dark);\n            color: var(--sbm-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .sbm-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .sbm-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n            border: 1px solid var(--sbm-border);\n            overflow: hidden;\n        }\n\n        .sbm-media-wrapper.size-lg { max-width: 850px; }\n        .sbm-media-wrapper.size-md { max-width: 600px; }\n\n        .sbm-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .sbm-media-wrapper:hover .sbm-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .sbm-title-main {\n            font-size: clamp(28px, 5vw, 42px);\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n            text-align: center;\n        }\n\n        .sbm-title-section {\n            font-size: clamp(24px, 4vw, 34px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .sbm-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--sbm-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .sbm-text-purple {\n            background: var(--sbm-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n        \n        .sbm-text-gold {\n            background: var(--sbm-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .sbm-warning-box {\n            background: rgba(245, 158, 11, 0.08);\n            border-right: 4px solid var(--sbm-gold);\n            padding: 30px;\n            border-radius: 16px;\n            margin: 40px auto;\n            max-width: 850px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            text-align: justify;\n        }\n\n        .sbm-warning-box p {\n            font-size: 1.15rem;\n            margin-bottom: 15px;\n            color: var(--sbm-text-light);\n        }\n        .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n        \/* === Alternating Sections === *\/\n        .sbm-section { padding: 80px 0; position: relative; }\n        \n        .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n        .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n        .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .sbm-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .sbm-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n        }\n        .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n        .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .sbm-card {\n            background: var(--sbm-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .sbm-card:hover {\n            transform: translateY(-8px);\n            background: var(--sbm-card-hover);\n            border-color: var(--sbm-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n        }\n\n        .sbm-icon-badge {\n            width: 55px; height: 55px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--sbm-border);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbm-gold);\n            font-size: 22px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family:system-ui,sans-serif;\n        }\n\n        .sbm-card:hover .sbm-icon-badge {\n            background: var(--sbm-gradient-gold);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n        \/* === Interactive Wrinkle Accordion === *\/\n        .sbm-accordion { margin: 40px auto; max-width: 850px; }\n        \n        .sbm-acc-item {\n            background: var(--sbm-card-glass);\n            border: 1px solid var(--sbm-border);\n            border-radius: 16px;\n            margin-bottom: 15px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n        .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n        .sbm-acc-header {\n            padding: 20px 25px;\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .sbm-acc-num {\n            width: 35px; height: 35px;\n            display: flex; align-items: center; justify-content: center;\n            background: var(--sbm-gradient-accent);\n            color: #fff;\n            border-radius: 10px;\n            margin-left: 20px;\n            font-weight: 900;\n            font-family:system-ui,sans-serif;\n        }\n        .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n        .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n        .sbm-acc-icon {\n            width: 20px; height: 20px; position: relative;\n        }\n        .sbm-acc-icon::before, .sbm-acc-icon::after {\n            content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n        }\n        .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n        .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n        .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n        .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n        .sbm-acc-body {\n            max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n            padding: 0 25px;\n        }\n        .sbm-acc-item.active .sbm-acc-body {\n            padding: 0 25px 25px 25px; max-height: 300px;\n        }\n\n        .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n        .sbm-acc-ing {\n            background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n            color: #fff; font-size: 1rem;\n        }\n\n        \/* === Clean Lists === *\/\n        .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n        .sbm-list li {\n            position: relative; padding-left: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n        }\n        .sbm-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n        }\n        \n        .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n        \/* === Usage Steps === *\/\n        .sbm-steps {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n        }\n        .sbm-step {\n            background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n            border-radius: 16px; text-align: center; position: relative;\n        }\n        .sbm-step-num {\n            width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n            color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n            font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n            font-family:system-ui,sans-serif;\n        }\n        .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n        .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Animations === *\/\n        .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm-section { padding: 50px 0; }\n            .sbm-media-wrapper { border-radius: 12px; }\n            .sbm-title-main { font-size: 2rem; }\n            .sbm-acc-header { padding: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eSOME BY MI Rejuvenating Retinol Serum\u003cbr\/\u003e\u003cspan class=\"sbm-text-gold\"\u003eLas arrugas no son solo líneas... ¡son un grito de ayuda!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n                Este suero no ofrece soluciones temporales, sino que crea cambios radicales a nivel celular para restaurar la vitalidad y frescura de la piel dañada con el tiempo.\n            \u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n\u003cp\u003eCon el tiempo, te vuelves... \u003cstrong class=\"sbm-text-gold\"\u003eArrugas finas y arrugas\u003c\/strong\u003e Señales de advertencia de que la piel está perdiendo su capacidad natural de regenerarse. Estas señales molestas no desaparecerán simplemente, sino que requerirán una intervención científica avanzada para prevenir que los efectos del envejecimiento tomen el control de los rasgos del rostro.\u003c\/p\u003e\n\u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n                    La intervención temprana es el secreto para restaurar una piel joven y vital.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eFórmula altamente especializada para todo tipo de arrugas\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eLos ingredientes de este suero no solo actúan sobre el tratamiento superficial, sino que también se dirigen a todo tipo de arrugas con un mecanismo personalizado.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Targeting Wrinkles\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Accordion --\u003e\n\u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas dinámicas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eApare como resultado de los movimientos faciales repetidos como una sonrisa o una mueca constante\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol y retinol:\u003c\/span\u003e Estimulan la producción de colágeno desde el interior, reduciendo eficazmente el aspecto y la profundidad de estas arrugas.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas de expresión\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eSe forman y se consolidan debido a las expresiones faciales repetitivas y al estrés.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamida:\u003c\/span\u003e Mejora la elasticidad general de la piel, reduciendo la gravedad de estas arrugas y previniendo su estabilidad.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas en la frente\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eAparecen ocasionalmente y claramente debido a la continua pérdida de colágeno en esta área.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eColágeno y consolida:\u003c\/span\u003e Contribuyen a reforzar la estructura de soporte de la piel y a rellenar las arrugas en esta zona particular.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas finas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eLas líneas finas aparecen temprano y a menudo se deben a una sequedad intensa y a una barrera protectora débil.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTocoferol y pantenol:\u003c\/span\u003e Proporcionan una hidratación profunda que retiene la humedad, rellenando la piel y cubriendo al instante esas arrugas.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eEl retinol es el escudo de la piel contra los factores de envejecimiento\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eEste suero trabaja para restaurar la vitalidad y la elasticidad que se han perdido con el tiempo gracias a los ingredientes activos estudiados científicamente.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Serum Ingredients\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eRetinol puro\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eRenueva las células de la piel y mejora su apariencia superficial.\u003c\/li\u003e\n\u003cli\u003eEstimula la producción interna de colágeno y elastina\u003c\/li\u003e\n\u003cli\u003eReduce la pigmentación y unifica el tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-1\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBakuchiol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eLa alternativa natural y segura al retinol.\u003c\/li\u003e\n\u003cli\u003ePotente antioxidante que protege de los daños ambientales.\u003c\/li\u003e\n\u003cli\u003eReduce delicadamente arrugas y líneas finas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eTecnología de liposomas elásticos\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eEl empaquetado inteligente libera los ingredientes en las capas más profundas.\u003c\/li\u003e\n\u003cli\u003eMejora la absorción de los ingredientes activos sin desperdicios\u003c\/li\u003e\n\u003cli\u003ePreviene irritaciones superficiales y aumenta la eficacia de los ingredientes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. USAGE STEPS (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eCómo usar \u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003ePasos sencillos para introducir el retinol en tu rutina de cuidado de manera efectiva y segura\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpieza del rostro\u003c\/h4\u003e\n\u003cp\u003eLimpia delicadamente la piel usando un limpiador adecuado para eliminar las impurezas y preparar los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eAplicación del tónico\u003c\/h4\u003e\n\u003cp\u003eEs preferible usar un tónico hidratante para preparar la piel y hacerla más capaz de absorber el suero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eLa cantidad justa\u003c\/h4\u003e\n\u003cp\u003eCantidad Pequeño Sobre .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDistribuir delicadamente\u003c\/h4\u003e\n\u003cp\u003eAplica suavemente el suero en el rostro, concentrándote en las áreas con arrugas y líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n\u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sbm-primary);\"\u003e \u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eSuero Once Dos veces Solo . Luego Repetición Gradualmente Piel. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eLa crema solar debería ser utilizada durante el día.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ 1. Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ 2. Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.sbm-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -4;\n                        const rotateY = ((x - centerX) \/ centerX) * 4;\n                        \n                        media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n\n            \/\/ 3. Accordion Logic\n            const accItems = document.querySelectorAll('.sbm-acc-header');\n            accItems.forEach(item =\u003e {\n                item.addEventListener('click', function() {\n                    const parent = this.parentElement;\n                    const isActive = parent.classList.contains('active');\n                    \n                    \/\/ Close all\n                    document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n                        child.classList.remove('active');\n                    });\n                    \n                    \/\/ Open clicked if it wasn't active\n                    if (!isActive) {\n                        parent.classList.add('active');\n                    }\n                });\n            });\n\n            \/\/ Open first accordion item by default\n            if(accItems.length \u003e 0) {\n                setTimeout(() =\u003e {\n                    accItems[0].parentElement.classList.add('active');\n                }, 500);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387766958,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_reactivating_serum_caff1239-261d-443e-a421-72a340ad82ca.jpg?v=1788175412"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence - 100ml | Gel de caracol para la reparación de la barrera","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n        \/* ==========================================================================\n           COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n           System Fonts Only (Zero External Webfont Imports)\n           ========================================================================== *\/\n\n        .cs-ultimate-container {\n            --cs-bg-base: #050403;\n            --cs-bg-surface: #0c0906;\n            --cs-bg-card: rgba(18, 14, 10, 0.92);\n            --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n            \n            --cs-neon-gold: #ffd24a;\n            --cs-amber-accent: #f5c518;\n            --cs-neon-mint: #00e5a3;\n            --cs-glow-gold: rgba(255, 210, 74, 0.45);\n            --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n            --cs-text-pure: #ffffff;\n            --cs-border: rgba(245, 197, 24, 0.25);\n            --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n            background-color: var(--cs-bg-base);\n            color: var(--cs-text-pure);\n            font-family:system-ui,-apple-system,BlinkMacSystemFont,SegoeUI\",Roboto,Cairo',Tajawal',sans-serif;\n            line-height: 1.8;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .cs-ultimate-container * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-gold {\n            color: var(--cs-neon-gold) !important;\n            text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-mint {\n            color: var(--cs-neon-mint) !important;\n            text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \n        .cs-ultimate-container img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 18px;\n            display: block;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(245, 197, 24, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .cs-img-md {\n            max-width: 650px !important;\n            width: 100%;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            display: block;\n            text-align: center;\n        }\n\n        .cs-container {\n            max-width: 940px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        .cs-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .cs-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(110px);\n            opacity: 0.32;\n            animation: csOrbFloat 18s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        .cs-orb-1 {\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n            top: -100px; right: -120px;\n        }\n\n        .cs-orb-2 {\n            width: 550px; height: 550px;\n            background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n            bottom: 15%; left: -140px;\n            animation-delay: -6s;\n        }\n\n        @keyframes csOrbFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 80px) scale(1.15); }\n        }\n\n        .cs-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n            word-wrap: break-word;\n        }\n\n        .cs-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .cs-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(245, 197, 24, 0.15);\n            border: 1.5px solid var(--cs-amber-accent);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--cs-glow-gold);\n            letter-spacing: 0.5px;\n        }\n\n        .cs-gold-dot {\n            width: 8px; height: 8px;\n            background: var(--cs-neon-gold);\n            border-radius: 50%;\n            box-shadow: 0 0 10px var(--cs-neon-gold);\n            display: inline-block;\n        }\n\n        .cs-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 840px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--cs-amber-accent);\n            padding-left: 20px;\n            background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .cs-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 20px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .cs-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--cs-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n            background: var(--cs-bg-card-hover);\n        }\n\n        .cs-icon-wrap {\n            width: 52px; height: 52px;\n            background: rgba(8, 6, 4, 0.9);\n            border: 1.5px solid rgba(245, 197, 24, 0.35);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 16px;\n            color: var(--cs-neon-gold);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n            flex-shrink: 0;\n        }\n\n        .cs-card:hover .cs-icon-wrap {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--cs-amber-accent);\n            color: #050403;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--cs-neon-gold);\n        }\n\n        .cs-icon-wrap svg {\n            width: 26px; height: 26px;\n        }\n\n        .cs-card h3 {\n            font-size: 1.25rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .cs-card p {\n            color: #ffffff;\n            font-size: 1rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(245, 197, 24, 0.14);\n            border: 1px solid var(--cs-amber-accent);\n            color: var(--cs-neon-gold);\n            padding: 5px 14px;\n            border-radius: 8px;\n            font-size: 0.92rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .cs-ingredient-tag.mint {\n            background: rgba(0, 229, 163, 0.14);\n            border-color: var(--cs-neon-mint);\n            color: var(--cs-neon-mint);\n            box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n        }\n\n        .cs-glass-box {\n            background: var(--cs-bg-card);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--cs-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 35px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .cs-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n        }\n\n        .cs-glass-box p, \n        .cs-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        .cs-dilemma-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 18px;\n            margin-top: 25px;\n            width: 100%;\n            text-align: left;\n        }\n\n        .cs-dilemma-card {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--cs-border);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-dilemma-card.conflict {\n            border-right: 4.5px solid #ff4444;\n            background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n        }\n\n        .cs-dilemma-card.harmony {\n            border-right: 4.5px solid var(--cs-neon-gold);\n            background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n        }\n\n        .cs-dilemma-card h4 {\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n\n        .cs-dilemma-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-spa-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 18px;\n            margin-top: 25px;\n            width: 100%;\n            text-align: left;\n        }\n\n        .cs-spa-card {\n            background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-right: 4.5px solid var(--cs-amber-accent);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-spa-card:hover {\n            transform: translateY(-5px);\n            border-right-color: var(--cs-neon-gold);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n        }\n\n        .cs-spa-card h4 {\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            line-height: 1.4;\n        }\n\n        .cs-spa-card p {\n            color: #ffffff;\n            font-size: 0.96rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-science-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-science-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 20px;\n            text-align: left;\n            transition: all 0.4s ease;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            min-width: 0;\n        }\n\n        .cs-science-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--cs-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n            background: var(--cs-bg-card-hover);\n        }\n\n        .cs-science-card h4 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            font-weight: 900;\n            margin-bottom: 6px;\n        }\n\n        .cs-science-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n            margin-bottom: 14px;\n        }\n\n        .cs-science-card ul {\n            list-style: none;\n            padding: 0;\n        }\n\n        .cs-science-card li {\n            position: relative;\n            padding-left: 20px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        .cs-science-card li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--cs-neon-gold);\n            font-weight: 900;\n        }\n\n        .cs-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n            gap: 18px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-stat-box {\n            background: rgba(18, 14, 10, 0.9);\n            border: 1.5px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 24px 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-stat-box:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .cs-stat-num {\n            font-size: clamp(32px, 5vw, 48px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .cs-stat-title {\n            color: #ffffff;\n            font-size: 1.08rem;\n            font-weight: 800;\n            margin-bottom: 4px;\n        }\n\n        .cs-stat-desc {\n            color: #ffffff;\n            font-size: 0.85rem;\n            opacity: 0.95;\n            line-height: 1.5;\n        }\n\n        .cs-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-timeline-card {\n            background: rgba(18, 14, 10, 0.88);\n            border: 1px solid var(--cs-border);\n            border-top: 4px solid var(--cs-neon-gold);\n            border-radius: 16px;\n            padding: 22px 16px;\n            text-align: left;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-timeline-card:hover {\n            transform: translateY(-6px);\n            border-top-color: var(--cs-neon-mint);\n            background: rgba(28, 22, 14, 0.95);\n        }\n\n        .cs-timeline-badge {\n            display: inline-block;\n            background: rgba(245, 197, 24, 0.14);\n            color: var(--cs-neon-gold);\n            font-weight: 900;\n            padding: 4px 14px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            font-size: 0.9rem;\n            border: 1px solid var(--cs-border);\n            white-space: nowrap;\n        }\n\n        .cs-timeline-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-value-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 18px;\n            text-align: left;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-value-card:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .cs-value-num {\n            width: 44px; height: 44px;\n            background: rgba(245, 197, 24, 0.15);\n            border: 1.5px solid var(--cs-amber-accent);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; font-weight: 900;\n            color: var(--cs-neon-gold);\n            margin-bottom: 14px;\n        }\n\n        .cs-value-card h3 {\n            font-size: 1.2rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .cs-value-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-step-card {\n            background: rgba(18, 14, 10, 0.85);\n            border: 1.5px dashed var(--cs-border);\n            padding: 24px 16px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-step-card:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            background: rgba(28, 22, 14, 0.95);\n        }\n\n        .cs-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #2b220e, #0c0a06);\n            border: 2px solid var(--cs-amber-accent);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--cs-neon-gold);\n            margin: 0 auto 14px;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-step-card h4 {\n            color: var(--cs-neon-gold);\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .cs-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-gold-btn {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n            color: #000000 !important;\n            padding: 16px 48px;\n            border-radius: 40px;\n            text-decoration: none;\n            font-weight: 900;\n            font-size: 1.25rem;\n            box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            margin-top: 25px;\n        }\n\n        .cs-gold-btn:hover {\n            transform: scale(1.05);\n            box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n            background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n        }\n\n        .cs-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .cs-reveal.cs-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .cs-delay-1 { transition-delay: 0.12s; }\n        .cs-delay-2 { transition-delay: 0.24s; }\n\n        @media (max-width: 768px) {\n            .cs-ultimate-container { padding: 25px 0; }\n            .cs-container { padding: 0 14px !important; }\n            .cs-glass-box { padding: 22px 14px !important; }\n            .cs-img-md { max-width: 100% !important; }\n\n            .cs-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .cs-benefits-grid .cs-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-benefits-grid .cs-icon-wrap {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .cs-benefits-grid .cs-icon-wrap svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .cs-benefits-grid .cs-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .cs-benefits-grid .cs-ingredient-tag {\n                font-size: 0.72rem !important;\n                padding: 3px 6px !important;\n                margin-bottom: 6px !important;\n                line-height: 1.25 !important;\n                border-radius: 6px !important;\n            }\n\n            .cs-benefits-grid .cs-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .cs-dilemma-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-spa-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-spa-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-spa-card h4 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.35 !important;\n            }\n\n            .cs-spa-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-dilemma-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-dilemma-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .cs-dilemma-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-science-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-science-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-science-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 2px !important;\n            }\n\n            .cs-science-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-science-card li {\n                font-size: 0.74rem !important;\n                padding-left: 16px !important;\n            }\n\n            .cs-stats-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-stat-box:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-stat-box {\n                padding: 16px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-stat-num {\n                font-size: 30px !important;\n            }\n\n            .cs-stat-title {\n                font-size: 0.85rem !important;\n            }\n\n            .cs-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-timeline-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-timeline-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 8px !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-timeline-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-value-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-value-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-value-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-value-num {\n                width: 36px !important;\n                height: 36px !important;\n                font-size: 1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-value-card h3 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .cs-value-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-step-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .cs-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-title-glow { font-size: 24px; }\n            .cs-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e El suero milagroso n.° 1 del mundo para el rejuvenecimiento de la piel\n            \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eEl secreto para una piel clara es como los granos y tratar los efectos de los granos que se han descontrolado en el mundo\u003c\/h2\u003e\n\u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n\u003cp class=\"cs-sub-text pure-white\"\u003e\n                Imagina un producto que trata la sequedad, borra los efectos del acné y te brinda frescura desde el primer uso! Gracias a la concentración \u003cstrong class=\"neon-gold\"\u003e96,3% de extracto puro de caracol\u003c\/strong\u003eTu piel absorberá la hidratación y se renovará desde el interior, sin ninguna sensación de grasa o pegajosa.\n            \u003c\/p\u003e\n\u003c!-- Hero Product Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\"\/\u003e\n\u003c\/div\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#cs-buy\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eComienza ahora tu camino hacia una piel radiante\u003c\/a\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n\u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e Información cosmética que no todos conocen\n            \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003e¿Por qué los centros estéticos más caros del mundo usan caracoles?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eDéjame decirte por qué las personas ricas pagan cientos de dólares por sesión..\u003c\/p\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n                    En los centros de belleza de lujo más famosos del mundo, han notado que los trabajadores de las granjas de caracoles tienen las manos muy suaves y están completamente libres de arrugas y heridas, y ¡sanaban a una velocidad sorprendente! De aquí comenzaron las sesiones de tratamiento de la piel con caracoles.\n                \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEl secreto de la frescura instantánea\u003c\/h4\u003e\n\u003cp\u003eLas secreciones de los caracoles tratan los daños de la piel muy rápidamente y restablecen la elasticidad y el brillo natural que se ve en la piel de las celebridades.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eUna alternativa natural al colágeno\u003c\/h4\u003e\n\u003cp\u003eEsta secreción es rica en vitaminas y sustancias que tonifican el rostro y reducen arrugas y líneas finas, como si hubieras aplicado un filtro natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eSe cuida a sí mismo\u003c\/h4\u003e\n\u003cp\u003eEl caracol segrega esta sustancia para curar sus heridas en pocos minutos. ¡Imagina entonces lo que hará esta sustancia en los granos y cicatrices que están por aparecer!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eCosrx ha traído el spa a ti\u003c\/h4\u003e\n\u003cp\u003eEn lugar de gastar miles de dólares en una sola sesión, Cosrx ha puesto el extracto puro y estéril en una botella que puedes usar todos los días en casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003e¿Por qué las cremas hidratantes comunes no funcionan para ti?\u003c\/h2\u003e\n\u003cdiv class=\"cs-glass-box\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: left;\"\u003e\n                    Las cremas hidratantes normales se posan en la parte externa de la piel, pero cuando la piel está estresada y tiene marcas de granos, necesitas \u003cstrong class=\"neon-gold\"\u003eNutrición potente que penetra profundamente en la piel\u003c\/strong\u003e:\n                \u003c\/p\u003e\n\u003cdiv class=\"cs-dilemma-grid\"\u003e\n\u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n\u003ch4 style=\"color: #ff5555;\"\u003eHidratantes tradicionales\u003c\/h4\u003e\n\u003cp\u003eHidrata solo desde el exterior y puede obstruir los poros y causar granos, y en cuanto te lavas, la sequedad volverá de nuevo, como si no hubieras hecho nada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEsencia de caracol 96%\u003c\/h4\u003e\n\u003cp\u003ePenetra en las capas de la piel en pocos segundos, trata la sequedad desde las raíces, rellena las arrugas y repara la piel dañada, dando a tus manos una frescura real y duradera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Comprehensive Benefits Grid --\u003e\n\u003csection class=\"cs-reveal\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eBeneficios biológicos directos del producto\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e¿Qué harán las gotas de esencia en tu piel?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n                    Cada resultado que ves en el espejo tiene un ingrediente natural potente y eficaz detrás:\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eBorra los efectos de los granos y las cicatrices\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eExtracto de caracol 96,3%\u003c\/div\u003e\n\u003cp\u003eUn tratamiento rápido para las depresiones y las marcas de los granos pasados, para que vuelvan lisas, con una textura uniforme y sin imperfecciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eRelleno e hidratación inmediata del rostro\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eÁcido hialurónico puro\u003c\/div\u003e\n\u003cp\u003eAtrae el agua en la piel para rellenar las líneas finas y dar a las manos un aspecto lleno, sano e hidratado durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAlivia el enrojecimiento y la inflamación\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003ePantenol calmante\u003c\/div\u003e\n\u003cp\u003eSi tu piel es sensible o está inflamada por el sol o por granos, la calmará y eliminará cualquier enrojecimiento o picazón en pocos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTonifica la piel y previene las arrugas\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eColágeno natural\u003c\/div\u003e\n\u003cp\u003eRefuerza tu piel y restaura su elasticidad, haciéndola más firme y joven, y retrasa la aparición de los signos del envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAclarar y unificar el color del rostro\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eRegeneración celular natural\u003c\/div\u003e\n\u003cp\u003eElimina la opacidad y exfolia las células muertas de manera muy delicada, iluminando la piel y devolviéndole su color natural y uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eNutrición profunda para los poros\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eVitaminas nutrientes\u003c\/div\u003e\n\u003cp\u003eAporta vitaminas a las capas más profundas de la piel, haciéndola sana y resistente a nuevos problemas y granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Simplified Science Section --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eEl secreto del producto\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003e¿Cómo trata la piel esta esencia?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Science Visual Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Science behind COSRX Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-science-grid\"\u003e\n\u003c!-- BIO 01 --\u003e\n\u003cdiv class=\"cs-science-card\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-gold\"\u003e1. Regeneración de las células dañadas\u003c\/h4\u003e\n\u003cp\u003eLa fórmula de baba de caracol regeneradora señala a las células de tu piel que construyan rápidamente nuevo colágeno, y es esto lo que hace curar los granos y hace que la piel vuelva a estar lisa y tonificada en tiempo récord.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAcelera la curación de los granos viejos y nuevos.\u003c\/li\u003e\n\u003cli\u003eHace que la piel vuelva a su elasticidad natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIO 02 --\u003e\n\u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-mint\"\u003e2. La hidratación no se evapora\u003c\/h4\u003e\n\u003cp\u003eCombinar el extracto de caracol con ácido hialurónico crea un escudo protector que atrapa el agua en el interior, manteniendo la piel fresca y luminosa durante todo el día, independientemente del clima seco o del aire acondicionado.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eTu piel lo absorbe en pocos segundos y no limpia los poros.\u003c\/li\u003e\n\u003cli\u003eBrillo y frescura que permanecen contigo todo el día.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Clinical Numerical Results Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eResultados en números\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eNúmeros reales de las experiencias de las chicas en todo el mundo\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stats-grid\"\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eHidratación y suavidad instantáneas\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDesde el primer contacto con tu piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eReducción de los efectos de las pastillas\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDespués de 4 semanas de uso\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eFortalecer la barrera hidrolipídica\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eProtección más fuerte contra los nuevos granos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003ePorcentaje de pureza natural\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eEl porcentaje más alto de extracto de caracol del mundo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eExcelente evaluación\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eCon millones de experiencias reales\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eRuta de cambio\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e¿Qué le pasará a tu piel después de que lo hayas usado?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-grid\"\u003e\n\u003cdiv class=\"cs-timeline-card\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eSuavidad y brillo instantáneos\u003c\/h4\u003e\n\u003cp\u003eTu piel lo absorbe en pocos segundos, no hay pegajosidad y la textura permanece muy suave y luminosa todo el tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eLa primera semana\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eCalma y conforta la piel\u003c\/h4\u003e\n\u003cp\u003eEl enrojecimiento desaparece y las costras o la sequedad alrededor de la boca y las fosas nasales desaparecen por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eLa tercera semana\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eAclarar los efectos de los granos\u003c\/h4\u003e\n\u003cp\u003eLas manchas oscuras comienzan a aclararse, la textura de la piel se vuelve más uniforme y las líneas finas se reducen notablemente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eEl segundo mes y contando\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003ePiel clara como Azaz\u003c\/h4\u003e\n\u003cp\u003eFrescura duradera, una barrera hidrolipídica fuerte y seguridad que te permitirán prescindir del maquillaje y disfrutar de tu belleza natural!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eLa opción más accesible e inteligente para tu belleza\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eAhorros y beneficios que seguramente te harán ahorrar muchos productos\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Value Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"COSRX Snail Mucin Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-grid\"\u003e\n\u003cdiv class=\"cs-value-card\"\u003e\n\u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUn gran tamaño que durará meses\u003c\/h3\u003e\n\u003cp\u003eEl envase de 100 ml es suficiente para 3-5 meses de uso diario. Solo se necesitan dos gotas para toda la cara y el cuello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTe hace ahorrar dinero y tiempo\u003c\/h3\u003e\n\u003cp\u003eNo debo comprar un suero hidratante y otro suero para tratar los granos... ambos en una botella muy potente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eMuy natural y segura\u003c\/h3\u003e\n\u003cp\u003eSin olores irritantes o alcohol, se seca y se extrae fácilmente. Se extrae sin dañar a los caracoles y es adecuado para piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003eCómo usar para obtener resultados rápidos\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003ePasos sencillos para que tu piel se beneficie de cada gota\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps-grid\"\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eLimpiador y tónico\u003c\/h4\u003e\n\u003cp\u003eLávate la cara, aplica el tónico y deja la piel un poco fresca para que la esencia se absorba mejor y más rápido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eSolo dos puntos\u003c\/h4\u003e\n\u003cp\u003ePoner una o dos presiones generosas en la mano y distribuirlas delicadamente en el cuello y la nuca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eLigera plenitud\u003c\/h4\u003e\n\u003cp\u003eAplícalo muy cómodamente hasta que tu piel lo absorba todo, luego aplica tu crema hidratante normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eConsejos de los expertos para un resultado mágico:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003e¡El secreto está en el agua!\u003c\/strong\u003e Aplicalo siempre cuando la piel esté ligeramente húmeda, nunca sobre la piel completamente seca. Esto permite que el ácido hialurónico y el extracto de caracol atraigan agua profundamente a tus células y dupliquen la hidratación y la frescura de una manera que no creerías!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Technical INCI List --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n\u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: ltr; text-align: left; font-weight: 800;\"\u003e\n                    Lista de ingredientes (INCI)\n                \u003c\/h3\u003e\n\u003cp style=\"font-family:monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n                \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 14px; text-align: left; direction: ltr;\"\u003e\n\u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n                        * Fórmula 100% pura completamente libre de fragancias sintéticas, alcohol agresivo, parabenos y aceites minerales. Ideal para todo tipo de piel, incluso sensible y propensa al acné.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final High-Converting CTA --\u003e\n\u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003e¡Ordena ahora la esencia original!\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Proporciona a tu piel la posibilidad de renovarse seriamente y volver a iluminarse\n            \u003c\/h2\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n                En lugar de desperdiciar tu dinero en cremas hidratantes superficiales que dejan cicatrices y sequedad tal como son, prueba el poder del puro extracto de caracol, que ha cambiado el aspecto de la piel de millones de chicas en todo el mundo.\n            \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eOrdénalo ahora y comienza la rutina\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            const reveals = document.querySelectorAll('.cs-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cs-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388061870,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_egypt_9f64243e-d68b-48dc-ab45-cd28c4d04562.jpg?v=1788175411"},{"product_id":"cosrx-hyaluronic3","title":"Cosrx Ácido Hialurónico 3% | Ceramidas | Factores naturales de hidratación | Hidratante para la piel | Relleno para arrugas","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: ltr;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 1.9rem;\n        text-align: left;\n    }\n\n    .product-description h3 {\n        font-size: 1.6rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        text-align: justify;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n    }\n\n    .product-description ul {\n        padding-left: 20px;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 0.8em;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border-right: 4px solid #9C8102;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    .feature-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 10px;\n        font-size: 1.2rem;\n    }\n\n    \/* Info blocks *\/\n    .info-block {\n        background: #fcfcfc;\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        border-right: 4px solid #ebebeb;\n        transition: transform 0.3s ease;\n    }\n\n    .info-block:hover {\n        transform: translateX(-5px);\n    }\n\n    .info-title {\n        color: #9C8102;\n        margin-bottom: 15px;\n        font-weight: bold;\n        font-size: 1.3rem;\n    }\n\n    \/* Highlight block *\/\n    .highlight-block {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .highlight-title {\n        font-size: 1.8rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Illustration *\/\n    .penetration-chart {\n        width: 100%;\n        height: 250px;\n        background: white;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        padding: 20px;\n        margin: 30px 0;\n        position: relative;\n    }\n\n    .skin-layers {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .skin-layer {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-weight: bold;\n        position: relative;\n    }\n\n    .epidermis {\n        background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n        border-radius: 8px 8px 0 0;\n    }\n\n    .dermis {\n        background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n    }\n\n    .hypodermis {\n        background: linear-gradient(to bottom, #d5a997, #c1937f);\n        border-radius: 0 0 8px 8px;\n    }\n\n    .penetration-arrow {\n        position: absolute;\n        top: 10%;\n        right: 50%;\n        height: 80%;\n        width: 4px;\n        background: #9C8102;\n        z-index: 2;\n    }\n\n    .penetration-arrow::before {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        right: -8px;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 15px solid #9C8102;\n    }\n\n    .penetration-label {\n        position: absolute;\n        top: 50%;\n        right: 30%;\n        transform: translateY(-50%);\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n    }\n\n    .layer-label {\n        position: absolute;\n        right: 10px;\n        color: #333;\n        font-weight: bold;\n    }\n\n    \/* Usage steps *\/\n    .usage-steps {\n        margin: 2em 0;\n    }\n\n    .step {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        margin-bottom: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        display: flex;\n        align-items: center;\n        transition: transform 0.3s ease;\n    }\n\n    .step:hover {\n        transform: translateX(-5px);\n    }\n\n    .step-number {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: #9C8102;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        margin-left: 15px;\n        flex-shrink: 0;\n    }\n\n    .step-text {\n        flex-grow: 1;\n    }\n\n    \/* Call to action *\/\n    .cta-section {\n        background: #000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-title {\n        color: black;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEl desafío de la deshidratación comienza aquí: piel hidratada, firme y luminosa\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTu piel grita por perder su frescura, y cada día que pasa sin tratamiento hace que el problema sea más profundo y difícil de revertir.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e¿Sabías que las arrugas prematuras no son solo un cambio natural? Más bien, son la prueba de un deterioro de la barrera de hidratación vital de tu piel. Estas líneas no son solo signos pasajeros; son advertencias de que tu piel está empezando a perder la capacidad de retener agua y elasticidad. Con cada día que pasa sin una hidratación efectiva, estas señales se vuelven más profundas y difíciles de tratar. Recuerda, las arrugas comienzan a aparecer cuando la piel carece de cuidados adecuados; cualquier falta de hidratación puede transformarse en líneas y arrugas que no desaparecen fácilmente. Dale a tu piel la fuerza que necesita con ácido hialurónico y restaura su vitalidad antes de que sea demasiado tarde.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUna innovación que va más allá de los hidratantes tradicionales:\u003c\/h3\u003e\n\u003cp\u003eLa mayoría de los productos se limita a hidratar, pero este sérum funciona como:\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eUn reformador natural\u003c\/div\u003e\n\u003cp\u003eRestaura la barrera protectora de la piel, haciéndola más fuerte y más resistente a los daños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eMejorador de la textura de la piel\u003c\/div\u003e\n\u003cp\u003eElimina la textura de la piel áspera dejándola sedosa y suave después del primer uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eCombate la deshidratación crónica\u003c\/div\u003e\n\u003cp\u003eTrata la sequedad desde la raíz proporcionando una protección duradera que dura horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUna sensación de lujo en cada uso:\u003c\/h3\u003e\n\u003cp\u003eSu textura única es diferente a cualquier producto que hayas probado antes. La fórmula es ligera, se absorbe fácilmente, pero envuelve la piel en una manta de suavidad y comodidad que dura todo el día.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Close Up\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e¿Qué hace especial a la COSRX Hyaluronic Acid Intensive Cream?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Potente mezcla de NMF (Complejo de Aminoácidos):\u003c\/h3\u003e\n\u003cp\u003eLos Factores Naturales de Hidratación (NMF) incluyen un grupo de aminoácidos que imitan los elementos naturales presentes en la piel, los cuales actúan para:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidrata profundamente la piel:\u003c\/strong\u003e Los aminoácidos ayudan a la piel a retener agua, proporcionándole frescura y elasticidad natural.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReparación de la barrera hidrolipídica:\u003c\/strong\u003e Este compuesto mejora la capacidad de la piel para protegerse de los agresores ambientales y de la sequedad.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMayor suavidad:\u003c\/strong\u003e Con un uso regular, reduce la textura áspera de la piel y reequilibra los niveles naturales de hidratación.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Second Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e2. Ceramidas: la última barrera entre tu piel y los factores de envejecimiento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCuando la barrera hidrolipídica se rompe, tu piel comienza un viaje irreversible hacia la sequedad y la pérdida de luminosidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSin una barrera fuerte, cada enemigo de tu piel la invadirá sin piedad. \u003c\/strong\u003eLa piel normal contiene \u003cstrong\u003eCeramidas\u003c\/strong\u003e Como parte esencial de la barrera protectora que retiene la humedad y evita su pérdida.\u003c\/p\u003e\n\u003cp\u003eCuando se pierden estos ceramidas, conduce al colapso de la barrera hidrolipídica, a la pérdida de hidratación y frescura, y expone la piel a factores ambientales que causan envejecimiento. Sin este soporte, la piel se convierte en un campo de batalla, donde los signos de estrés y envejecimiento se aceleran. ¿Dejará tu piel expuesta y vulnerable a los daños?\u003c\/p\u003e\n\u003cp\u003eEl suero contiene una alta concentración de ceramidas que ayudarán a tu piel a restablecer su barrera protectora y a prevenir la penetración de agentes nocivos en las capas más profundas de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Penetration Depth Section --\u003e\n\u003cdiv class=\"highlight-block\"\u003e\n\u003ch3 class=\"highlight-title\"\u003e3. Hidratación hasta 2,5 ml bajo la superficie de la piel\u003c\/h3\u003e\n\u003cp\u003eLa fórmula utiliza una potente concentración de ácido hialurónico que hidrata en profundidad todas las capas de la piel, alcanzando una profundidad sin igual entre todas las cremas hidratantes. Esta fórmula penetra las células más profundas de tu piel para proporcionar una hidratación eficaz en todos los niveles de la piel.\u003c\/p\u003e\n\u003c!-- Skin Penetration Visualization --\u003e\n\u003cdiv class=\"penetration-chart\"\u003e\n\u003cdiv class=\"skin-layers\"\u003e\n\u003cdiv class=\"skin-layer epidermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eEpidermis externa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eDerma\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eBajo la dermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"penetration-label\"\u003eProfundidad de penetración: 2,5 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCada gota reconstruye tu piel desde adentro\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUna pequeña gota... un impacto enorme: hidratación completa de la piel con solo una pequeña cantidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eGracias a la fórmula del suero con ácido hialurónico de COSRX, necesitas una cantidad muy pequeña para cubrir todo el rostro. La fórmula concentrada y efectiva trabaja de manera inteligente para distribuir la hidratación en profundidad en cada capa de la piel, ofreciéndote resultados evidentes sin desperdiciar producto.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eCómo usar:\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpia bien la piel usando un limpiador adecuado para tu tipo de piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicar unas gotas de suero sobre la piel limpia y ligeramente húmeda\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica suavemente el suero usando los dedos con movimientos circulares delicados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eHidratante Hidratante Piel \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eUsa el suero dos veces al día, por la mañana y por la noche, para resultados óptimos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n\u003cp\u003eLa solución ideal para la piel sedienta de hidratación profunda y frescura continua\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e¡Devuelve la vida a tu piel ahora!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Observe elements coming into view\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Apply animations to feature cards when they come into view\n        observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n            element.style.animation = 'fadeInRight 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to info blocks when they come into view\n        observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n            element.style.animation = 'fadeInUp 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to steps when they come into view\n        observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n            element.style.animation = 'fadeInRight 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to highlight block when it comes into view\n        observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n            element.style.animation = 'fadeIn 0.8s ease forwards';\n            \n            \/\/ Animate the penetration arrow after the block appears\n            setTimeout(() =\u003e {\n                const arrow = element.querySelector('.penetration-arrow');\n                if (arrow) {\n                    arrow.style.height = '0%';\n                    arrow.style.transition = 'height 1.5s ease';\n                    \n                    setTimeout(() =\u003e {\n                        arrow.style.height = '80%';\n                    }, 300);\n                }\n            }, 300);\n        });\n        \n        \/\/ Add keyframes for animations\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeInUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            @keyframes fadeInRight {\n                from {\n                    opacity: 0;\n                    transform: translateX(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateX(0);\n                }\n            }\n            \n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n                to {\n                    opacity: 1;\n                }\n            }\n        `;\n        document.head.appendChild(style);\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388520622,"sku":"INSTA055008CHIQ","price":20.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1788175409"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx Niacinamida 15% | Especialista en poros | Aclarar | Regular los aceites","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: ltr;\n    }\n\n    \/* Typography *\/\n    .product-description h2 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h2::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        text-align: justify;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Featured section *\/\n    .featured-section {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n    }\n\n    .featured-title {\n        color: #9C8102;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    \/* Benefits section *\/\n    .benefits-container {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 25px;\n        margin: 2em 0;\n    }\n\n    .benefit-card {\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .benefit-icon {\n        width: 60px;\n        height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        font-size: 1.8rem;\n        margin: 0 auto 15px;\n    }\n\n    .benefit-content {\n        padding: 25px;\n    }\n\n    .benefit-title {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: bold;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .benefit-description {\n        text-align: center;\n    }\n\n    \/* Before\/After comparison *\/\n    .comparison-container {\n        position: relative;\n        width: 100%;\n        margin: 2em 0;\n        border-radius: 15px;\n        overflow: hidden;\n    }\n\n    .comparison-image {\n        width: 100%;\n        display: block;\n        border-radius: 15px;\n    }\n\n    \/* Percentage indicator *\/\n    .percentage-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 3em 0;\n    }\n\n    .percentage-circle {\n        width: 150px;\n        height: 150px;\n        border-radius: 50%;\n        background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .percentage-circle::before {\n        content: '';\n        position: absolute;\n        width: 130px;\n        height: 130px;\n        border-radius: 50%;\n        background-color: white;\n    }\n\n    .percentage-text {\n        position: relative;\n        z-index: 1;\n        font-size: 2.5rem;\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    .percentage-label {\n        margin-left: 20px;\n        font-size: 1.2rem;\n        color: #333;\n        flex: 1;\n    }\n\n    \/* Info sections *\/\n    .info-section {\n        margin: 3em 0;\n        padding: 30px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border-right: 5px solid #9C8102;\n        transition: transform 0.3s ease;\n    }\n\n    .info-section:hover {\n        transform: translateX(-5px);\n    }\n\n    \/* Usage section *\/\n    .usage-section {\n        margin: 3em 0;\n    }\n\n    .usage-title {\n        color: #9C8102;\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n    }\n\n    .usage-steps {\n        display: flex;\n        justify-content: space-between;\n        position: relative;\n        margin: 40px 0;\n    }\n\n    .usage-steps::before {\n        content: '';\n        position: absolute;\n        top: 25px;\n        right: 0;\n        left: 0;\n        height: 2px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: -1;\n    }\n\n    .usage-step {\n        text-align: center;\n        position: relative;\n        width: 120px;\n    }\n\n    .step-number {\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        font-size: 1.3rem;\n        margin: 0 auto 15px;\n    }\n\n    .step-text {\n        font-size: 0.95rem;\n        color: #555;\n    }\n\n    \/* Call to action *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 3em 0 1em;\n    }\n\n    .cta-container h2 {\n        color: white;\n        margin-bottom: 20px;\n    }\n\n    .cta-container h2::after {\n        background-color: white;\n        margin: 10px auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Highlight box *\/\n    .highlight-box {\n        background: rgba(156, 129, 2, 0.08);\n        border-radius: 10px;\n        padding: 20px;\n        margin: 2em 0;\n        border: 3px solid #000;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-container {\n            grid-template-columns: 1fr;\n        }\n\n        .percentage-container {\n            flex-direction: column;\n        }\n\n        .percentage-label {\n            margin: 20px 0 0 0;\n            text-align: center;\n        }\n\n        .usage-steps {\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .usage-steps::before {\n            display: none;\n        }\n\n        .usage-step {\n            margin-bottom: 30px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eEl compuesto perfecto que ha cambiado el skincare... ahora en la concentración más alta posible\u003c\/h2\u003e\n\u003c!-- Percentage Indicator --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv class=\"percentage-circle\"\u003e\n\u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"percentage-label\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eDescubre la diferencia con alta concentración\u003c\/h3\u003e\n\u003cp\u003eProbablemente ya hayas probado la niacinamida, pero nunca a esta concentración del 15%, que pondrá a prueba todo lo que sabes sobre el skincare. Su efecto es más potente que nunca contra las impurezas y actúa para reducir los poros con una eficacia sin precedentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Product\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLa fórmula equilibrante de la melanina desafía incluso la pigmentación más obstinada\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eEsta fórmula está altamente especializada en equilibrar la producción de melanina. Cuando se expone a factores ambientales, la piel aumenta la producción de melanina de manera irregular, llevando a la aparición de estas molestas pigmentaciones que afectan considerablemente tu apariencia.\u003c\/p\u003e\n\u003cp\u003eEsta fórmula equilibra la producción de pigmento, llevando a unificar el tono de la piel y obtener una piel clara, libre de pigmentaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Pore Minimizing Effect\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e¿Sufres de poros dilatados? Esta es la solución final\u003c\/h2\u003e\n\u003cp\u003eDeshazte de esos molestos poros dilatados que te hacen parecer más viejo de lo que eres y que absorben polvo y factores ambientales nocivos llevándolos en profundidad a tu piel.\u003c\/p\u003e\n\u003cp\u003eEl suero limpia y purifica los poros de la piel y reduce las secreciones de sebo, lo que reduce invisiblemente el tamaño de los poros y hace que la textura de la piel parezca vidrio... ¡literalmente!\u003c\/p\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduce los poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna concentración del 15% de niacinamida regula la secreción de aceites y reduce muy eficazmente los poros dilatados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTrata la pigmentación y uniforma el tono de la piel regulando la producción del pigmento melanina\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombate el acné\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduce la inflamación y previene el acné regulando la secreción de sebo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Texture Improvement\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eReconstruye la textura de la piel\u003c\/h2\u003e\n\u003cp\u003eEl suero de niacinamida no solo ayuda a combatir el acné, sino que también contribuye a mejorar la textura general de la piel, haciéndola más suave y elástica.\u003c\/p\u003e\n\u003cp\u003eEs más que un simple suero, es una completa rejuvenecimiento para tu piel.\u003c\/p\u003e\n\u003c!-- Before\/After Comparison --\u003e\n\u003cdiv class=\"comparison-container\"\u003e\n\u003cimg alt=\"Before and After Using Niacinamide Serum\" class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eAdiós a puntos blancos y puntos negros\u003c\/h2\u003e\n\u003cp\u003eLos comedones y los puntos negros se forman cuando el aceite y el sebo se acumulan dentro de los poros y los bloquean o interactúan con el aire. El suero COSRX Niacinamide trabaja para reducir el tamaño de los poros y regular la secreción de sebo, previniendo la acumulación de aceite y suciedad. También ayuda a renovar las células de la piel y a exfoliarlas suavemente, lo que previene los poros obstruidos y trata eficazmente los comedones y puntos negros.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eEs un producto soñado para la piel grasa\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eSi tienen la piel grasa o mixta, probablemente conozcan los desafíos de enfrentar el exceso de sebo y los poros dilatados. Pero con el Suero de Niacinamida 15% de COSRX ahora pueden obtener una piel clara y más tonificada sin preocuparse por el exceso de brillo o los problemas asociados con la secreción de sebo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eProtección completa contra los efectos del tiempo...tratamiento y prevención en una sola fórmula\u003c\/h2\u003e\n\u003cp\u003eEl tiempo no hace descuentos a tu piel. Cada día que estamos expuestos a factores ambientales dañinos es un paso más hacia el envejecimiento prematuro\u003cbr\/\u003eNo dejes sola a tu piel en su lucha contra el tiempo\u003c\/p\u003e\n\u003cp\u003e¡Tu piel debería contar con un escudo protector de niacinamida! La niacinamida en esta fórmula altamente concentrada protege la piel de los oxidantes que causan el envejecimiento prematuro!\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch3 class=\"usage-title\"\u003e¿Cómo lo usas?\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpiar la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicar el tónico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicación del suero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eCrema hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eAplica el Suero de Niacinamida al 15% por la mañana y por la noche sobre la piel limpia antes de cualquier otra crema u aceite.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNota\u003c\/strong\u003e: En Con Productos Contiene Sobre C .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n\u003cp\u003eLa solución perfecta para poros dilatados y tono de piel desigual\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to animate percentage circle\n        const animatePercentageCircle = () =\u003e {\n            const percentageCircle = document.querySelector('.percentage-circle');\n            \n            if (percentageCircle) {\n                percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n                \n                setTimeout(() =\u003e {\n                    percentageCircle.style.transition = 'background 1.5s ease-out';\n                    percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n                }, 300);\n            }\n        };\n        \n        \/\/ Observe elements coming into view\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Animate percentage circle when it comes into view\n        observeElements([document.querySelector('.percentage-container')], () =\u003e {\n            animatePercentageCircle();\n        });\n        \n        \/\/ Apply animations to benefit cards when they come into view\n        observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n            element.style.animation = 'fadeInUp 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to info sections when they come into view\n        observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n            element.style.animation = 'fadeIn 0.8s ease forwards';\n        });\n        \n        \/\/ Apply animations to step numbers when they come into view\n        observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n            element.style.animation = 'pulseIn 0.5s ease forwards';\n        });\n        \n        \/\/ Add keyframes for animations\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeInUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n                to {\n                    opacity: 1;\n                }\n            }\n            \n            @keyframes pulseIn {\n                0% {\n                    transform: scale(0.5);\n                    opacity: 0;\n                }\n                70% {\n                    transform: scale(1.1);\n                }\n                100% {\n                    transform: scale(1);\n                    opacity: 1;\n                }\n            }\n            \n            .benefit-card,\n            .info-section,\n            .featured-section,\n            .highlight-box {\n                opacity: 0;\n            }\n            \n            .step-number {\n                opacity: 0;\n            }\n        `;\n        document.head.appendChild(style);\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388815534,"sku":"INSTA05ت5008CHIQ","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1788175407"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 All in One Cream - Crema reparadora ultra hidratante con 92% de secreción de caracol","description":"\u003cdiv class=\"cx-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Black, Charcoal \u0026 Signature Yellow\/Gold) === *\/\n        .cx-ultimate-wrapper {\n            --cx-bg-dark: #080808; \n            --cx-bg-darker: #040404;\n            --cx-card-glass: rgba(255, 255, 255, 0.03);\n            --cx-card-hover: rgba(244, 192, 34, 0.05);\n            --cx-primary: #f4c022; \/* COSRX Signature Yellow *\/\n            --cx-primary-glow: rgba(244, 192, 34, 0.25);\n            --cx-gradient-accent: linear-gradient(135deg, #f4c022 0%, #d49a11 100%);\n            --cx-gradient-bg: linear-gradient(135deg, #1c1505 0%, #080808 100%);\n            --cx-text-light: #f5f5f5;\n            --cx-text-muted: #a3a3a3;\n            --cx-border: rgba(255, 255, 255, 0.06);\n            --cx-border-highlight: rgba(244, 192, 34, 0.3);\n            \n            font-family:inherit; \/* Inherits your Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cx-bg-dark);\n            color: var(--cx-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cx-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cx-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .cx-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            border: 1px solid var(--cx-border);\n            overflow: hidden;\n        }\n\n        .cx-media-wrapper.size-lg { max-width: 850px; }\n        .cx-media-wrapper.size-md { max-width: 600px; }\n\n        .cx-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .cx-media-wrapper:hover .cx-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .cx-title-main {\n            font-size: clamp(28px, 5vw, 48px);\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n            text-align: center;\n        }\n\n        .cx-title-section {\n            font-size: clamp(24px, 4vw, 36px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cx-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--cx-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .cx-text-accent {\n            background: var(--cx-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cx-highlight-box {\n            background: rgba(244, 192, 34, 0.08);\n            border: 1px solid var(--cx-border-highlight);\n            padding: 20px;\n            border-radius: 12px;\n            display: inline-block;\n            margin-bottom: 30px;\n        }\n\n        .cx-highlight-box p {\n            color: var(--cx-primary);\n            font-weight: 700;\n            font-size: 1.15rem;\n            margin: 0;\n        }\n\n        \/* === Alternating Sections === *\/\n        .cx-section { padding: 80px 0; position: relative; }\n        \n        .cx-theme-dark { background-color: var(--cx-bg-dark); }\n        .cx-theme-darker { background-color: var(--cx-bg-darker); border-top: 1px solid var(--cx-border); border-bottom: 1px solid var(--cx-border); }\n        .cx-theme-gradient { background: var(--cx-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .cx-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cx-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4;\n            background: rgba(244, 192, 34, 0.12);\n        }\n        .cx-glow-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cx-glow-2 { width: 600px; height: 600px; bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .cx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cx-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n\n        .cx-card {\n            background: var(--cx-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--cx-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .cx-card:hover {\n            transform: translateY(-8px);\n            background: var(--cx-card-hover);\n            border-color: var(--cx-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--cx-primary-glow);\n        }\n\n        .cx-icon-badge {\n            width: 50px; height: 50px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--cx-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cx-primary);\n            font-size: 20px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family:system-ui,sans-serif;\n        }\n\n        .cx-card:hover .cx-icon-badge {\n            background: var(--cx-gradient-accent);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .cx-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cx-card p { font-size: 1rem; color: var(--cx-text-muted); margin: 0; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cx-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cx-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cx-primary), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cx-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cx-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-left: 50%; }\n        \n        .cx-timeline-content {\n            width: 90%; background: var(--cx-card-glass); border: 1px solid var(--cx-border);\n            padding: 30px; border-radius: 16px; transition: 0.3s;\n        }\n        \n        .cx-timeline-content:hover {\n            border-color: var(--cx-primary); transform: translateY(-5px); background: var(--cx-card-hover);\n        }\n\n        .cx-timeline-badge {\n            position: absolute; top: 30px; right: -7%; width: 16px; height: 16px;\n            background: var(--cx-bg-darker); border: 3px solid var(--cx-primary); border-radius: 50%; z-index: 2;\n        }\n        .cx-timeline-item:nth-child(even) .cx-timeline-badge { right: auto; left: -7%; }\n        \n        .cx-time-label {\n            color: #000; font-weight: 800; margin-bottom: 15px; font-size: 1rem;\n            display: inline-block; background: var(--cx-gradient-accent); padding: 4px 15px; border-radius: 20px;\n        }\n\n        \/* === Clean Lists === *\/\n        .cx-list { list-style: none; padding: 0; margin-top: 20px; }\n        .cx-list li {\n            position: relative; padding-left: 30px; margin-bottom: 15px; color: var(--cx-text-light); font-size: 1.05rem;\n        }\n        .cx-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cx-primary); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === CTA Button === *\/\n        .cx-btn {\n            display: inline-block;\n            background: var(--cx-gradient-accent);\n            color: #000;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.25rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cx-primary-glow);\n            margin-top: 20px;\n        }\n        .cx-btn:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4);\n        }\n\n        \/* === Animations === *\/\n        .cx-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cx-reveal.cx-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cx-section { padding: 50px 0; }\n            .cx-timeline::before { right: 20px; transform: none; }\n            .cx-timeline-item, .cx-timeline-item:nth-child(even) { padding-left: 0; padding-left: 50px; justify-content: flex-start; }\n            .cx-timeline-content { width: 100%; }\n            .cx-timeline-badge { right: 12px; top: 30px; }\n            .cx-timeline-item:nth-child(even) .cx-timeline-badge { left: auto; right: 12px; }\n            .cx-media-wrapper { border-radius: 12px; }\n            .cx-title-main { font-size: 2rem; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cx-title-main cx-reveal\"\u003eCrema de caracol 92 de COSRX\u003cbr\/\u003e\u003cspan class=\"cx-text-accent\"\u003eEl milagro biológico de la restauración de la piel\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n\u003cp\u003eLa solución definitiva para obtener la Glass Skin!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n                Si te hubieran dicho que el secreto para una piel clara e impecable reside en una sustancia natural e innovadora... ¿tendrías el valor de probarla? Millones de personas en todo el mundo han superado esta duda, y el resultado ha sido una piel sin granos y una barrera fuerte que no puede ser penetrada por la sequedad.\n            \u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail 92 Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_crawling_on_cream_jar_202608292001.jpg?v=1788023026\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE BIO-SECRET (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eSecreto biológico: ¿Por qué se considera un milagro el “gel de caracol”?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eNo es solo un hidratante tradicional que contiene un pequeño porcentaje de principios activos; más bien, es una bomba de restauración que contiene el 92% de extracto de gel puro\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2\"\u003e\n\u003cdiv class=\"cx-reveal\"\u003e\n\u003cp style=\"font-size: 1.1rem; color: var(--cx-text-light); margin-bottom: 20px;\"\u003e\n                        Imagina una criatura que se arrastra sobre rocas y espinas durante toda la vida sin desgarrar la piel... ¿Cómo sucede?\n                    \u003c\/p\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n                        Los científicos han descubierto que el caracol segrega un gel que actúa como un “escudo terapéutico instantáneo.” Este gel es naturalmente rico en ácido hialurónico, enzimas y antimicrobianos que curan las heridas y regeneran las células en pocos segundos.\n                    \u003c\/p\u003e\n\u003cul class=\"cx-list\"\u003e\n\u003cli\u003eRestaura las células dañadas muy rápidamente.\u003c\/li\u003e\n\u003cli\u003eBorra los efectos de los granos y reduce la profundidad de las cicatrices superficiales.\u003c\/li\u003e\n\u003cli\u003eConstruye la barrera hidrolipídica más eficazmente que muchos materiales sintéticos.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Mucin Benefits\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292003.jpg?v=1788023065\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. WHY VIRAL (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\"\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003e¿Por qué esta textura se ha convertido en la obsesión número uno para los amantes de la belleza?\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin: 40px auto;\"\u003e\n\u003cimg alt=\"Unique Snail Cream Texture\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_in_cream_jar_202608292003.jpg?v=1788023086\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-2\" style=\"color: var(--cx-text-light); max-width: 900px; font-size: 1.15rem;\"\u003e\n                Hidratantes Piel Sobre Poros Cereales . Pero se usa \u003cstrong\u003e\"Restauración celular acuosa\"\u003c\/strong\u003e. La textura extrañamente gomosa es exactamente lo que la hace mágica; se disuelve en pocos segundos, es absorbida por la piel como una esponja y no deja residuos grasosos ni obstruidos.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. INGREDIENTS GRID (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eMapa de la frescura: ¿cómo cambian los ingredientes tu piel?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eUna fórmula concentrada y cuidadosamente estudiada que apunta a todos los problemas de la piel.\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eGel de baba de caracol regeneradora (92%)\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003ePlástico impecable\u003c\/h4\u003e\n\u003cp\u003eIngrediente heroico. Responsable de la aceleración de la regeneración celular, de la eliminación de los efectos de los granos oscuros y rojos y de la reducción de la profundidad de las cicatrices para dejar la superficie de la piel completamente lisa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eÁcido hialurónico\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eRellenador para líneas finas\u003c\/h4\u003e\n\u003cp\u003eUn imán de hidratación que penetra profundamente en la piel, reteniendo el agua en las células, dando a la piel el volumen que oculta eficazmente las líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003ePantenol y alantoína\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eEscudo de protección y calmante\u003c\/h4\u003e\n\u003cp\u003eInmediatamente Sobre Enrojecimiento , Piel .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e04\u003c\/div\u003e\n\u003ch3\u003eAdenosina\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eArma anti-edad\u003c\/h4\u003e\n\u003cp\u003eProporciona a la piel energía celular que ayuda a mejorar la elasticidad cutánea y a combatir los signos del envejecimiento para un aspecto más joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. TIMELINE \u0026 VALUE (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003ePrograma de transformación\u003c\/h2\u003e\n\u003cdiv class=\"cx-timeline cx-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eDesde la primera semana\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            Hidratación intensa y acuosa inmediata, desaparición de sequedad y descamación, notable alivio del enrojecimiento, y aparición de un efecto luminoso de “piel de vidrio” al absorberse.\n                        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eDespués de un mes de uso\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            Una barrera hidrolipídica fuerte que no se ve afectada por factores externos, un evidente desvanecimiento de granos y manchas, una textura sedosa y suave y un relleno de las líneas finas\n                        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eUna verdadera inversión... relación calidad-precio\u003c\/h2\u003e\n\u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n\u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eTamaño gigante (100 gramos)\u003c\/h3\u003e\n\u003cp\u003eEstá disponible en un envase muy grande en comparación con los hidratantes faciales tradicionales, que a menudo tienen un tamaño de solo 50 gramos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eUna pequeña gota es suficiente\u003c\/h3\u003e\n\u003cp\u003eGracias a su textura pegajosa y elástica, una pizca del tamaño de un guisante es suficiente para rostro y cuello. El envase durará meses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eVersátil\u003c\/h3\u003e\n\u003cp\u003eUn producto Todo-en-Uno que elimina la necesidad de usar un suero hidratante y otra crema para la reparación de la barrera. Un solo paso es suficiente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eUniversal y original\u003c\/h3\u003e\n\u003cp\u003eUn producto best-seller en todo el mundo, ofrece resultados reales a un precio competitivo, inigualable respecto a sus numerosos beneficios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. USAGE \u0026 CTA (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eModo de uso correcto\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\"\u003e\n\u003cimg alt=\"How to use COSRX Snail Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_picking_cream_from_jar_202608292006.jpg?v=1788023217\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-grid-3 cx-reveal delay-2\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e01\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003ePreparación\u003c\/h3\u003e\n\u003cp\u003eÚsalo Sobre Piel .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e02\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003eCantidad\u003c\/h3\u003e\n\u003cp\u003eCantidad .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e03\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003ePlenitud\u003c\/h3\u003e\n\u003cp\u003eNo frotes enérgicamente, aplícalo dando golpecitos hasta que se disuelva y se absorba completamente en 30 segundos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cx-card cx-reveal\" style=\"background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1)); border-color: rgba(244, 192, 34, 0.3); padding: 50px 30px;\"\u003e\n\u003ch2 class=\"cx-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eLa tendencia global que constantemente agota los mercados\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n                    No dejes que tu piel sufra de sequedad o granos mientras el milagro biológico coreano está al alcance de tu mano. Esta crema logra enormes ventas a nivel global y se agota muy rápidamente. \u003cstrong\u003e¡Ordena ahora, y despierta mañana con la piel hidratada, clara y radiante!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Get COSRX Snail Cream Now\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292001.jpg?v=1788023239\"\/\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cx-btn\"\u003eObtén la glass skin ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- INGREDIENTS LIST --\u003e\n\u003cdiv class=\"cx-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cx-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cx-primary); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eLista completa de ingredientes\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Betaine, Caprylic\/Capric Triglyceride, Cetearyl Olivate, Sorbitan Olivate, Sodium Hyaluronate, Cetearyl Alcohol, Stearic acid, Arginine, Dimethicone, Carbomer, Panthenol, Allantoin, Sodium Polyacrylate, Xanthan Gum, Ethyl Hexanediol, Adenosine, Phenoxyethanol.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Intersection Observer for scroll animations\n            const reveals = document.querySelectorAll('.cx-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cx-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389438126,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2024-12-29T140801.300_16ba6210-2605-4e72-90f8-1d3298226aa6.jpg?v=1788175399"},{"product_id":"uriage-age-smoothing-eye-cream","title":"crema de ojos Uriage age | Corrección anti-ojeras de arrugas oculares Anti-inflamatorio","description":"\u003ch3\u003eProtege la zona de los ojos de los signos del envejecimiento\u003c\/h3\u003e\n\u003cp\u003eLos signos del envejecimiento aparecen primero en la zona alrededor de los ojos, donde se acumulan arrugas, ojeras e hinchazón, dando un aspecto cansado y más viejo. ¿Te das cuenta de que ignorar esta área puede acelerar la aparición de estos signos? No dejes que el paso del tiempo influya en la belleza de la zona de los ojos. Con crema \u003cstrong\u003eAGE LIFT - SMOOTHING EYE CARE\u003c\/strong\u003eRestaurarás la frescura del área de los ojos y disfrutarás de un aspecto más luminoso y vivaz.\u003c\/p\u003e\n\u003ch3\u003eEl área de los ojos es el centro y la zona más importante de tu rostro\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e¿Área de ojos seca y cansada?\u003c\/strong\u003e\u003cbr\/\u003eNo enfrentarás más estos problemas. Con una fórmula innovadora que contiene ingredientes antiedad, la crema te ofrece... \u003cstrong\u003eAGE LIFT\u003c\/strong\u003e Una solución completa para la piel del contorno de ojos. Esto es lo que ofrece esta crema única:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eReducir las arrugas y aliviar los signos del envejecimiento:\u003c\/strong\u003e\u003cbr\/\u003eFórmula rica en Retinol y Ácido Hialurónico, que trabajan juntos para reducir la apariencia de arrugas y líneas finas, devolviendo al área de los ojos un aspecto más joven y tonificado.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eCombate las ojeras y la hinchazón\u003c\/strong\u003e\u003cbr\/\u003eIngredientes activos como \u003cstrong\u003eDextran Sulfate\u003c\/strong\u003e Y \u003cstrong\u003ePerline\u003c\/strong\u003e Reduce notablemente la hinchazón y las ojeras, proporcionando un aspecto cómodo y fresco durante todo el día.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHidratación y confort duraderos:\u003c\/strong\u003e\u003cbr\/\u003eCon \u003cstrong\u003eManteca de karité\u003c\/strong\u003eLa crema hidrata intensamente la zona de los ojos y le da suavidad y tersura, lo que ayuda a mejorar la elasticidad de la piel y reducir la flacidez cutánea.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtección contra los factores ambientales dañinos:\u003c\/strong\u003e\u003cbr\/\u003eLa crema combate la contaminación, los rayos UV y el estrés diario, que contribuyen al empeoramiento de las condiciones de la piel, para mantenerte radiante y joven.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eSi es así, entonces es el momento perfecto para un cambio. Generoso \u003cstrong\u003eAGE LIFT\u003c\/strong\u003e Es la solución ideal para tratar estos problemas recurrentes en la zona de los ojos.\u003c\/p\u003e\n\u003ch3\u003eTodos los ingredientes que la piel delicada alrededor de los ojos necesita están combinados en esta fórmula\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetinol:\u003c\/strong\u003e El ingrediente mágico para combatir los signos del envejecimiento. Mejora la elasticidad y la textura de la piel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido hialurónico:\u003c\/strong\u003e Un potente hidratante que rellena las arrugas finas y ayuda a restaurar la apariencia de ojos tonificados.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManteca de karité:\u003c\/strong\u003e Proporciona confort excepcional e hidratación duradera.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAgua termal con urea:\u003c\/strong\u003e Para calmar la piel sensible alrededor de los ojos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eResultados tangibles en poco tiempo!\u003c\/h3\u003e\n\u003cp\u003eLos estudios clínicos han mostrado que \u003cstrong\u003eAGE LIFT\u003c\/strong\u003e Obtiene resultados extraordinarios:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eAumento del 59% de confort y luminosidad\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEl 95% de los usuarios confirmaron el efecto suavizante sobre la piel.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e82% notó una mejora inmediata en la frescura de la zona alrededor de los ojos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eNo dejes que el área de los ojos hable de tu sufrimiento\u003c\/h3\u003e\n\u003cp\u003eRestablece tu frescura con crema \u003cstrong\u003eAGE LIFT - SMOOTHING EYE CARE\u003c\/strong\u003e Disfruta de un aspecto más luminoso y equilibrado en la zona de los ojos. Un poco de tiempo y atención con la crema innovadora significa mucha belleza y juventud en el futuro.\u003c\/p\u003e\n\u003ch3\u003eConsejo:\u003c\/h3\u003e\n\u003cp\u003eÚsalo por la mañana y por la noche después de haber limpiado la piel. Aplica solo una pequeña cantidad alrededor de los ojos y masajea suavemente para obtener resultados óptimos.\u003c\/p\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":46999389798574,"sku":"INSTA0662CHIQ","price":19.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/uriage_age_lift_eye_care.jpg?v=1788175398"},{"product_id":"cosrx-retinol-serum","title":"Cosrx Suero de Retinol 0,5% + Esqualeno | Antiarrugas | Mejora la elasticidad de la piel","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3, \n    .product-description h4 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 2.2rem;\n        text-align: center;\n    }\n\n    .product-description h3 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description h4 {\n        font-size: 1.4rem;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n    }\n\n    .product-description ul {\n        list-style: none;\n        padding: 0;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 1.5em;\n        background: rgba(156, 129, 2, 0.03);\n        padding: 20px;\n        border-radius: 10px;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        border-radius: 15px;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Results section *\/\n    .results-container {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .percentage-bar {\n        width: 100%;\n        height: 10px;\n        background-color: rgba(255, 255, 255, 0.7);\n        border-radius: 5px;\n        overflow: hidden;\n        margin: 20px 0;\n    }\n\n    .percentage-fill {\n        height: 100%;\n        width: 0;\n        background-color: #9C8102;\n        transition: width 1.5s ease-in-out;\n    }\n\n    \/* Usage timeline *\/\n    .timeline {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 0;\n    }\n\n    .timeline::after {\n        content: '';\n        position: absolute;\n        width: 6px;\n        background-color: rgba(156, 129, 2, 0.2);\n        top: 0;\n        bottom: 0;\n        right: 50%;\n        margin-left: -3px;\n    }\n\n    .timeline-item {\n        padding: 10px 50px;\n        position: relative;\n        width: 50%;\n    }\n\n    .timeline-item::after {\n        content: '';\n        position: absolute;\n        width: 25px;\n        height: 25px;\n        background-color: white;\n        border: 4px solid #9C8102;\n        border-radius: 50%;\n        top: 15px;\n        transition: transform 0.5s ease, background-color 0.5s ease;\n    }\n\n    .timeline-item:hover::after {\n        transform: scale(1.2);\n        background-color: #9C8102;\n    }\n\n    .right {\n        right: 0;\n    }\n\n    .left::after {\n        right: -12px;\n    }\n\n    .right::after {\n        left: -12px;\n    }\n\n    \/* CTA section *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-container h3 {\n        color: white;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::after {\n            right: 30px;\n        }\n        \n        .timeline-item {\n            width: 100%;\n            padding-left: 70px;\n            padding-left: 25px;\n        }\n        \n        .right {\n            right: auto;\n        }\n        \n        .right::after {\n            left: auto;\n            right: 18px;\n        }\n        \n        .left::after {\n            right: 18px;\n        }\n    }\n\n    \/* Animation classes - Added for animated elements when JS loads *\/\n    .animate-on-scroll {\n        transition: transform 0.8s ease, opacity 0.8s ease;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003eRetinol... el soldado desconocido en la lucha contra los signos del envejecimiento\u003c\/h2\u003e\n\u003cp\u003e¿Alguna vez te has mirado en el espejo y has sentido que el tiempo comienza a dejar su huella en tu piel? Las arrugas finas aparecen lentamente, los poros parecen más grandes, la textura de la piel ya no parece tan lisa como antes?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNo dejes que el tiempo te controle\u003c\/strong\u003e\u003cbr\/\u003eEl envejecimiento no es una excusa para aceptar estos cambios, sino más bien un desafío que puedes superar.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Suero de Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003e¿La solución? Suero de Retinol 0,5% de COSRX\u003c\/h3\u003e\n\u003cp\u003eEl mejor producto con retinol del mundo, cuidadosamente diseñado para atacar incluso los problemas más sutiles de la piel, desde arrugas profundas y líneas finas hasta la textura áspera de la piel y la pérdida de elasticidad.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003e¿Por qué esta fórmula es una de las mejores fórmulas de retinol?\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n\u003ch4\u003eExcepcional concentración de retinol puro\u003c\/h4\u003e\n\u003cp\u003eEste producto contiene \u003cstrong\u003e0,5% concentración de retinol puro\u003c\/strong\u003eEs una de las concentraciones más altas disponibles en el mercado. El retinol es notoriamente difícil de formular a concentraciones tan elevadas, requiriendo técnicas precisas para mantener su estabilidad y garantizar su eficacia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eFórmula delicada que no provoca irritaciones cutáneas\u003c\/h4\u003e\n\u003cp\u003eA diferencia de las fórmulas tradicionales con retinol que pueden causar irritaciones y enrojecimiento de la piel, este producto contiene una mezcla única de ingredientes calmantes, lo que lo hace delicado incluso para la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eTextura ligera y de rápida absorción\u003c\/h4\u003e\n\u003cp\u003eCon una ligera textura oleosa y sedosa, se absorbe fácilmente en la piel sin dejar residuos grasos, haciéndolo ideal como paso esencial en tu rutina nocturna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHidratación profunda con escualeno vegetal\u003c\/h4\u003e\n\u003cp\u003eEl producto contiene \u003cstrong\u003eEscualeno extraído de las plantas\u003c\/strong\u003e, que actúa como un poderoso hidratante que previene la sequedad resultante del uso de retinol, manteniendo la piel hidratada y suave durante toda la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotrienol (súper vitamina E)\u003c\/h4\u003e\n\u003cp\u003eReduce significativamente los daños de los radicales libres y mejora el aspecto general de la piel, aumentando la eficacia del Retinol y garantizando resultados completos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"Resultados del uso del suero de retinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003e¡Resultados clínicos impresionantes!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMejora del 18,4% en las líneas de la nariz y los labios en solo 4 semanas\u003c\/strong\u003e .\u003c\/p\u003e\n\u003cdiv class=\"percentage-bar\"\u003e\n\u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" style=\"display: block; margin: 30px auto;\"\/\u003e\n\u003c!-- Usage Timeline --\u003e\n\u003ch3\u003eUso gradual, efecto excepcional\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 1-2\u003c\/h4\u003e\n\u003cp\u003eComienza lentamente para permitir que tu piel se adapte. Usa el producto una vez a la semana al principio, luego dos veces a la semana a partir de la segunda semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eSemana 3-4\u003c\/h4\u003e\n\u003cp\u003eAumentar la frecuencia a 3 veces por semana. Notarás una mejora en la textura de la piel y una reducción de las primeras arrugas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 5-8\u003c\/h4\u003e\n\u003cp\u003eUsa el producto a diario o según lo tolere tu piel. Notarás una clara mejora en la elasticidad y frescura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eDesde la semana 8 en adelante\u003c\/h4\u003e\n\u003cp\u003eDisfruta de una piel renovada y fresca, libre de arrugas y signos de envejecimiento!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX Aceite de Retinol 0,5%\u003c\/h3\u003e\n\u003cp\u003eNo es solo otro producto para el skincare, es una innovación científica avanzada que te ofrece resultados visibles sin comprometer la comodidad de tu piel.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComienza ahora y combate los signos del tiempo!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Animate percentage bar\n    (function() {\n        \/\/ Add animation to percentage bar without hiding content\n        setTimeout(function() {\n            var percentageFills = document.querySelectorAll('.percentage-fill');\n            percentageFills.forEach(function(fill) {\n                var percent = fill.getAttribute('data-percent');\n                fill.style.width = percent + '%';\n            });\n        }, 500);\n        \n        \/\/ Optional: Enable scroll animations only if preferred\n        var enableScrollAnimations = false;\n        \n        if (enableScrollAnimations) {\n            \/\/ Add animation classes to elements\n            var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n            \n            elementsToAnimate.forEach(function(el) {\n                el.classList.add('animate-on-scroll');\n            });\n            \n            \/\/ Intersection Observer for scroll animations\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = 1;\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elementsToAnimate.forEach(function(el) {\n                el.style.opacity = 0;\n                el.style.transform = 'translateY(20px)';\n                observer.observe(el);\n            });\n        }\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389962414,"sku":null,"price":23.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1788175397"},{"product_id":"cosrx-6-peptide","title":"COSRX Suero Booster de la Piel con 6 Péptidos - Reinicio Total de la Piel y Renovación de la Barrera Multi-Péptido","description":"\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Count-up animation for percentage numbers\n            const countUpElements = document.querySelectorAll('.count-up');\n            \n            const countObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const element = entry.target;\n                        const finalValue = parseFloat(element.getAttribute('data-value'));\n                        \n                        let startTime;\n                        const duration = 2000; \/\/ 2 seconds\n                        \n                        function animate(currentTime) {\n                            if (!startTime) startTime = currentTime;\n                            \n                            const elapsedTime = currentTime - startTime;\n                            const progress = Math.min(elapsedTime \/ duration, 1);\n                            \n                            const currentValue = progress * finalValue;\n                            element.textContent = currentValue.toFixed(1) + '%';\n                            \n                            if (progress \u003c 1) {\n                                requestAnimationFrame(animate);\n                            }\n                        }\n                        \n                        requestAnimationFrame(animate);\n                        countObserver.unobserve(element);\n                    }\n                });\n            }, {\n                threshold: 0.5\n            });\n            \n            countUpElements.forEach(el =\u003e {\n                countObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n\u003cstyle\u003e\n        .cosrx-peptide-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .cosrx-peptide-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: ltr;\n            font-family:inherit;\n            color: #333;\n        }\n        \n        .peptide-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .peptide-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .peptide-subtitle {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #555;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .peptide-content {\n            margin-bottom: 60px;\n        }\n        \n        .peptide-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        .peptide-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .peptide-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n        }\n        \n        .peptide-benefits {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 40px 0;\n        }\n        \n        .benefit-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .benefit-card:hover {\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #9C8102;\n            font-size: 1.1rem;\n        }\n        \n        .peptide-list {\n            list-style-type: disc;\n            padding-left: 20px;\n            margin: 20px 0;\n        }\n        \n        .peptide-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .result-cards {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 30px 0;\n        }\n        \n        .result-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            text-align: center;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .result-percentage {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #c3a300;\n            margin-bottom: 10px;\n        }\n        \n        .result-text {\n            font-size: 0.95rem;\n            color: #555;\n        }\n        \n        .how-to-use {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            margin-top: 40px;\n        }\n        \n        .how-to-use h3 {\n            margin-bottom: 15px;\n            font-weight: 700;\n            font-size: 1.2rem;\n            color: #c3a300;\n        }\n        \n        .how-to-use ol {\n            padding-left: 25px;\n        }\n        \n        .how-to-use li {\n            margin-bottom: 10px;\n            line-height: 1.5;\n        }\n        \n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .count-up {\n            display: inline-block;\n        }\n        \n        \/* Shine effect for cards *\/\n        .benefit-card, .result-card {\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .benefit-card::after, .result-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            transition: transform 0.7s ease;\n            opacity: 0;\n        }\n        \n        .benefit-card:hover::after, .result-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        @media (max-width: 768px) {\n            .peptide-benefits,\n            .result-cards {\n                grid-template-columns: 1fr;\n            }\n            \n            .peptide-title {\n                font-size: 1.5rem;\n            }\n            \n            .peptide-section-title {\n                font-size: 1.3rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"peptide-header fade-in\"\u003e\n\u003ch2 class=\"peptide-title\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003eUn producto avanzado que contiene 6 potentes péptidos para rejuvenecer de manera completa y mejorar el aspecto de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003e¿Por qué los péptidos son la palabra clave?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003eLos péptidos son cadenas de aminoácidos fundamentales para la reparación y regeneración de la piel. Sin embargo, la fuerza de los péptidos radica en su versatilidad.\u003cbr\/\u003eHe aquí por qué el equipo \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e Creando una fórmula extraordinaria que contiene \u003cspan class=\"highlight\"\u003e6 tipos de péptidos\u003c\/span\u003eDiseñado para afrontar cualquier problema que puedas tener:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestaura la elasticidad de la piel:\u003c\/strong\u003e Adiós a la flacidez de la piel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir las arrugas profundas y las líneas finas\u003c\/strong\u003e Haz que tu rostro parezca años más joven.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir los poros y lograr una piel suave\u003c\/strong\u003e ¿Por qué los pequeños detalles marcan la diferencia?\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoble hidratación sin sensación de pesadez:\u003c\/strong\u003e Tu piel respirará de nuevo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eUn único producto te hará ahorrar la necesidad de rutinas complicadas y costosas\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCon \u003cspan class=\"highlight\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/span\u003eYa no necesitas una colección de productos múltiples que te pesan y te cuestan mucho dinero. Este producto avanzado contiene 6 péptidos efectivos que tratan varios problemas de la piel en un solo paso.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eGracias a la fórmula integrada del suero, puedes prescindir de tónico, suero y otros productos, ahorrando así tiempo y dinero. La belleza y el skincare ya no requieren una rutina complicada. COSRX 6 Peptide Serum es todo lo que necesitas para una piel sana y rejuvenecida.\u003c\/p\u003e\n\u003cimg alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e6 péptidos trabajan en armonía para restaurar la juventud de tu piel\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eImagina tu piel recibiendo el mejor tratamiento posible gracias a una mezcla completa de 6 potentes péptidos que trabajan juntos para rejuvenecer y mejorar el aspecto de tu piel. Desde mejorar la elasticidad de la piel y reducir las arrugas hasta tonificar y renovar las células, estos péptidos estimulan la piel para repararse de manera natural.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eCada uno de los 6 péptidos trabaja para abordar un problema específico: reducir las líneas finas, mejorar la textura de la piel, combatir la pigmentación y rejuvenecer la piel. ¿El resultado? Piel más tonificada, suave y radiante, con avances visibles en el rejuvenecimiento cutáneo.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eCombate los signos del envejecimiento\u003c\/h4\u003e\n\u003cp\u003eLos péptidos estimulan la producción de colágeno y elastina, ayudando a reducir las arrugas y a restaurar la juventud de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eHidratación profunda de la piel\u003c\/h4\u003e\n\u003cp\u003eLos péptidos trabajan con el ácido hialurónico para proporcionar una hidratación intensa a la piel, haciéndola más suave y elástica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h4\u003e\n\u003cp\u003eGracias a la niacinamida y los péptidos, el suero trabaja para aclarar las pigmentaciones y unificar el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFortalecer la barrera protectora de la piel\u003c\/h4\u003e\n\u003cp\u003eEl suero ayuda a fortalecer la barrera protectora de la piel, protegiéndola de los factores ambientales nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eFórmula avanzada que combina péptidos con los ingredientes más potentes para el skincare\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamida, ácido hialurónico y adenosina\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eLos péptidos por sí solos son conocidos por su superior capacidad de rejuvenecer la piel y estimular la producción de colágeno. \u003cstrong\u003ePero cuando se combina con ingredientes como niacinamida, ácido hialurónico y adenosina, se produce un efecto extraordinario que no se puede lograr con ningún otro producto.\u003c\/strong\u003e\u003cbr\/\u003eLa niacinamida ayuda a uniformar el tono de la piel y reducir los poros, mientras que el ácido hialurónico proporciona una hidratación profunda y la adenosina reduce las arrugas. Juntos, esta fórmula superior no solo otorga a la piel mayor firmeza, suavidad y luminosidad, sino que también mejora la capacidad de la piel para resistir los efectos del tiempo.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eTextura ligera... resultados pesados\u003c\/h3\u003e\n\u003cdiv class=\"result-cards\"\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la luminosidad de la piel\u003c\/strong\u003e: La piel se vuelve más luminosa y pura, mientras que su resplandor natural se restaura.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la hidratación\u003c\/strong\u003e: Obtener una hidratación profunda para la piel, que mejora su suavidad y elasticidad.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la frescura\u003c\/strong\u003e: La piel parece más vibrante y juvenil, como si hubiera recuperado su energía natural.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento del ácido hialurónico\u003c\/strong\u003e: Aumentar la proporción de ácido hialurónico significa una hidratación más profunda de la piel, lo que ayuda a mantener su salud y elasticidad.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eNo dejes que el tiempo afecte tu piel\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCon \u003cspan class=\"highlight\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/span\u003eEl tiempo ya no tendrá ningún efecto negativo en tu piel. Este producto es la solución perfecta para combatir los signos del envejecimiento, gracias a sus fórmulas avanzadas que contienen 6 potentes péptidos que trabajan para renovar las células, reducir las arrugas y mejorar la elasticidad de la piel. Disfruta de una piel más joven y luminosa y prepárate para desafiar al tiempo con confianza.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eCómo usar\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eDespués de limpiar la piel, aplica 2-3 dosis de suero. \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e En tu rostro.\u003c\/li\u003e\n\u003cli\u003eMasajear suavemente el producto con la yema de los dedos hasta su completa absorción.\u003c\/li\u003e\n\u003cli\u003ePosteriormente, utiliza tu crema hidratante favorita para una hidratación extra.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eTambién puedes combinar el suero con otros productos de \u003cstrong\u003eCOSRX\u003c\/strong\u003e Como niacinamida o suero de vitamina C para obtener los mejores resultados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999390257326,"sku":null,"price":27.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_6_peptide_skin_booster_6_6cf0efba-8a2d-426c-aa25-ba3429b1a187.jpg?v=1788175395"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"The ordinary suero multipéptido para ojos Suero concentrado de péptidos para tratar arrugas, hinchazón y ojeras","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eSuero The Ordinary Multi-Peptide Eye Serum combinación Hecho En About . Suero Sobre reduce Antiarrugas \u0026amp; Antiedad , Apariencia Sol .\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003eBeneficios principales\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003eMejora el aspecto de las arrugas\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\/\u003eLas tecnologías multi-péptido, incluido el Palmitoyl Tripeptide-38, reducen la apariencia de las arrugas alrededor de los ojos, rejuveneciendo la piel y disminuyendo los signos de cansancio.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003eReducir la hinchazón y las ojeras:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\/\u003eEl suero contribuye a mejorar el color y la luminosidad de la zona de los ojos, reduciendo el color oscuro y la hinchazón, dando a los ojos un aspecto luminoso y radiante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003ePurifica y suaviza la piel\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\/\u003eGracias a una combinación de Niacinamida y Extracto de Corteza de Fraxinus Excelsior, el suero suaviza la textura de la piel y mejora la luminosidad, dejando el área de los ojos más lisa y radiante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003eProtección superior:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\/\u003eEl suero ofrece una protección avanzada gracias a los ingredientes antioxidantes como Propil Galato y Galatilo Glucósido, así como Epigalocatequina Galatilo Glucósido, que combaten los daños ambientales y apoyan la salud de la piel a largo plazo.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003eFórmula de lujo:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\/\u003eLa fórmula tiene una alta concentración de ingredientes activos, lo que justifica el precio elevado, ya que una pequeña cantidad es suficiente para obtener resultados extraordinarios.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e¿Cómo funciona el suero?\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eEl suero se utiliza para favorecer la regeneración celular de la zona de los ojos a través de un mecanismo de acción combinado que incluye:\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003ePolipéptidos:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\/\u003eComo Palmitoyl Tripeptide-38, Matrixyl™ synthe'6™, RetinoPeptide 189, SYN™-AKE, CYTOBIOL™ LUMIN-EYE, UNISOOTH EG-28 y Eyeseryl™; Estos péptidos actúan como factores de señalización celular que estimulan la producción de proteínas necesarias para la regeneración de la piel, mejorando la elasticidad de la piel y reduciendo las arrugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003eNiacinamida y extracto de corteza de Fraxinus Excelsior:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\/\u003eAyudan a unificar el tono de la piel y reducir las ojeras, además de mejorar la textura y luminosidad de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003eIngredientes antioxidantes:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\/\u003eCómo el Propil Galato, Gallyl Glucoside y Epigallocatechin Gallatyl Glucoside protegen la piel de los radicales libres y reducen los daños ambientales, manteniendo la zona de los ojos sana por más tiempo.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eGracias a esta fórmula única, el suero trata simultáneamente diversos problemas: arrugas, ojeras, hinchazón y pérdida de luminosidad.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003eResultados clínicos\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eEstudios han mostrado que el uso regular del The Ordinary Multi-Peptide Eye Serum conduce a:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eMejora visible del aspecto de las arrugas finas alrededor de los ojos\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eReducción de las ojeras y de la hinchazón, aumentando la luminosidad de la zona de los ojos.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eMejorar la textura y la frescura de la piel, con un aumento de la luminosidad y de la textura sedosa de la zona del contorno de ojos\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eUna disminución evidente de la intensidad de la pigmentación oscura en la zona de los ojos.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003e¿Por qué el costo de este producto es relativamente alto en comparación con otros productos que apuntan al mismo problema? \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003eFórmula altamente concentrada\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\/\u003eLa fórmula contiene ingredientes raros que son difíciles de extraer en concentraciones muy altas. El producto contiene muchos péptidos considerados los mejores en la lucha contra los signos del envejecimiento.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003eResultados completos:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\/\u003eEl suero ofrece una solución completa a una amplia gama de problemas relacionados con el envejecimiento en la zona de los ojos, desde arrugas hasta ojeras e hinchazón, en un solo producto lujoso.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003eEficacia comprobada:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\/\u003eLos estudios clínicos han demostrado su eficacia en mejorar la apariencia y el rejuvenecimiento de la zona de los ojos, convirtiéndolo en una inversión inteligente para quienes buscan resultados duraderos.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003eCada gota hace una gran diferencia:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\/\u003eAunque el precio pueda ser más alto en comparación con otros productos, la fórmula única y concentrada garantiza que cada gota del producto trabaje con la máxima eficiencia, ahorrándote de usar más productos costosos.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003eOpiniones de los usuarios\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003e¿Cómo se recopilan las opiniones de los usuarios?\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\/\u003eLas opiniones de los usuarios se recogen mediante un seguimiento continuo de los clientes y el registro de sus comentarios sobre el producto. También se utilizan programas personalizados basados en inteligencia artificial para recolectar opiniones de diversas fuentes de manera precisa y sin ningún sesgo, garantizando evaluaciones completas y fiables que reflejan las experiencias reales de los usuarios.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003eVentajas comunes:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eMejora visible del aspecto de las arrugas finas alrededor de los ojos\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eUnificar el tono de la piel y aumentar la luminosidad de la zona de los ojos\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eTextura suave e inmediata sensación de frescura después del uso.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003eAlgunas notas negativas:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eAlgunos usuarios necesitan un período más largo para notar los resultados completos.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003eEl precio es alto para algunos, a pesar de su eficacia comprobada.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eIngredientes principales\u003c\/h2\u003e\n\u003cp data-end=\"692\" data-is-last-node=\"\" data-is-only-node=\"\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":46999391535278,"sku":null,"price":34.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the_ordinary_multipeptide_eye_serum_a5c239c1-b5ce-4e55-b21d-12b7c21ac6b9.jpg?v=1788175391"},{"product_id":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti-Hair Loss Derma Scalp Tonic - 11 Péptidos - 150ml","description":"\u003cdiv class=\"sbm-lab-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* ==========================================================================\n           SOME BY MI - BOTANICAL LAB HIGH CONTRAST \u0026 DENSE GRID SYSTEM\n           ========================================================================== *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900\u0026family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n        .sbm-lab-wrapper {\n            --sbm-black: #020704; \n            --sbm-dark-glass: rgba(6, 22, 13, 0.88); \n            --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n            --sbm-neon-mint: #00f260; \n            --sbm-neon-gold: #ffd700; \n            --sbm-neon-cyan: #05d5e6; \n            --sbm-white: #ffffff; \n            \n            --sbm-glow-mint: rgba(0, 242, 96, 0.45);\n            --sbm-glow-gold: rgba(255, 215, 0, 0.45);\n\n            --sbm-border: rgba(0, 242, 96, 0.28);\n            --sbm-border-hover: rgba(0, 242, 96, 0.85);\n\n            background-color: var(--sbm-black);\n            color: var(--sbm-white);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.8;\n           \n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 100px rgba(0, 242, 96, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .sbm-lab-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \n        .neon-mint {\n            color: var(--sbm-neon-mint) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-mint), 0 0 20px var(--sbm-glow-mint);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--sbm-neon-gold) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \n        .sbm-lab-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(0, 242, 96, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        \n        .sbm-img-md {\n            max-width: 650px !important;\n            width: 100%;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            display: block;\n            text-align: center;\n        }\n\n        .sbm-container {\n            max-width: 920px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        \n        .sbm-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .sbm-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm-glow-mint) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpTonic 16s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpTonic {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.4; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \n        .sbm-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(0, 242, 96, 0.45);\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-badge {\n            display: inline-block;\n            background: rgba(0, 242, 96, 0.15);\n            border: 1.5px solid var(--sbm-neon-mint);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--sbm-glow-mint);\n            letter-spacing: 0.5px;\n        }\n\n        .sbm-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--sbm-neon-mint);\n            padding-left: 20px;\n            background: linear-gradient(90deg, transparent, rgba(0, 242, 96, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .sbm-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), var(--sbm-neon-mint), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        \n        .sbm-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-bento-card {\n            background: linear-gradient(145deg, rgba(8, 28, 16, 0.92), rgba(3, 12, 7, 0.98));\n            border: 1px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 28px 22px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .sbm-bento-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm-neon-mint);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-mint);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-bento-card.gold-border {\n            border-color: rgba(255, 215, 0, 0.35);\n        }\n\n        .sbm-bento-card.gold-border:hover {\n            border-color: var(--sbm-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-gold);\n        }\n\n        .sbm-icon-box {\n            width: 56px; height: 56px;\n            background: rgba(4, 15, 9, 0.9);\n            border: 1.5px solid rgba(0, 242, 96, 0.4);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--sbm-neon-mint);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(0, 242, 96, 0.2);\n            flex-shrink: 0;\n        }\n\n        .gold-border .sbm-icon-box {\n            border-color: var(--sbm-neon-gold);\n            color: var(--sbm-neon-gold);\n            box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);\n        }\n\n        .sbm-bento-card:hover .sbm-icon-box {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--sbm-neon-mint);\n            color: #020704;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--sbm-neon-mint);\n        }\n\n        .gold-border:hover .sbm-icon-box {\n            background: var(--sbm-neon-gold);\n            color: #020704;\n            box-shadow: 0 0 25px var(--sbm-neon-gold);\n        }\n\n        .sbm-bento-card h3 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .sbm-bento-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        \n        .sbm-ingredients-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-ingredients-grid ul {\n            list-style: none;\n            padding: 0;\n            margin-top: 10px;\n        }\n\n        .sbm-ingredients-grid li {\n            position: relative;\n            padding-left: 22px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.6;\n        }\n\n        .sbm-ingredients-grid li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--sbm-neon-mint);\n            font-weight: 900;\n        }\n\n        .gold-border.sbm-bento-card li::before {\n            color: var(--sbm-neon-gold);\n        }\n\n        \n        .sbm-research-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 18px;\n            margin-top: 20px;\n            width: 100%;\n        }\n\n        .sbm-research-item {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--sbm-border);\n            border-right: 4px solid var(--sbm-neon-mint);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-research-item:hover {\n            transform: translateY(-4px);\n            border-color: var(--sbm-neon-mint);\n            background: rgba(0, 242, 96, 0.08);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.6);\n        }\n\n        .sbm-research-item.gold-edge {\n            border-right-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-research-item.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n            background: rgba(255, 215, 0, 0.08);\n        }\n\n        \n        .sbm-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 18px;\n            margin: 45px 0 30px;\n            width: 100%;\n        }\n\n        .sbm-time-node {\n            background: var(--sbm-dark-glass);\n            border: 1.5px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 32px 18px 24px;\n            text-align: center;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-time-node:hover {\n            transform: translateY(-6px);\n            border-color: var(--sbm-neon-mint);\n            background: var(--sbm-dark-glass-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.8);\n        }\n\n        .sbm-time-node.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-time-badge {\n            position: absolute;\n            top: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--sbm-neon-mint);\n            color: #020704 !important;\n            font-weight: 900;\n            padding: 5px 22px;\n            border-radius: 25px;\n            box-shadow: 0 0 18px var(--sbm-glow-mint);\n            font-size: 0.95rem;\n            white-space: nowrap;\n        }\n\n        .sbm-time-badge.gold-badge {\n            background: var(--sbm-neon-gold);\n            box-shadow: 0 0 18px var(--sbm-glow-gold);\n        }\n\n        .sbm-time-node h4 {\n            font-size: 1.25rem;\n            margin-top: 10px;\n            margin-bottom: 8px;\n            font-weight: 900;\n        }\n\n        .sbm-time-node p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \n        .sbm-value-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        \n        .sbm-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 16px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-step-card {\n            background: rgba(6, 22, 13, 0.8);\n            border: 1.5px dashed var(--sbm-border);\n            padding: 22px 14px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .sbm-step-card:hover {\n            border-color: var(--sbm-neon-mint);\n            transform: translateY(-5px);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #0a301a, #020e06);\n            border: 2px solid var(--sbm-neon-mint);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--sbm-neon-mint);\n            margin: 0 auto 12px;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-step-card h4 {\n            color: var(--sbm-neon-mint);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .sbm-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \n        .sbm-glass-box {\n            background: var(--sbm-dark-glass);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 35px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            overflow: hidden;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .sbm-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n        }\n\n        .sbm-glass-box p, \n        .sbm-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        \n        .sbm-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbm-reveal.sbm-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbm-delay-1 { transition-delay: 0.12s; }\n        .sbm-delay-2 { transition-delay: 0.24s; }\n\n        \n        @media (max-width: 768px) {\n            .sbm-lab-wrapper { padding: 25px 0; }\n            .sbm-container { padding: 0 14px !important; }\n            .sbm-glass-box { padding: 22px 14px !important; }\n            .sbm-img-md { max-width: 100% !important; }\n\n            \n            .sbm-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            \n            .sbm-ingredients-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-ingredients-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-ingredients-grid h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .sbm-ingredients-grid p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .sbm-ingredients-grid li {\n                font-size: 0.75rem !important;\n                padding-left: 18px !important;\n            }\n\n            \n            .sbm-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .sbm-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \n            .sbm-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 22px 10px !important;\n                margin: 35px 0 25px !important;\n            }\n\n            .sbm-time-node {\n                padding: 22px 8px 14px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-time-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 12px !important;\n                top: -13px !important;\n            }\n\n            .sbm-time-node h4 {\n                font-size: 0.92rem !important;\n                margin-top: 4px !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-time-node p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \n            .sbm-value-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n            .sbm-research-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n\n            .sbm-title-glow { font-size: 24px; }\n            .sbm-section-heading { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"sbm-ambient-bg\"\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 35px; height: 35px; left: 15%; animation-duration: 18s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: -5s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 25px; height: 25px; left: 40%; animation-duration: 22s; animation-delay: -8s;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"sbm-badge\"\u003eLa fórmula coreana más potente con 11 péptidos\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Cica Peptide Tonic\u003cbr\/\u003e\u003cspan class=\"neon-mint\"\u003ePara tratamiento avanzado de la pérdida de cabello\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-sub-text pure-white\"\u003eUn descubrimiento científico coreano avanzado en el tratamiento de la pérdida de cabello y en el aumento de la densidad utilizando la tecnología avanzada de péptidos y el poder calmante de la cica.\u003c\/p\u003e\n\u003c!-- IMAGE 1: Hero Bottle on Leaf --\u003e\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Some By Mi Botanical Tonic\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_bottle_on_monstera_leaf_202608300221.jpg?v=1788045943\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(0, 242, 96, 0.1); border: 1.5px solid var(--sbm-neon-mint); border-radius: 18px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch2 style=\"font-size: clamp(20px, 3.8vw, 26px); font-weight: 900; color: #ffffff; margin-bottom: 10px;\"\u003eUn tratamiento completo para todas las causas de la pérdida de cabello en una única fórmula\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eNo es solo un tónico... es un sistema de tratamiento completo para todos los problemas del cabello\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Core Features Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin-top: 25px;\"\u003e\n\u003cdiv class=\"sbm-benefits-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eReducir la caída del cabello hasta en un 70%\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eUna fórmula avanzada que fortalece los folículos pilosos desde la raíz y previene la caída excesiva del cabello en pocas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eEstimular el crecimiento de nuevos cabellos\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eLos péptidos avanzados reactivan los folículos dormidos y estimulan el crecimiento de nuevos cabellos en las áreas vacías.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eInhibición de la hormona DHT a nivel local\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eCombate la hormona DHT, que es la principal causa de la pérdida de cabello hereditaria, y protege los folículos del deterioro sin afectar el resto del cuerpo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUn tratamiento excelente para puntas abiertas y frizz\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eContiene raras proteínas vegetales que reparan el cabello dañado y restauran la suavidad y la fuerza desde las raíces hasta las puntas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"sbm-icon-box\" style=\"margin-left: auto;\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eTratamiento avanzado para caspa y poros\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eEl ácido salicílico (BHA) limpia profundamente el cuero cabelludo y elimina la caspa y sus causas desde la raíz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 45px 0; text-align: center;\"\u003e\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Tonic Mist Refreshing Action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spraying_mist_202608300224.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(6, 26, 15, 0.9); padding: 26px 20px; border-radius: 18px; border: 1.5px solid var(--sbm-neon-mint); text-align: center; box-shadow: 0 10px 30px rgba(0,242,96,0.15); max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.4rem; margin-bottom: 10px; font-weight: 900;\"\u003eFrescura instantánea y frescura calmante\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eEl mentol natural proporciona a las manos una sensación refrescante desde el primer uso y alivia inmediatamente el cuero cabelludo inflamado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. The Minoxidil Comparison Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 25px;\"\u003e\u003cspan class=\"neon-gold\"\u003eResultados permanentes... sin compromisos... sin efectos secundarios\u003c\/span\u003e\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Precision Tonic Drop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spray_nozzle_drop_202608300221.jpg?v=1788046016\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003ePotencia de alta concentración\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eA diferencia de los productos a base de Minoxidil, este tónico te dará resultados que modifican la estructura del cabello desde el interior.\u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255, 215, 0, 0.1); border-right: 4px solid var(--sbm-neon-gold); padding: 20px; border-radius: 14px; text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eCreas una base sólida para tus folículos pilosos gracias a extractos naturales que no causan pérdida de cabello reversible cuando se interrumpe su uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Peptide Science Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003ePéptidos: el lenguaje para hablar a las células\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"Tonic Bottle in Jungle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_in_jungle_202608300221.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.35rem; margin-bottom: 15px; line-height: 1.6; font-weight: 900; text-align: left;\"\u003eLos péptidos no son solo un ingrediente... Esta es la lengua para comunicarse con las células que las lleva a entender cómo funcionar correctamente de nuevo\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: left;\"\u003eLos péptidos son cortas cadenas de aminoácidos: piensa en ellos como “mensajes inteligentes” que se entregan a las células diciéndoles exactamente qué hacer. En el caso del cabello, estos péptidos entregan estos mensajes a los folículos pilosos:\u003c\/p\u003e\n\u003c!-- Grid for Peptide Messages --\u003e\n\u003cdiv class=\"sbm-benefits-grid\" style=\"margin: 20px 0;\"\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Trabajar más”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Produce cabello más fuerte y grueso”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Recibir nutrientes de manera eficiente”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Resistir la pérdida y debilidad del cabello”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 1.2rem; margin-top: 25px; font-weight: 900; text-align: center; line-height: 1.8;\"\u003eEste producto no trata los síntomas de la pérdida de cabello... reprograma las propias células para funcionar como Dios las creó.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Ingredients Award Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eFórmula premiada por organizaciones internacionales de belleza\u003c\/h2\u003e\n\u003cdiv class=\"sbm-ingredients-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSika (Centella Asiática) - 10 PPB\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eUn cuero cabelludo inflamado es la causa principal de la caída del cabello. La centella es una de las plantas más poderosas para aliviar las irritaciones.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eElimina inflamación y picazón en pocos segundos.\u003c\/li\u003e\n\u003cli\u003eEstimula la producción de colágeno en el cuero cabelludo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eTecnología de 11 tipos de péptidos\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eUn moderno milagro médico que tiene la capacidad de reprogramar y reparar las células.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e Estimula el crecimiento.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e Refuerza la estructura.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e Proporciona flujo sanguíneo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eÁcido salicílico (BHA)\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eEl compuesto más potente para exfoliar la piel muerta y eliminar la caspa.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eElimina las células muertas de la piel\u003c\/li\u003e\n\u003cli\u003eLimpia los poros obstruidos.\u003c\/li\u003e\n\u003cli\u003eControla la secreción de aceites.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eBiotina + proteínas vegetales\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eTodos los nutrientes que tu cabello necesita en una sola fórmula.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBiotina para fortalecer el cabello desde el interior.\u003c\/li\u003e\n\u003cli\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Research Section Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eEstudios científicos comprobados sobre los ingredientes\u003c\/h2\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Péptidos - estudios internacionales\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-grid\" style=\"margin-bottom: 25px;\"\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eEstudio de la Universidad de Harvard 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eLos péptidos han aumentado la densidad del cabello de \u003cstrong class=\"neon-mint\"\u003e58% en 12 semanas\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eInvestigación avanzada en Corea:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eEl Tripéptido de Cobre estimula el crecimiento del cabello mediante \u003cstrong class=\"neon-mint\"\u003e73% respecto al grupo de control\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Cyca (Centella Asiatica)\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item gold-edge\" style=\"margin-bottom: 25px;\"\u003e\n\u003cstrong class=\"neon-gold\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eInstituto de investigación coreano:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eLa Cica ha reducido las infecciones del cuero cabelludo en un porcentaje \u003cstrong class=\"neon-gold\"\u003e82% en 4 semanas\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Ácido salicílico (BHA)\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eEstudio americano 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eÁcido salicílico eliminado \u003cstrong class=\"neon-mint\"\u003eEl 95% de la caspa desaparece en 6 semanas\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Timeline Grid (2x2 on Mobile, 4 Columns on Desktop) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eViaje de transformación: ¿Qué le pasará a tu cabello?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-grid\"\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003eInmediatamente\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eFrescura calmante\u003c\/h4\u003e\n\u003cp\u003eSensación de frescura y alivio inmediato, calmante para el picor y las irritaciones, y agradable para el cuero cabelludo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003eDos semanas\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eDeja de perder pelo\u003c\/h4\u003e\n\u003cp\u003eReducción visible de la caída diaria del cabello, cuero cabelludo más sano y menos inflamado, cabello más fuerte y con menos roturas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003e4 meses\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eNueva germinación\u003c\/h4\u003e\n\u003cp\u003eUn cambio radical en la densidad y la fuerza del cabello, reduciendo la pérdida hasta en un 70% y el inicio de un crecimiento evidente de nuevos cabellos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003e6 meses\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMáxima densidad\u003c\/h4\u003e\n\u003cp\u003eUna mejora significativa de la densidad, un aumento del grosor y del diámetro del cabello, y un cuero cabelludo completamente libre de inflamaciones y caspa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Value Proposition Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eExcelente relación calidad-precio y fácil de usar\u003c\/h2\u003e\n\u003cdiv class=\"sbm-value-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003eBotella de 150 ml = 3-4 meses de tratamiento\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eTamaño más grande en comparación con la mayoría de los productos competidores. Una concentración más alta proporciona resultados más rápidos y una relación calidad-precio inmejorable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e3 soluciones en un solo producto\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eTrata la pérdida de cabello, trata la caspa y suaviza las puntas. No es necesario comprar 3 productos por separado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Steps Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-steps-grid\"\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eAgitar el envase\u003c\/h4\u003e\n\u003cp\u003eAsegúrate de que todos los ingredientes activos estén mezclados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eRociar sobre el cuero cabelludo\u003c\/h4\u003e\n\u003cp\u003eConcentrarse en las áreas de pérdida o adelgazamiento del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eMasajear delicadamente\u003c\/h4\u003e\n\u003cp\u003eCon la punta de los dedos durante dos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDéjalo encendido\u003c\/h4\u003e\n\u003cp\u003eNo lavarlo - deja que se absorba durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(6, 26, 15, 0.95) 0%, rgba(2, 8, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.25);\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003eEste es el último tratamiento que necesitarás para la caída del cabello\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eAhora... la decisión está en tus manos. Tu cabello está esperando a que tomes la decisión correcta... y cada día de retraso pone en riesgo nuevos folículos. Puedes detener la caída del cabello y restaurar la densidad del cabello si comienzas a tratar los folículos temprano usando el poder de los 11 péptidos y de la Cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 30px auto;\"\u003e\n\u003cimg alt=\"Tonic on Moss Nature\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_on_moss_202608300228.jpg?v=1788046133\" style=\"border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.3);\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 900; text-shadow: 0 0 20px rgba(255,215,0,0.5);\"\u003eComienza hoy tu camino de restauración del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999391830190,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1759854586"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    direction: ltr;\n    text-align: left;\n    color: #333;\n    overflow-x: hidden;\n    padding: 0 15px;\n    font-family:sans-serif;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n  \n  .hero-section {\n    position: relative;\n    padding: 35px 25px;\n    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n    border-radius: 10px;\n    overflow: hidden;\n    margin-bottom: 30px;\n    box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n    border: 1px solid rgba(201, 169, 126, 0.12);\n  }\n  \n  .hero-section::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 5px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n  }\n  \n  .hero-section::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 50%;\n    height: 180px;\n    background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n    opacity: 0.2;\n    z-index: 1;\n  }\n  \n  .hero-content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .hero-image {\n    flex-shrink: 0;\n    width: 250px;\n    border-radius: 5px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n  }\n  \n  .hero-text {\n    flex: 1;\n  }\n  \n  .brand {\n    font-size: 18px;\n    color: #c9a97e;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    font-weight: bold;\n    text-transform: uppercase;\n    display: inline-block;\n    position: relative;\n  }\n  \n  .brand::after {\n    content: \"\";\n    position: absolute;\n    bottom: -3px;\n    right: 0;\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .main-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #222;\n    line-height: 1.2;\n    font-weight: bold;\n  }\n  \n  .main-title span {\n    color: #c9a97e;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .main-title span::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    background: rgba(201, 169, 126, 0.1);\n    border-radius: 3px;\n    z-index: -1;\n  }\n  \n  .hero-subtitle {\n    font-size: 18px;\n    margin-bottom: 20px;\n    opacity: 0.9;\n    line-height: 1.5;\n  }\n  \n  .hero-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 20px;\n  }\n  \n  .badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(201, 169, 126, 0.05);\n    padding: 6px 12px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #555;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredients-section {\n    margin: 40px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .ingredients-content {\n    flex: 1;\n  }\n  \n  .section-title {\n    font-size: 28px;\n    margin-bottom: 20px;\n    color: #222;\n    position: relative;\n    padding-bottom: 12px;\n    font-weight: bold;\n  }\n  \n  .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 3px;\n  }\n  \n  .ingredient-box {\n    background: white;\n    border-radius: 10px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredient-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .ingredient-title {\n    font-size: 20px;\n    margin-bottom: 12px;\n    color: #c9a97e;\n    font-weight: bold;\n  }\n  \n  .ingredient-desc {\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .video-container {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  .video-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n  \n  .benefits-section {\n    margin: 50px 0;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    margin-top: 25px;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 10px;\n    padding: 25px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .benefit-card:hover::after {\n    transform: scaleX(1);\n  }\n  \n  .benefit-icon {\n    color: #c9a97e;\n    font-size: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .benefit-title {\n    font-size: 18px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-section {\n    margin: 60px 0;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n    padding: 40px 15px;\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .timeline-container {\n    position: relative;\n    margin-top: 40px;\n    padding-left: 40px;\n  }\n  \n  .timeline-bar {\n    position: absolute;\n    top: 0;\n    right: 18px;\n    width: 3px;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 2px;\n    z-index: 1;\n  }\n  \n  .timeline-items {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-item {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 60px;\n    position: relative;\n  }\n  \n  .timeline-item:last-child {\n    margin-bottom: 0;\n  }\n  \n  .timeline-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-date {\n    font-weight: bold;\n    color: #c9a97e;\n    text-align: left;\n    font-size: 16px;\n    margin-left: 10px;\n  }\n  \n  .timeline-dot {\n    width: 18px;\n    height: 18px;\n    background: white;\n    border: 3px solid #c9a97e;\n    border-radius: 50%;\n    margin-left: 10px;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-dot.active {\n    background: #c9a97e;\n  }\n  \n  .timeline-content {\n    background: white;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    width: 100%;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .how-it-works {\n    margin: 50px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .how-it-works-image {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  \n  .how-it-works-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n  }\n  \n  .how-it-works-image:hover img {\n    transform: scale(1.02);\n  }\n  \n  .how-it-works-content {\n    flex: 1;\n  }\n  \n  .usage-section {\n    margin: 50px 0;\n  }\n  \n  .usage-steps {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 30px;\n    flex-wrap: wrap;\n  }\n  \n  .step {\n    flex: 1;\n    min-width: 200px;\n    text-align: center;\n    padding: 0 15px;\n    margin-bottom: 20px;\n  }\n  \n  .step-number {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #c9a97e, #d9c09e);\n    border-radius: 50%;\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: bold;\n    margin: 0 auto 15px;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n  }\n  \n  .step-text {\n    font-size: 16px;\n    line-height: 1.5;\n    color: #333;\n  }\n  \n  .cta-section {\n    text-align: center;\n    margin: 60px 0;\n    padding: 50px;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before, .cta-section::after {\n    content: \"\";\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n    z-index: 0;\n  }\n  \n  .cta-section::before {\n    top: -100px;\n    right: -50px;\n  }\n  \n  .cta-section::after {\n    bottom: -100px;\n    left: -50px;\n  }\n  \n  .cta-content {\n    position: relative;\n    z-index: 1;\n  }\n  \n  .cta-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #333;\n  }\n  \n  .cta-subtitle {\n    font-size: 18px;\n    margin-bottom: 30px;\n    color: #555;\n    max-width: 700px;\n    margin-left: auto;\n    margin-left: auto;\n  }\n  \n  .cta-button {\n    display: inline-block;\n    padding: 15px 40px;\n    background: linear-gradient(to right, #c9a97e, #d9c09e);\n    color: white;\n    text-decoration: none;\n    border-radius: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-button::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, #d9c09e, #c9a97e);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: -1;\n  }\n  \n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n  }\n  \n  .cta-button:hover::after {\n    opacity: 1;\n  }\n  \n  .footer-note {\n    text-align: center;\n    margin-top: 20px;\n    font-size: 14px;\n    color: #777;\n  }\n  \n  \/* Fade animations *\/\n  .fade-up {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  \n  .pulse {\n    animation: pulse 2s infinite;\n  }\n  \n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.03);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-content {\n      flex-direction: column;\n    }\n    \n    .hero-image {\n      width: 200px;\n      margin-bottom: 20px;\n    }\n    \n    .ingredients-section, .how-it-works {\n      flex-direction: column;\n    }\n    \n    .timeline-items {\n      flex-direction: column;\n    }\n    \n    .timeline-bar {\n      top: 0;\n      left: 50%;\n      width: 4px;\n      height: 100%;\n      transform: translateX(-50%);\n    }\n    \n    .timeline-item {\n      width: 100%;\n      margin-bottom: 30px;\n      display: flex;\n      align-items: flex-start;\n    }\n    \n    .timeline-dot {\n      margin: 0 15px;\n    }\n    \n    .timeline-content {\n      flex: 1;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-container\"\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\"\/\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eSuero \u003cspan\u003eSol\u003c\/span\u003e Con niacinamida y propóleo de abeja\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eUna combinación sin precedentes de niacinamida y propóleo de abeja para una piel luminosa y radiante\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Fórmula original coreana\n          \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Sin sustancias químicas nocivas\n          \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Ideal para todo tipo de piel\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eUna combinación sin precedentes de niacinamida y propóleos de abeja\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamida\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eNo es solo un ingrediente, es un milagro que reequilibra la piel, reduce las pigmentaciones y le da un color uniforme y radiante. Mejora la elasticidad de la piel y fortalece la barrera natural de hidratación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e \u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtraído de las colmenas, actúa como un potente antiinflamatorio y estimulante de la regeneración celular, manteniendo la piel joven y proporcionando protección natural. Combate la aparición de granos y signos de envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eCuando estos ingredientes se unen en una sola fórmula, se transforman en un poder natural incomparable; un milagro que restaura la juventud de tu piel y le da la luminosidad que siempre has soñado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\" width=\"100%\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\/\u003e\n        Tu navegador no soporta la reproducción de videos.\n      \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003e¡Resultados inmediatos!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePoros más pequeños, piel más clara, piel perfecta\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBeneficios extraordinarios para tu piel\u003c\/h2\u003e\n\u003cp\u003eEste suero es una solución completa para la piel apagada y cansada, ya que muestra efectos sorprendentes que incluyen:\u003c\/p\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"\u003e\u003c\/line\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"\u003e\u003c\/line\u003e\n\u003cline x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"19.78\" y2=\"18.36\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"5.64\" y2=\"4.22\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejora la luminosidad de la piel\u003c\/h3\u003e\n\u003cp\u003eAclarar y unificar el color de la piel reduciendo eficazmente las pigmentaciones y las manchas oscuras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejorar la textura de la piel\u003c\/h3\u003e\n\u003cp\u003eAumentar la suavidad de la piel gracias a las propiedades hidratantes e iluminadoras de la niacinamida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección de la piel\u003c\/h3\u003e\n\u003cp\u003eProtección contra infecciones externas y daños causados por los radicales libres gracias al poder de la propóleos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n\u003cline x1=\"6\" x2=\"6\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"10\" x2=\"10\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"14\" x2=\"14\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eApoya la función de la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp\u003eMantener la hidratación de la piel y prevenir su pérdida, lo que ayuda a reducir las líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn viaje de resultados sorprendentes\u003c\/h2\u003e\n\u003cp\u003eCon un uso regular, notarás una mejora gradual y alcanzarás resultados óptimos en pocas semanas.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003ePrimer uso\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eHidratación instantánea\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eNotarás una hidratación inmediata de la piel y una textura más suave. La piel aparece visiblemente más fresca y radiante desde el primer uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eMejora de la textura y luminosidad\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLa piel se vuelve más luminosa y suave. El enrojecimiento y la irritación se reducen gracias a las propiedades antiinflamatorias de la propóleos. Reducción evidente de la grasitud de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eReducir la pigmentación\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLos resultados de la unificación del tono de la piel empiezan a aparecer. Las manchas oscuras y la hiperpigmentación se reducen gradualmente. La piel se vuelve más luminosa y fresca, con poros más pequeños y menos visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTransformación visible\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eMejora significativa en la textura y el tono de la piel. Desaparición evidente de muchos problemas de la piel como manchas oscuras y cicatrices. Reducción visible de las líneas finas y los signos de envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de dos meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003ePiel completamente renovada\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003ePiel sorprendentemente luminosa y radiante. Tono de piel uniformizado y reducción significativa de la pigmentación. Mejora duradera de la apariencia y textura de la piel, con mayor elasticidad y mejor salud cutánea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"how-it-works-image\"\u003e\n\u003cimg alt=\"Fórmula científicamente avanzada\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFórmula científicamente avanzada\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003e¿Cómo funciona el suero?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eLa combinación funciona \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Crear de manera armoniosa un efecto completo sobre la piel. La propóleos, extraída de las colmenas, limpia la piel, combate la inflamación y estimula la renovación celular, contrarrestando la aparición de granos y signos de envejecimiento.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eMientras la niacinamida trabaja para uniformar el tono de la piel y reducir la pigmentación, además de mejorar la elasticidad de la piel y fortalecer la barrera de humedad. Juntos, estos ingredientes activos cambian radicalmente la textura de la piel, dándole un aspecto más radiante y vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cp\u003eDespués de limpiar bien la piel, aplica el sérum en la zona facial, centrando la atención en las zonas que necesitan aclarar y mejorar, como alrededor de los ojos, la frente y las líneas de la mandíbula. Masaje suavemente hasta que esté completamente absorbido, y luego aplica hidratante para mantener la hidratación y mejorar la eficacia. Úsalo por la mañana y la tarde para obtener resultados óptimos.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpiar la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicación del suero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMasajear delicadamente\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica la crema hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaura hoy la luminosidad de tu piel\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eExcelente relación calidad-precio - nuestra fórmula de suero iluminador combina ingredientes naturales científicamente probados para una piel radiante y saludable.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eOrdénalo ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Propoli + Niacinamide combina ingredientes naturales científicamente probados que mejoran la luminosidad y el tono de la piel con una protección avanzada contra el ambiente. Aunque puede ser un poco más caro en comparación con otros productos, solo se necesita una pequeña cantidad para obtener resultados sorprendentes y duraderos, lo que lo convierte en una inversión efectiva en la salud y la belleza de tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Init functions\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Fade-in animations\n    initFadeEffects();\n    \n    \/\/ Video autoplay fix for some mobile browsers\n    const video = document.querySelector('video');\n    if (video) {\n      video.play().catch(function(error) {\n        console.log(\"Video autoplay prevented by browser\");\n      });\n    }\n  });\n  \n  \/\/ Initialize fade effects\n  function initFadeEffects() {\n    const fadeElements = document.querySelectorAll('.fade-up');\n    const observerOptions = {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1\n    };\n    \n    const observer = new IntersectionObserver((entries, observer) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n          entry.target.style.opacity = 1;\n          entry.target.style.transform = 'translateY(0)';\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n    \n    fadeElements.forEach(el =\u003e {\n      observer.observe(el);\n    });\n    \n    \/\/ Add staggered animations\n    const staggerElements = document.querySelectorAll('.fade-up');\n    staggerElements.forEach((el, index) =\u003e {\n      el.style.transitionDelay = `${index * 0.05}s`;\n    });\n  }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003eCaracol... el secreto mágico para resistir los signos del tiempo\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003ePrepárate para enfrentar los efectos del tiempo y del desgaste \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – Un producto revolucionario que combina la potencia del 89% de extracto de caracol negro con la fórmula terapéutica de Trusica que repara e hidrata profundamente la piel. Cada gota es un paso audaz hacia una piel más joven y radiante.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003eCombinación sin precedentes de extracto de caracol negro\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e La fórmula combina dos ingredientes naturales esenciales\u003c\/p\u003e\n\u003cul data-end=\"756\" data-start=\"367\"\u003e\n\u003cli class=\"\" data-end=\"485\" data-start=\"367\"\u003e\n\u003cp class=\"\" data-end=\"485\" data-start=\"369\"\u003e\u003cstrong data-end=\"394\" data-start=\"369\"\u003eExtracto de caracol negro\u003c\/strong\u003e Nutre profundamente la piel, estimula la regeneración celular y reduce arrugas, cicatrices y efectos del acné.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003e\u003cstrong data-end=\"515\" data-start=\"488\"\u003eFórmula terapéutica Trusica\u003c\/strong\u003e Elimina expertamente los efectos de los daños y trata las cicatrices, devolviendo la piel a su equilibrio natural y a su hidratación permanente.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003eEstos ingredientes se combinan con niacinamida y extractos vegetales para apoyar la elasticidad de la piel y la barrera hidrolipídica, protegiéndola de los agresores ambientales y brindándole un resplandor sorprendente.\u003cbr data-end=\"608\" data-start=\"605\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2\u003e¿Por qué caracoles negros en específico? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eEl extracto de caracol es un ingrediente popular en los productos para el skincare gracias a sus numerosos beneficios. Sin embargo, el extracto de caracol negro tiene propiedades únicas que lo hacen superior a otros extractos. En la siguiente tabla, explicamos los motivos que nos llevaron a elegir el extracto de caracol negro en nuestro suero \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eArtículo\u003c\/th\u003e\n\u003cth\u003eExtracto de caracol negro\u003c\/th\u003e\n\u003cth\u003eOtros extractos de caracol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes activos\u003c\/td\u003e\n\u003ctd\u003eContiene un alto porcentaje de proteínas, elastina, colágeno y ácidos grasos esenciales, que promueven la salud de la piel y mejoran su elasticidad.\u003c\/td\u003e\n\u003ctd\u003eContiene ingredientes activos, pero en proporciones inferiores en comparación con el caracol negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEficacia en la reparación de la piel\u003c\/td\u003e\n\u003ctd\u003eEstimula la regeneración de las células de la piel, reduce la aparición de cicatrices y acné y mejora la textura general de la piel.\u003c\/td\u003e\n\u003ctd\u003eAyuda a rejuvenecer la piel, pero puede ser menos eficaz para tratar cicatrices profundas y cicatrices de acné.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratación y elasticidad\u003c\/td\u003e\n\u003ctd\u003eProporciona una hidratación profunda y mejora la elasticidad de la piel gracias a su rico contenido de colágeno y proteínas.\u003c\/td\u003e\n\u003ctd\u003eProporciona buena hidratación, pero podría ser menos eficaz en aumentar la elasticidad en comparación con el heliantemo negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-envejecimiento\u003c\/td\u003e\n\u003ctd\u003eContiene potentes antioxidantes que reducen la aparición de líneas finas y arrugas de expresión, otorgando un aspecto más joven.\u003c\/td\u003e\n\u003ctd\u003eContribuye al anti-envejecimiento, pero su efecto puede ser menos pronunciado en comparación con el caracol negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUnificar el tono de la piel\u003c\/td\u003e\n\u003ctd\u003eAyuda a reducir la pigmentación y a uniformar el tono de la piel, dándole un resplandor natural.\u003c\/td\u003e\n\u003ctd\u003ePodría contribuir a unificar el tono de la piel, pero con menor eficacia.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eAl elegir el extracto de caracol negro, se proporciona un suero \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Los múltiples beneficios superan a otros extractos, convirtiéndolo en una opción ideal para cualquiera que busque una piel sana, fresca e impecable.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eTiene una solución para cada problema de la piel\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eSe considera \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e La solución completa a los problemas de la piel dañada; actúa sobre:\u003c\/p\u003e\n\u003cul data-end=\"1164\" data-start=\"878\"\u003e\n\u003cli class=\"\" data-end=\"958\" data-start=\"878\"\u003e\n\u003cp class=\"\" data-end=\"958\" data-start=\"880\"\u003eReacondiciona profundamente la piel y estimula la regeneración celular, mejorando su aspecto general.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1037\" data-start=\"959\"\u003e\n\u003cp class=\"\" data-end=\"1037\" data-start=\"961\"\u003eReducir la apariencia de las pequeñas arrugas y de las cicatrices causadas por el acné y factores ambientales\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1106\" data-start=\"1038\"\u003e\n\u003cp class=\"\" data-end=\"1106\" data-start=\"1040\"\u003eApoya la barrera natural de la piel y reequilibra los niveles de aceite y agua.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1164\" data-start=\"1107\"\u003e\n\u003cp class=\"\" data-end=\"1164\" data-start=\"1109\"\u003eMejorar la textura de la piel y dar una luminosidad natural que dura todo el día.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e¿Cómo funciona el suero?\u003c\/h2\u003e\n\u003cul data-end=\"1582\" data-start=\"1269\"\u003e\n\u003cli class=\"\" data-end=\"1367\" data-start=\"1269\"\u003e\n\u003cp class=\"\" data-end=\"1367\" data-start=\"1271\"\u003eEl extracto de caracol negro estimula la producción de colágeno y la regeneración celular, devolviendo juventud y elasticidad a la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1491\" data-start=\"1368\"\u003e\n\u003cp class=\"\" data-end=\"1491\" data-start=\"1370\"\u003eLa fórmula Trusica ayuda a tratar cicatrices y signos de daño, mientras que la Niacinamida unifica el tono de la piel y reduce la inflamación.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1582\" data-start=\"1492\"\u003e\n\u003cp class=\"\" data-end=\"1582\" data-start=\"1494\"\u003eEl resultado es una piel ordenada, rejuvenecida, protegida de los efectos del tiempo y del daño, con una textura suave y un resplandor deslumbrante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003eModo de uso ideal\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eDespués de haber limpiado delicadamente la piel, aplique el suero en el rostro, concentrándose en las áreas afectadas como arrugas y cicatrices. Masajee suavemente el producto hasta su completa absorción, luego continúe con un hidratante adecuado para mantener la hidratación y mejorar los resultados. Es preferible usar el suero por la mañana y por la noche para obtener los mejores resultados.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003eLas mejores inversiones para la salud de tu piel\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003eEn \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e No solo un producto para el skincare, es una verdadera inversión en la juventud de tu piel. Su fórmula concentrada y eficaz logra resultados evidentes con el uso de una pequeña cantidad, haciéndolo la elección ideal para quienes desean restaurar la frescura y luminosidad de la piel y protegerla de los signos del tiempo.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eDisfruta de una experiencia terapéutica completa donde la ciencia se encuentra con la naturaleza para darle a tu piel la luminosidad que merece y para estar siempre lista para enfrentar los desafíos del tiempo con confianza y belleza.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999393468590,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1788175380"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"Crema de ojos COSRX para aclarar las ojeras y tratar las arrugas con extracto de caracol y péptidos","description":"\u003cdiv class=\"cxe-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Obsidian \u0026 Signature Gold) === *\/\n        .cxe-ultimate-wrapper {\n            --cxe-bg-base: #080808;\n            --cxe-bg-alt: #0d0d0d;\n            --cxe-card-glass: rgba(25, 25, 25, 0.6);\n            --cxe-card-hover: rgba(35, 35, 35, 0.85);\n            --cxe-gold-main: #f4c022; \/* COSRX Yellow\/Gold *\/\n            --cxe-gold-bright: #ffe066;\n            --cxe-gold-dark: #b8860b;\n            --cxe-gradient-gold: linear-gradient(135deg, #ffe066 0%, #f4c022 50%, #b8860b 100%);\n            --cxe-gradient-dark: linear-gradient(180deg, #141108 0%, #080808 100%);\n            --cxe-gradient-overlap: linear-gradient(135deg, rgba(244, 192, 34, 0.08) 0%, rgba(8, 8, 8, 0.95) 100%);\n            --cxe-text-light: #f8fafc;\n            --cxe-text-muted: #a1a1aa;\n            --cxe-border: rgba(244, 192, 34, 0.15);\n            --cxe-glow: rgba(244, 192, 34, 0.2);\n            \n            font-family:inherit;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cxe-bg-base);\n            color: var(--cxe-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cxe-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cxe-container {\n            max-width: 1050px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Overlapping Gradients \u0026 Ambient Glows === *\/\n        .cxe-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cxe-glow-orb {\n            position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.35;\n            background: rgba(244, 192, 34, 0.15);\n        }\n        .cxe-orb-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cxe-orb-2 { width: 600px; height: 600px; bottom: 5%; left: -200px; }\n\n        \/* === Alternating Sections === *\/\n        .cxe-section { padding: 70px 0; position: relative; border-bottom: 1px solid rgba(255,255,255,0.02); }\n        .cxe-theme-base { background-color: var(--cxe-bg-base); }\n        .cxe-theme-alt { background-color: var(--cxe-bg-alt); }\n        .cxe-theme-overlap { background: var(--cxe-gradient-overlap); }\n        .cxe-theme-dark-grad { background: var(--cxe-gradient-dark); }\n\n        \/* === Typography === *\/\n        .cxe-text-gold {\n            background: var(--cxe-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cxe-title-main {\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            line-height: 1.4;\n            margin-bottom: 25px;\n            text-align: center;\n        }\n\n        .cxe-title-section {\n            font-size: clamp(22px, 3.5vw, 32px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cxe-subtitle {\n            font-size: clamp(16px, 2vw, 19px);\n            color: var(--cxe-text-muted);\n            text-align: center;\n            max-width: 850px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        \/* === Media Wrappers === *\/\n        .cxe-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px var(--cxe-glow);\n            border: 1px solid var(--cxe-border);\n            overflow: hidden;\n        }\n        .cxe-media-wrapper.size-lg { max-width: 850px; }\n        .cxe-media-wrapper.size-md { max-width: 600px; }\n\n        .cxe-product-media {\n            width: 100%; height: auto; display: block; object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n        .cxe-media-wrapper:hover .cxe-product-media { transform: scale(1.03); }\n\n        \/* === Grids \u0026 Cards === *\/\n        .cxe-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cxe-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .cxe-card {\n            background: var(--cxe-card-glass);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid rgba(255,255,255,0.05);\n            border-radius: 20px;\n            padding: 30px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n        }\n\n        .cxe-card:hover {\n            transform: translateY(-8px);\n            background: var(--cxe-card-hover);\n            border-color: var(--cxe-border);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.7), 0 0 20px var(--cxe-glow);\n        }\n\n        .cxe-icon-badge {\n            width: 45px; height: 45px;\n            background: rgba(255,255,255,0.03);\n            border: 1px solid var(--cxe-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cxe-gold-main);\n            font-size: 18px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family:system-ui,sans-serif;\n        }\n\n        .cxe-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cxe-card h4 { font-size: 1.1rem; color: var(--cxe-gold-main); margin-bottom: 10px; }\n        .cxe-card p { font-size: 1.05rem; color: var(--cxe-text-muted); margin: 0; line-height: 1.7; }\n\n        \/* === Clean Lists === *\/\n        .cxe-list { list-style: none; padding: 0; margin-top: 15px; }\n        .cxe-list li {\n            position: relative; padding-left: 30px; margin-bottom: 15px; color: var(--cxe-text-light); font-size: 1.05rem;\n        }\n        .cxe-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cxe-gold-main); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === Comparison Table === *\/\n        .cxe-table-container {\n            overflow-x: auto; margin: 40px 0; border-radius: 20px;\n            border: 1px solid var(--cxe-border); box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n            background: rgba(10, 10, 10, 0.8); backdrop-filter: blur(10px);\n        }\n        .cxe-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 600px; }\n        .cxe-table th, .cxe-table td { padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 1.05rem; }\n        .cxe-table th { background: rgba(244, 192, 34, 0.05); color: var(--cxe-gold-main); font-weight: 800; font-size: 1.15rem; }\n        .cxe-table td.highlight { background: rgba(244, 192, 34, 0.03); color: #fff; font-weight: bold; border-right: 2px solid var(--cxe-gold-main); }\n        .cxe-table tr:last-child td { border-bottom: none; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cxe-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cxe-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cxe-gold-main), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cxe-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cxe-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-left: 50%; }\n        \n        .cxe-timeline-content {\n            width: 90%; background: var(--cxe-card-glass); border: 1px solid rgba(255,255,255,0.05);\n            padding: 25px; border-radius: 16px; transition: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n        }\n        .cxe-timeline-content:hover { border-color: var(--cxe-gold-main); transform: translateY(-5px); background: var(--cxe-card-hover); }\n        \n        .cxe-timeline-badge {\n            position: absolute; top: 25px; right: -7%; width: 16px; height: 16px;\n            background: var(--cxe-bg-base); border: 3px solid var(--cxe-gold-main); border-radius: 50%; z-index: 2;\n            box-shadow: 0 0 10px var(--cxe-glow);\n        }\n        .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { right: auto; left: -7%; }\n        \n        .cxe-time-label {\n            color: #000; font-weight: 800; margin-bottom: 10px; font-size: 1.05rem;\n            display: inline-block; background: var(--cxe-gradient-gold); padding: 5px 20px; border-radius: 20px;\n        }\n\n        \/* === CTA Button === *\/\n        .cxe-btn {\n            display: inline-block; background: var(--cxe-gradient-gold); background-size: 200% auto;\n            color: #000; padding: 18px 45px; border-radius: 40px; font-size: 1.25rem; font-weight: 900;\n            text-decoration: none; border: none; cursor: pointer; transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cxe-glow); margin-top: 20px; font-family:inherit;\n        }\n        .cxe-btn:hover { background-position: right center; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4); }\n\n        \/* === Animations === *\/\n        .cxe-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cxe-reveal.cxe-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cxe-section { padding: 50px 0; }\n            .cxe-timeline::before { right: 20px; transform: none; }\n            .cxe-timeline-item, .cxe-timeline-item:nth-child(even) { padding-left: 0; padding-left: 50px; justify-content: flex-start; }\n            .cxe-timeline-content { width: 100%; }\n            .cxe-timeline-badge { right: 12px; top: 25px; }\n            .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { left: auto; right: 12px; }\n            .cxe-media-wrapper { border-radius: 12px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Base) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\" style=\"padding-top: 60px;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cxe-title-main cxe-reveal\"\u003eLo primero que revela la edad no son las arrugas..\u003cbr\/\u003e\u003cspan class=\"cxe-text-gold\"\u003eEstos son los ojos\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n                La atención se concentra en los ojos antes de escuchar cualquier palabra. Antes de que se note cualquier señal en el rostro, el área de los ojos precede todo lo demás, contando los detalles de la falta de sueño, el efecto de las pantallas, el estrés y los años transcurridos. ¿Y el problema? La mayoría trata todo el rostro y deja que hable el área de los ojos.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail Peptide Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_7771-R4_e133b5a0-7b1b-48db-8db0-0a5f14cdfd2f.webp?v=1788026267\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE PROBLEM (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eLa piel debajo de los ojos es la más delgada que existe... y tratarla como el resto del rostro es un error\u003c\/h2\u003e\n\u003cdiv class=\"cxe-grid-2\" style=\"align-items: center; margin-top: 40px;\"\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--cxe-text-light); margin-bottom: 20px; line-height: 1.8;\"\u003e\n                        La piel alrededor de los ojos es mucho más delgada que el resto del rostro, contiene muchas menos glándulas sebáceas y sufre movimientos cotidianos constantes en cada parpadeo y en cada sonrisa. ¿El resultado?\n                    \u003c\/p\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003eSécate más rápido.\u003c\/li\u003e\n\u003cli\u003eMuestra cansancio antes que cualquier otra área.\u003c\/li\u003e\n\u003cli\u003eLas líneas finas comienzan primero allí.\u003c\/li\u003e\n\u003cli\u003eEs sensible a las cremas pesadas destinadas al resto del rostro.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--cxe-gold-bright); font-weight: bold; margin-top: 20px;\"\u003e\n                        Por lo tanto, la crema facial normal no es una solución aquí. Esta área necesita una fórmula diseñada específicamente para ella.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Secretion Care\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail_secetions_skin_care.webp?v=1788026290\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. THE SOLUTION \u0026 BENEFITS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eCosrx no ha creado una crema de ojos normal... ha creado una dosis concentrada\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n                La mayoría de las cremas para ojos en el mercado están compuestas de agua, aceites y perfume, y el ingrediente activo se encuentra al final de la lista en concentración nominal. Cosrx hizo diferente: \u003cstrong class=\"cxe-text-gold\"\u003eEl moco de caracol es el primer ingrediente al 72%.\u003c\/strong\u003e El ingrediente activo aquí no es un aditivo. Más bien, es la base del producto.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"COSRX Eye Cream Box\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-advanced-snail-peptide-eye-cream_8809598451070_DarBeauty_03_4cea1998-1667-428d-a023-baaa56d1b119.webp?v=1788026319\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\" style=\"margin-bottom: 40px;\"\u003eBeneficios generales del producto\u003c\/h2\u003e\n\u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-card\"\u003e\n\u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir la apariencia de ojeras y opacidad:\u003c\/strong\u003e Gracias a la combinación de niacinamida con mucosidad de caracol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuavizado de las líneas finas y de expresión:\u003c\/strong\u003e Con tecnología Acetyl Hexapeptide-8 y Palmitoyl Pentapeptide-4.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoporta la elasticidad y la firmeza de la piel delicada:\u003c\/strong\u003e Gracias al Copper Tripeptide-1.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratación profunda y plenitud inmediata\u003c\/strong\u003e Con una mezcla de hialuronato de sodio, glicerina y butilenglicol.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\"\u003e\n\u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir la apariencia de la hinchazón matutina:\u003c\/strong\u003e Potente adenosina combinada con moco de caracol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAliviar el enrojecimiento y la sensibilidad:\u003c\/strong\u003e Con la acción de alantoína, pantenol y péptidos calmantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección contra el estrés oxidativo diario\u003c\/strong\u003e Gracias a la vitamina E.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrición para la piel seca sin apelmazarla:\u003c\/strong\u003e Gracias al aceite natural de semillas de girasol.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. HOW IT WORKS (Alternate Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-alt\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003e¿Cómo funciona? \u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Applying Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_applying_eye_cream_202608292106.jpg?v=1788026823\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e72% de moco de caracol: una planta completamente reparadora\u003c\/h3\u003e\n\u003cp\u003eNo solo un humectante, sino una mezcla natural de glicoproteínas, ácido hialurónico, alantoína, cobre y péptidos naturales. Llena la piel de hidratación para reducir rápidamente las líneas de sequedad, calma y apoya la reparación de la barrera hidrolipídica para disminuir enrojecimiento y sensibilidad. El resultado: un área “llena y relajada” en lugar de “seca y tensa”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eNiacinamida: especialista en aclarar la pigmentación\u003c\/h3\u003e\n\u003cp\u003eUno de los ingredientes más estudiados en la aclaración del aspecto de las manchas, en la unificación del color y en el apoyo a la barrera hidrolipídica. Su presencia aquí está específicamente dirigida a los círculos derivados de la pigmentación, sequedad y opacidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e5 péptidos... cada tipo tiene una tarea específica\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eLos péptidos son cadenas de aminoácidos que indican a la piel que construya y reafirme. Cosrx no se ha limitado a un solo tipo:\u003c\/p\u003e\n\u003cul class=\"cxe-list\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCopper Tripeptide-1:\u003c\/strong\u003e Para apoyar el colágeno y la regeneración de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e Para reducir la aparición de líneas de expresión causadas por el movimiento de los músculos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e Para apoyar la apariencia de densidad y grosor de la piel fina.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e Para mejorar la flexibilidad y la cohesión.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e Para calmar inflamaciones menores que aceleran el envejecimiento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eAceite de girasol y vitamina E: retienen la hidratación\u003c\/h3\u003e\n\u003cp\u003eEl área de los ojos suele estar más seca en comparación con el resto del rostro. El aceite de semillas de girasol proporciona nutrición sin pesadez ni obstrucción, mientras que la Vitamina E protege contra la oxidación dañina diaria.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. COMPARISON \u0026 TIMELINE (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eLa diferencia entre esto y lo que hay en el cajón de tu habitación ahora\u003c\/h2\u003e\n\u003cdiv class=\"cxe-table-container cxe-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003ctable class=\"cxe-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eEstándar\u003c\/th\u003e\n\u003cth style=\"color: #666;\"\u003eCrema tradicional\u003c\/th\u003e\n\u003cth style=\"background: rgba(245, 184, 0, 0.1); color: var(--cxe-gold-bright);\"\u003eCOSRX Snail Peptide\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIngrediente activo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eAl final de la lista con poca concentración\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eEl moco de caracol es el primer ingrediente, 72%.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePéptidos\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003e \u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eCinco péptidos diferentes y complementarios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTextura\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003ePesado y puede causar gránulos blancos\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLoción ligera que se absorbe en pocos segundos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eHolismo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eSe ocupa de un problema\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eTrata ojeras + hinchazón + líneas + hidratación\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIrritabilidad\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eContiene perfumes y alcohol que irritan la zona\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eSin perfume, alcohol ni aceites esenciales\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eEl camino de los resultados... paso a paso\u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Shell and Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_shell_and_eye_cream_202608292104.jpg?v=1788026735\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eEl área se vuelve confortable e hidratada, y las costras y la sequedad disminuyen inmediatamente. El maquillaje se aplica más fácilmente sobre ella.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDe 3 a 7 días\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLas líneas causadas por la sequedad son menos visibles y el área parece menos cansada y más llena por la mañana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDe 2 a 4 semanas\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLa consistencia de la piel se vuelve más suave, la hinchazón matutina disminuye gradualmente y las ojeras causadas por la sequedad comienzan a aclararse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDe 8 a 12 semanas\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eEl efecto de los péptidos se siente fuertemente: la elasticidad y la tonicidad del área mejoran y el aspecto de las líneas finas se reduce de manera evidente. (La botella de 25 ml es suficiente para dos o tres meses, gracias a la pequeña cantidad requerida).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. USAGE \u0026 REVIEWS (Base Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"cxe-steps cxe-reveal delay-1\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003ePreparación\u003c\/h4\u003e\n\u003cp\u003eDespués de aplicar el tónico y el suero, toma una cantidad muy pequeña del tamaño de una lenteja.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eDistribución segura\u003c\/h4\u003e\n\u003cp\u003eCon Chi .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eGolpetear\u003c\/h4\u003e\n\u003cp\u003eDa golpecitos suavemente hasta que se absorba por completo. Está estrictamente prohibido tirar o arrancar la piel delicada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eRutina\u003c\/h4\u003e\n\u003cp\u003eMañana . . Sobre .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Reviews Summary --\u003e\n\u003cdiv class=\"cxe-card cxe-reveal\" style=\"background: rgba(15, 15, 15, 0.8); border: 1px solid rgba(255,255,255,0.1);\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 1.6rem; color: #fff; margin-bottom: 20px;\"\u003eOpiniones de los usuarios (valoración global 4,8\/5)\u003c\/h3\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eAl examinar las reseñas publicadas en sitios web internacionales, esta crema se considera una de las mejor valoradas en la categoría de cremas para ojos coreanas.\u003c\/p\u003e\n\u003cdiv class=\"cxe-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--cxe-gold-bright); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003e:\u003c\/h4\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eTextura:\u003c\/strong\u003e Ligera como una loción, se absorbe en pocos segundos, no deja una capa grasa y no interfiere con el corrector.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eHidratación instantánea:\u003c\/strong\u003e La textura del área está claramente mejorada y las escamas secas se reducen en los primeros días.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eNo irritante:\u003c\/strong\u003e Completamente Los ojos Sensible .\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eAhorros:\u003c\/strong\u003e Basta con muy poca cantidad y el envase dura meses.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--cxe-text-muted); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003ePuntos que han sido repetidos en la crítica:\u003c\/h4\u003e\n\u003cul class=\"cxe-list\" style=\"color: #aaa;\"\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e Algunos encuentran el envase (25 ml) pequeño, aunque las reseñas confirman que el consumo diario es muy reducido.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e La textura del moco puede parecer extraña al primer uso, pero la sensación desaparece inmediatamente.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e Un cambio radical en las líneas finas requiere semanas de paciencia y no aparece desde la primera semana.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-gold-main); font-weight: bold; margin-top: 20px;\"\u003eConclusión neutra: El consenso indica que es una de las mejores cremas para ojos en su rango de precio por hidratación, comodidad y seguridad de la fórmula.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. CTA \u0026 INGREDIENTS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_crawling_near_eye_cream_202608292102.jpg?v=1788026614\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-main cxe-reveal\" style=\"font-size: clamp(26px, 4vw, 40px);\"\u003eLos ojos no esperan... y el tiempo no se detiene\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n                Cada día que pasa mientras el área delicada alrededor de los ojos se deja sin cuidados específicos es un día añadido a la edad, no a la piel. La diferencia entre un aspecto juvenil y un aspecto cansado no es solo genética, sino más bien continuar aplicando la crema correcta en el lugar adecuado.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cbutton class=\"cxe-btn\"\u003eEl inicio es ahora... para restaurar un aspecto joven y radiante\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Footer --\u003e\n\u003cdiv class=\"cxe-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cxe-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cxe-gold-main); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eLista completa de ingredientes (INCI)\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Butylene Glycol, Glycerin, Helianthus Annuus (Sunflower) Seed Oil, 1,2-Hexanediol, Niacinamide, Water, Palmitic Acid, Arginine, Carbomer, Stearic Acid, Betaine, Cetearyl Olivate, Sorbitan Olivate, Sodium Polyacrylate, Allantoin, Tocopheryl Acetate, Panthenol, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Sodium Hyaluronate, Adenosine, Xanthan Gum, Myristic Acid, Copper Tripeptide-1, Acetyl Hexapeptide-8, Palmitoyl Pentapeptide-4, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.cxe-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cxe-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.cxe-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.cxe-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -3;\n                        const rotateY = ((x - centerX) \/ centerX) * 3;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999393730734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1788175379"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\n\u003cstyle\u003e\n\n.ginseng-product-description {\n\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n}\n\n\n.ginseng-main-title {\n  text-align: center;\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 20px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.ginseng-main-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #d4a017;\n}\n\n\n.ginseng-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 30px;\n  line-height: 1.6;\n}\n\n\n.ginseng-main-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n  transform: translateY(-5px);\n}\n\n\n.ginseng-features {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n\n.ginseng-feature-card {\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n  padding: 25px;\n  transition: all 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n  color: #333;\n  font-size: 18px;\n  font-weight: bold;\n}\n\n.ginseng-feature-icon {\n  margin-left: 10px;\n  color: #d4a017;\n  font-size: 20px;\n}\n\n.ginseng-feature-content {\n  line-height: 1.6;\n  color: #555;\n}\n\n\n.ginseng-ingredients {\n  background-color: #fbfbfb;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n  text-align: center;\n  font-size: 22px;\n  color: #333;\n  margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 15px;\n}\n\n.ginseng-ingredient {\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 8px;\n  flex: 1;\n  min-width: 120px;\n  text-align: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n  transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n  transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n  font-size: 24px;\n  color: #d4a017;\n  font-weight: bold;\n  margin: 10px 0;\n}\n\n\n.ginseng-benefits {\n  margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 15px;\n}\n\n.ginseng-benefit-item {\n  display: flex;\n  align-items: center;\n  padding: 13px 18px;\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n  transition: transform 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n  color: #d4a017;\n  font-size: 18px;\n  margin-left: 10px;\n}\n\n\n.ginseng-how-to-use {\n  background-color: #fff;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.ginseng-step {\n  flex: 1;\n  display: flex;\n  align-items: flex-start;\n  min-width: 250px;\n}\n\n.ginseng-step-number {\n  background-color: #f5f5f5;\n  color: #333;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n  line-height: 1.6;\n}\n\n\n.ginseng-highlight-section {\n  position: relative;\n  padding-left: 15px;\n}\n\n.ginseng-highlight-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #d4a017;\n  border-radius: 3px;\n}\n\n\n.ginseng-fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\n@media (max-width: 768px) {\n  .ginseng-features {\n    grid-template-columns: 1fr;\n  }\n  \n  .ginseng-ingredients-list {\n    flex-direction: column;\n  }\n  \n  .ginseng-ingredient {\n    min-width: auto;\n  }\n}\n\u003c\/style\u003e\n\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eAgua de ginseng – la fuente eterna de juventud para la piel\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n    Una rara mezcla de secretos de la medicina tradicional coreana y tecnología moderna. El agua de ginseng al 80% utilizada en este producto no es solo un ingrediente natural, sino más bien un tesoro rico en antioxidantes, saponinas y micronutrientes que apoyan la piel joven desde el interior y la reconstruyen con cada uso.\n  \u003c\/p\u003e\n\u003cimg alt=\"Agua de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\"\/\u003e\n\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Ginseng – uno de los mayores secretos de la piel coreana\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Durante siglos, el ginseng ha sido conocido como la “Hierba de los Dioses” en los libros de medicina tradicional coreana como el Donguibogam. Las primeras mujeres coreanas lo usaban para bañarse y cuidar la piel gracias a su extraordinaria capacidad de estimular la circulación sanguínea, nutrir las células y rejuvenecer la piel.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Fórmula ligera – resultados intensos\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        A pesar de su textura ligera, similar al agua, este tónico proporciona a la piel un concentrado de hidratación y nutrientes. Se absorbe rápidamente sin dejar residuos grasos, ofreciendo una experiencia de uso cómoda y rápida, con resultados visibles desde la primera semana.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Una solución radical a los problemas de irritación e inflamación de la piel\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        El producto contiene 2% de niacinamida, un ingrediente eficaz respaldado científicamente para fortalecer la barrera hidrolipídica, calmar la inflamación y reducir el enrojecimiento causado por factores ambientales o irritaciones cotidianas.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Beneficios del agua de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\"\/\u003e\n\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Un hidratante extraordinario para la piel\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Las saponinas activas presentes en el agua de ginseng atraen y retienen la humedad en profundidad en la piel, dejando la piel hidratada por más tiempo sin necesidad de reaplicación. Ideal para quienes sufren de sequedad crónica o piel agrietada.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Piel más suave, más clara, más luminosa\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Alisando la textura de la piel, regulando la secreción de sebo y contribuyendo a reducir la apariencia de los poros dilatados, este tónico ayuda a mejorar la claridad general de la piel. La niacinamida también trabaja para aclarar las pigmentaciones y unificar el color, dejando el rostro con un aspecto más uniforme y luminoso.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Especialista en tratamiento de despigmentación\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        La constante opacidad del rostro no es causada solo por el cansancio, sino también por la falta en la piel de elementos que estimulan su regeneración natural. El agua de ginseng proporciona energía a las células de la piel y reactiva la microcirculación en el rostro, devolviéndole la luminosidad y el esplendor naturales.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Ingredientes del agua de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\"\/\u003e\n\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eFórmula altamente avanzada con agua de ginseng y niacinamida!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eEsta fórmula meticulosamente desarrollada combina ciencia y tradición, con ingredientes estudiados:\u003c\/p\u003e\n\u003cdiv class=\"ginseng-ingredients-list\"\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eAgua de raíz de ginseng coreano\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eEl ingrediente esencial para el rejuvenecimiento de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamida\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003ePara unificar el tono de la piel y reducir la inflamación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eComponentes adicionales\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003ePantenol, alantoína, extracto de ginseng fermentado, ácido hialurónico\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eCada ingrediente en él trabaja junto para ofrecerte los mejores resultados con el mínimo esfuerzo y sin ninguna irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eBeneficios principales\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefits-list\"\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eApoya la piel joven y la reconstruye\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eEstimular la circulación sanguínea y rejuvenecer la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eHidratación profunda y nutrición inmediata para la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eAbsorción rápida sin efecto graso\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eFortalecer la barrera hidrolipídica y calmar la inflamación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eReducir el enrojecimiento y la irritación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eHidratar la piel por períodos largos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eAlisar la textura de la piel y regular la secreción de sebo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eCómo usar\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-steps\"\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Después de la limpieza de la piel, aplicar una pequeña cantidad en las manos o en un disco de algodón\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Da golpecitos suavemente en cara y cuello con movimientos circulares\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Déjalo hasta que se absorba completamente antes de aplicar el próximo producto en tu rutina\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \n  const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n  \n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      \n      if (entry.isIntersecting) {\n        \n        setTimeout(() =\u003e {\n          entry.target.style.opacity = \"1\";\n          entry.target.style.transform = \"translateY(0)\";\n        }, 100);\n        \n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 }); \n  \n  \n  fadeElements.forEach(element =\u003e {\n    observer.observe(element);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999394484398,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_44852e5e-9e5d-463b-a5e8-e87bd2920fa5.webp?v=1788175375"}],"url":"https:\/\/skingeer.com\/es\/collections\/anti-aging-wrinkle-treatment.oembed","provider":"SkinGeer","version":"1.0","type":"link"}