{"title":"Hidratantes y defensa de la barrera cutánea","description":"\n\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 .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 .collection-content {\n position: relative;\n z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\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 .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 .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 .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 .ingredients-section {\n margin-top: 40px;\n padding: 20px 0;\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 .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 .ingredients-grid::-webkit-scrollbar {\n height: 6px;\n }\n .ingredients-grid::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n }\n .ingredients-grid::-webkit-scrollbar-thumb {\n background: #80ae93;\n border-radius: 3px;\n }\n .ingredients-grid::-webkit-scrollbar-thumb:hover {\n background: #6a9a7f;\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 .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 .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 .ingredient-card:hover::before {\n opacity: 1;\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 .ingredient-benefit {\n font-size: 0.75rem;\n color: #80ae93;\n font-weight: 500;\n position: relative;\n z-index: 2;\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 .modal-overlay.active {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\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 .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 .modal-close:hover {\n background: rgba(128, 174, 147, 0.3);\n transform: rotate(90deg);\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 .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 .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 .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 .modal-benefits h4 {\n color: #80ae93;\n font-size: 0.85rem;\n margin-bottom: 10px;\n font-weight: 600;\n }\n .modal-benefits ul {\n list-style: none;\n padding: 0;\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 .modal-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #80ae93;\n font-weight: bold;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\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 @media (max-width: 768px) {\n .collection-hero-section { padding: 40px 15px; }\n .collection-title { font-size: 2.5rem; }\n .collection-description { font-size: 1rem; }\n .ingredients-grid { gap: 12px; padding: 20px 15px 30px 15px; margin: 0 -15px; }\n .ingredient-card { min-height: 80px; min-width: 120px; padding: 12px 8px; }\n .ingredient-name { font-size: 0.85rem; }\n .ingredient-benefit { font-size: 0.7rem; }\n .wisdom-text { font-size: 1rem; }\n .modal-content { padding: 30px 20px; margin: 10px; }\n }\n\u003c\/style\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 piel sedienta se debilita prematuramente... La hidratación es el secreto de la juventud eterna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eHidratantes y defensa de la barrera cutánea\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003eLa sequedad es el enemigo oculto de la piel: acelera la aparición de arrugas, debilita la barrera natural y hace que el rostro se vea opaco y cansado. La hidratación no es un lujo ni un paso extra: es la base de la salud de tu piel y es esencial en cada rutina de cuidado.\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\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido hialurónico\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eHidratación profunda y duradera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eGlicerina\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003ePreserva la humedad de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eCeramidas\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eFortalecimiento de la barrera protectora\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eEscualano\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eFlexibilidad y brillo natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003ePantenol (Vitamina B5)\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eCalmar y rejuvenecer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAloe vera\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eHidratación y alivio instantáneo\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\"\u003e\n\u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n\u003cbutton class=\"modal-close\"\u003e×\u003c\/button\u003e\n\u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\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\n\u003ch4\u003eBeneficios principales\u003c\/h4\u003e\n\u003cul\u003e\n ${data.benefits.map(benefit =\u0026gt; `\u003cli\u003e${benefit}\u003c\/li\u003e`).join('')}\n \u003c\/ul\u003e\n\u003c\/div\u003e\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 \/\/ Optimized for mobile\/touch\n if ('ontouchstart' in window) {\n document.body.style.webkitTouchCallout = 'none';\n }\n\n","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-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":"مرطب-الجسم-بمستخلص-الفراولة-infinity-naturals","title":"Hidratante corporal con extracto de fresa infinity naturals","description":"La crema corporal ayuda a aclarar la piel y prevenir daños.\u003cbr\u003eTambién hidrata y suaviza la piel.\u003cbr\u003e","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999352443054,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2023-05-05T204334.618.png?v=1788175544"},{"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":"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":"the-ordinary-غسول-سكوالين-مزيل-مكياج-منظف-مرطب-50-مل","title":"The ordinary loción de escualano | Desmaquillante | Limpiador | Hidratante 50 ml","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:265\"\u003eCon su fórmula ligera y no grasa, este limpiador elimina el maquillaje y la suciedad con facilidad, manteniendo al mismo tiempo la barrera de hidratación de la piel. Contiene escualano, un ingrediente hidratante de origen vegetal, así como ésteres lipófilos que dejarán la piel suave y tersa.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:170\"\u003eThe Ordinary Loción de Esqualano es sin jabón, haciéndola lo suficientemente delicada para el uso diario, ideal para todo tipo de piel, y puede combinarse con otros productos de The Ordinary.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:43\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eBeneficios del uso de la loción Squalene The Ordinary:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"13:1-21:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:50\"\u003eLimpia profundamente la piel sin quitarle su humedad natural\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"14:1-14:30\"\u003eElimina fácilmente maquillaje y suciedad\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:29\"\u003eMantiene la barrera de hidratación de la piel\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"16:1-16:36\"\u003eDeja la piel suave y delicada\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:32\"\u003eNo comedogénico y sin jabón\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"18:1-18:32\"\u003eLo suficientemente delicada para el uso diario\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:26\"\u003eIdeal para todo tipo de piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVentaja\u003c\/th\u003e\n\u003cth\u003eEscualeno The Ordinary Loción\u003c\/th\u003e\n\u003cth\u003e La mayoría de las demás lociones\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes principales\u003c\/td\u003e\n\u003ctd\u003eNatural y derivado de las plantas\u003c\/td\u003e\n\u003ctd\u003ePuede contener sustancias químicas agresivas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEfecto en la piel\u003c\/td\u003e\n\u003ctd\u003eDelicado e hidratante\u003c\/td\u003e\n\u003ctd\u003ePuede causar sequedad o irritación de la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eApto para tipos de piel\u003c\/td\u003e\n\u003ctd\u003eIdeal para todo tipo de piel\u003c\/td\u003e\n\u003ctd\u003ePodría no ser ideal para todo tipo de piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDesmaquillarse\u003c\/td\u003e\n\u003ctd\u003eElimina el maquillaje fácilmente\u003c\/td\u003e\n\u003ctd\u003ePodría no eliminar el maquillaje de manera efectiva\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBarrera de humedad\u003c\/td\u003e\n\u003ctd\u003eMantiene la barrera de hidratación de la piel\u003c\/td\u003e\n\u003ctd\u003ePodría privar a la piel de su humedad natural\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":46999376986286,"sku":null,"price":16.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/rdn-squalane-cleanser-50ml_970b7253-da5f-4ffc-b878-942fa9ad6a35.webp?v=1788175447"},{"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":"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":"anua-heartleaf-toner","title":"Extracto de Heartleaf Anua 77% | Tónico calmante para la piel | Tratamiento para enrojecimiento y granos | Hidratante","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Tónico Calmante: La solución coreana perfecta para tu piel\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eEsto no es solo un tónico común, sino una fórmula avanzada que actúa directamente sobre los problemas de la piel y ayuda a restaurar su frescura y salud:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnrojecimiento e irritación?\u003c\/strong\u003e El tónico calma la piel gracias a que contiene un 77% de extracto de planta del corazón (Houttuynia Cordata), conocida por sus propiedades calmantes y antiinflamatorias.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e¿Acné?\u003c\/strong\u003e Reduce la aparición de granos y afina los poros para una piel clara y sin imperfecciones.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e¿Piel seca y apagada?\u003c\/strong\u003e Proporciona hidratación profunda y da a la piel un aspecto luminoso y radiante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ebarrera hidrolipídica débil?\u003c\/strong\u003e Restaura la fuerza de la piel y la protege de los factores ambientales nocivos.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRestaura el equilibrio natural de tu piel con un pH ideal (pH 5,5)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSi tu piel está desequilibrada debido a factores ambientales o productos agresivos, Anua Heartleaf Toner es la solución perfecta para ti. Gracias a su fórmula rica con un pH equilibrado de 5,5, este tónico restaura naturalmente el equilibrio de la piel, manteniendo su barrera hídrica sin afectar la capa de protección natural de la piel. En la concentración ideal, limpia suavemente la piel y la deja con una sensación de frescura e hidratación.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e¿Tu piel es sensible? Aquí está la solución natural perfecta\u003c\/strong\u003e\u003cbr\/\u003eSi tienes la piel sensible que reacciona rápidamente a los productos químicos o a los irritantes, el tónico Anua Heartleaf es la solución perfecta para ti. Gracias al extracto de hoja de corazón, conocido por sus propiedades calmantes y antiinflamatorias, este tónico ayuda a reducir el enrojecimiento y la irritación causados por factores externos como la contaminación y la luz solar. Su uso regular calma la piel y te hace sentir cómodo y refrescado durante todo el día.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa máxima concentración de la planta es la mejor para aliviar la piel irritada\u003c\/strong\u003e\u003cbr\/\u003eExtracto de corazón (Houttuynia Cordata) es el ingrediente principal de este tónico con una concentración del 77%. Esta planta es una de las más efectivas para calmar la piel irritada gracias a sus propiedades antibacterianas y antiinflamatorias. Reduce eficazmente la hinchazón y el enrojecimiento causados por problemas cutáneos cotidianos como el acné y las irritaciones provocadas por productos agresivos. Aprovecha al máximo este ingrediente natural en tu skincare con el Tónico Anua.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEs como comida saludable para tu piel\u003c\/strong\u003e\u003cbr\/\u003eAsí como tu cuerpo necesita una nutrición saludable para equilibrarse y mantenerse activo, tu piel necesita elementos naturales para mantenerse suave y saludable. Con una fórmula enriquecida con extracto de corazón y ácido hialurónico, el tónico Anua proporciona toda la hidratación y el alivio que tu piel necesita, dejándola radiante y vibrante durante todo el día. Es como un alimento que nutre tu piel desde el interior, trabaja para renovar sus células y protegerla de los factores ambientales dañinos.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eExtracto de Heartplant (Houttuynia Cordata):\u003c\/strong\u003e\u003cbr\/\u003eEl extracto de Heartleaf es uno de los ingredientes naturales activos utilizados en el Tónico Calmante Anua Heartleaf 77%. Esta planta, también conocida como hutuya, tiene propiedades extraordinarias que la hacen ideal para la piel cansada e irritada. Por eso, el extracto de heartplant es el ingrediente principal de este tónico:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAliviar la piel irritada:\u003c\/strong\u003e Heartplant es conocido por su extraordinaria capacidad para calmar la piel cansada e irritada. Contiene compuestos antiinflamatorios que reducen el enrojecimiento y las irritaciones causadas por factores ambientales o por el uso de productos agresivos.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePropiedades antibacterianas:\u003c\/strong\u003e El extracto de Heartplant ayuda a reducir el crecimiento de las bacterias que causan infecciones cutáneas y acné. Por lo tanto, es ideal para la piel propensa a estos problemas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePromover la salud general de la piel:\u003c\/strong\u003e La planta contiene componentes antioxidantes que combaten los radicales libres y reducen los efectos del envejecimiento prematuro. También contribuye al rejuvenecimiento de la piel y mejora su elasticidad.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHidratar la piel:\u003c\/strong\u003e La planta del corazón es una fuente natural que mejora el nivel de hidratación de la piel, haciéndola suave y permanentemente hidratada.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eResultados comprobados:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e97% de los usuarios\u003c\/strong\u003e Han confirmado que reduce el enrojecimiento dentro de la primera semana de uso.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEl 92% percibió una mejora significativa en el nivel de hidratación de la piel\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEl 90% ha notado una piel más suave y saludable.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eCómo usar:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eDespués de limpiar el rostro, aplica una cantidad apropiada de tónico en un disco de algodón o en las manos.\u003c\/li\u003e\n\u003cli\u003eDa palmaditas suavemente en la piel o toquela ligeramente para permitir que el tónico se absorba.\u003c\/li\u003e\n\u003cli\u003eSigue con tu rutina habitual de skincare.\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999389143214,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1759854643"},{"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":"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":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun: Rice + Probiotics Crema solar ligera SPF 50+ PA++++ (Hidratación no grasa con B5)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (Dark Mode) === *\/\n .aqua-relief-wrapper {\n --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n --aqua-primary: #5cb8e4;\n --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n --gold-accent: #d4af37;\n --text-main: #f8fafc; \/* Near white for dark mode *\/\n --text-muted: #94a3b8; \/* Light slate gray *\/\n --border-glass: rgba(92, 184, 228, 0.2);\n --glow-aqua: rgba(56, 189, 248, 0.25);\n \n background-color: var(--aqua-bg-base);\n color: var(--text-main);\n font-family:Tajawal',-apple-system,BlinkMacSystemFont,sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 0 0 60px 0;\n border-radius: 24px;\n box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .aqua-relief-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .aqua-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Typography Utilities === *\/\n .aqua-text-gradient {\n background: var(--aqua-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n }\n\n .aqua-section-title {\n font-size: clamp(26px, 4vw, 38px);\n font-weight: 900;\n text-align: center;\n margin: 80px 0 20px;\n color: #ffffff; \/* White for better visibility *\/\n position: relative;\n }\n\n .aqua-section-subtitle {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--text-muted);\n max-width: 700px;\n margin: 0 auto 50px;\n font-weight: 500;\n }\n\n \/* === Ambient Background === *\/\n .aqua-ambient {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .aqua-glow-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.5;\n animation: orbDrift 15s infinite alternate ease-in-out;\n }\n\n .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n @keyframes orbDrift {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-30px, 50px) scale(1.1); }\n }\n\n \/* === Hero Section === *\/\n .aqua-hero {\n position: relative;\n padding: 80px 20px 40px;\n text-align: center;\n background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n border-bottom: 1px solid var(--border-glass);\n }\n\n .aqua-hero-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n margin-bottom: 20px;\n animation: float 3s ease-in-out infinite;\n filter: drop-shadow(0 5px 15px var(--glow-aqua));\n color: var(--aqua-primary);\n font-size: 40px;\n font-weight: 900;\n font-family:system-ui,sans-serif;\n background: var(--aqua-bg-card); \/* Darker background *\/\n border-radius: 50%;\n box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n border: 1px solid var(--border-glass);\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .aqua-main-title {\n font-size: clamp(32px, 5vw, 52px);\n font-weight: 900;\n margin-bottom: 25px;\n line-height: 1.3;\n letter-spacing: -0.5px;\n color: #ffffff;\n }\n\n .aqua-hero-subtitle-text {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--text-main);\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.8;\n font-weight: 500;\n }\n\n \/* === Video \u0026 Image Wrappers === *\/\n .aqua-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto;\n perspective: 1000px;\n display: block;\n }\n\n .aqua-media-wrapper.size-lg { max-width: 850px; }\n .aqua-media-wrapper.size-md { max-width: 700px; }\n .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n .aqua-product-media {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 20px;\n box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n border: 2px solid var(--border-glass); \/* Subtler border *\/\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n object-fit: cover;\n }\n\n \/* === Glass Cards \u0026 Grids === *\/\n .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n .aqua-glass-card {\n background: var(--aqua-bg-card);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid var(--border-glass);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n text-align: left;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card::before {\n content: '';\n position: absolute;\n top: 0; right: 0;\n width: 4px; height: 100%;\n background: var(--aqua-gradient);\n opacity: 0;\n transition: 0.4s ease;\n }\n\n .aqua-glass-card:hover {\n transform: translateY(-8px);\n background: var(--aqua-bg-card-hover);\n box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n border-color: var(--aqua-primary);\n }\n\n .aqua-glass-card:hover::before { opacity: 1; }\n\n .aqua-card-title {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 12px;\n font-weight: 800;\n }\n\n .aqua-card-desc {\n color: var(--text-muted);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n \/* === Impact Highlight Section === *\/\n .aqua-impact-wrapper {\n background: var(--pearl-gradient);\n padding: 60px 40px;\n margin: 60px 0;\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n text-align: center;\n }\n\n \/* === Icons === *\/\n .aqua-icon-badge {\n width: 60px; height: 60px;\n background: var(--aqua-light);\n border: 1px solid var(--border-glass);\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--aqua-dark);\n transition: 0.4s ease;\n font-size: 24px;\n font-weight: 900;\n font-family:system-ui,sans-serif;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card:hover .aqua-icon-badge {\n background: var(--aqua-gradient);\n color: white;\n transform: scale(1.1) rotate(5deg);\n }\n\n \/* === Timeline === *\/\n .aqua-timeline {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px 0;\n }\n\n .aqua-timeline::before {\n content: '';\n position: absolute;\n top: 0; right: 50%;\n width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n transform: translateX(50%);\n }\n\n .aqua-timeline-item {\n display: flex;\n justify-content: flex-end;\n padding-left: 50%;\n position: relative;\n margin-bottom: 30px;\n }\n\n .aqua-timeline-item:nth-child(even) {\n justify-content: flex-start;\n padding-left: 0;\n padding-left: 50%;\n }\n\n .aqua-timeline-content {\n width: 90%;\n background: var(--aqua-bg-card);\n border: 1px solid var(--border-glass);\n padding: 25px;\n border-radius: 16px;\n position: relative;\n transition: all 0.3s;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n }\n\n .aqua-timeline-content:hover {\n border-color: var(--aqua-primary);\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n }\n\n .aqua-timeline-badge {\n position: absolute;\n top: 25px; right: -6.5%;\n width: 14px; height: 14px;\n background: var(--aqua-bg-base);\n border: 3px solid var(--aqua-primary);\n border-radius: 50%;\n z-index: 2;\n box-shadow: 0 0 10px var(--glow-aqua);\n }\n\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n right: auto;\n left: -6.5%;\n }\n\n .aqua-time-label {\n color: var(--aqua-dark);\n font-weight: 800;\n margin-bottom: 10px;\n font-size: 1.1rem;\n display: inline-block;\n background: var(--aqua-light);\n padding: 4px 15px;\n border-radius: 20px;\n }\n\n \/* === Comparison Section === *\/\n .aqua-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .aqua-comp-card {\n background: var(--aqua-bg-card);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n border: 1px solid var(--border-glass);\n }\n\n .aqua-comp-card.premium {\n border: 2px solid var(--aqua-primary);\n background: var(--pearl-gradient);\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n }\n\n .aqua-comp-list { list-style: none; padding: 0; }\n .aqua-comp-item {\n padding: 12px 0;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--text-muted);\n }\n .aqua-comp-item:last-child { border-bottom: none; }\n \n .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n .aqua-check-icon {\n width: 24px; height: 24px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-weight: bold; font-size: 14px;\n color: white; flex-shrink: 0;\n }\n .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n .aqua-check-premium { background: var(--aqua-gradient); }\n\n \/* === CTA Section === *\/\n .aqua-cta {\n text-align: center;\n margin-top: 80px;\n padding: 60px 30px;\n background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n }\n\n .aqua-btn-primary {\n display: inline-block;\n background: var(--aqua-gradient);\n background-size: 200% auto;\n color: white;\n padding: 18px 45px;\n border-radius: 40px;\n font-size: 1.2rem;\n font-weight: 900;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: 0.5s ease;\n box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n margin-top: 30px;\n font-family:Tajawal',sans-serif;\n }\n\n .aqua-btn-primary:hover {\n background-position: right center;\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n }\n\n \/* === Animations === *\/\n .aqua-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .aqua-timeline::before { right: 20px; transform: none; }\n .aqua-timeline-item { padding-left: 0; padding-left: 50px; justify-content: flex-start; }\n .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-left: 50px; }\n .aqua-timeline-content { width: 100%; }\n .aqua-timeline-badge { right: 14px; top: 25px; }\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n \n .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n .aqua-hero { padding: 50px 15px 20px; }\n .aqua-cta { padding: 40px 20px; }\n .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n .aqua-media-wrapper { padding: 0 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eCrema solar coreana\u003c\/span\u003e Qué te hará volver a amar el sol\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Imagina una crema solar con una textura acuosa que desaparece en pocos segundos, y contiene un 30% de agua de semillas de arroz, que hace que la piel de las estrellas coreanas sea extraordinaria, y con 5 filtros de protección avanzada. Protege, hidrata, ilumina y trata - 4 productos en uno.\n \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n Tu navegador no admite la visualización de videos.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa textura acuosa desaparece en pocos segundos\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eNo es como una crema solar normal, es una fórmula muy ligera que se absorbe inmediatamente en la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e30% agua de semillas de arroz\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl secreto de belleza de la antigua Corea para iluminar e hidratar profundamente la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eSin blancura ni untuosidad\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eTambién para la piel grasa, no deja residuos blancos molestos ni brillo no deseado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5 filtros de protección avanzados\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa protección más fuerte en la región contra todo tipo de rayos dañinos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4 productos en uno\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eFuerte protección + hidratación profunda + aclarado de manchas + tratamiento de la barrera hidrolipídica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003e¿Has probado muchos protectores solares... y debido a tanto malestar, decidiste dejar que el sol se comiera tu piel?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n Si estás cansado de las cremas solares que dejan la piel blanca, o que hacen que la piel sea grasa y pegajosa, o que realmente no te protegen del sol...\n \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh cambiará por completo tu idea\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDesde el primer uso, sentirás que aplicas un suero hidratante, no un protector solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eAgua de semillas de arroz 30% - el secreto de la belleza coreana\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003e¿Qué hace que un ingrediente valga el precio de un protector solar completo?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Agua de semillas de arroz en Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eUn antiguo secreto de miles de años\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eEl agua de semillas de arroz no es solo un ingrediente común... Este es el secreto de la belleza coreana que las estrellas asiáticas heredan de sus familias.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eEl componente más caro en la composición:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Se extrae mediante métodos especiales que preservan sus beneficios.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30% concentración muy alta - el porcentaje más alto en una crema solar.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Antioxidantes 10 veces más fuertes que la vitamina C.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003e¿Qué hará en tu piel?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Tu piel recupera su esplendor natural en pocas semanas.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Aclara las manchas oscuras y uniforma su color.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Hidrata en profundidad hasta 7 capas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 filtros de protección avanzados - un equipo completo contra el sol\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eEn un momento en que todos los productos preventivos te ofrecen un filtro, ¡esta crema te ofrece 5!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa primera protección: absorbe los rayos y los transforma en calor inocuo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl combatiente completo: protege contra UVA y UVB con un 99% de eficiencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEspecialista: apunta a los rayos que causan el envejecimiento de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProtector profundo: Combate los rayos que penetran en las capas profundas de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl escudo definitivo: doble protección y estabilidad duradera sobre la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eResultado: protección SPF 57,9 + PA++++ UVA PF 19,3 - ¡superior a lo que dice el envase!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eRuta de cambio - observa tu piel mejorar cada día\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003ePrimer día\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa primera sorpresa\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Protección inmediata desde el primer uso.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una sensación de frescura e hidratación profunda.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una textura acuosa que desaparece sin efecto graso.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eDespués de una semana\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEl inicio suave\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ La piel está más suave y luminosa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduce el exceso de brillo para piel grasa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Mejora evidente de la textura de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eDespués de un mes\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLos resultados hablan\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Luminosidad clara y uniformidad del tono de la piel.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Las manchas oscuras están comenzando a disminuir.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Piel más fuerte y resistente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eEn comparación con cualquier otra crema solar: la diferencia es clara\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eProtector solar regular (100 libras)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Solo protección normal\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Textura oleosa o blanco transparente\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Componentes químicos ordinarios\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e No hay beneficios adicionales\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Resultado: protección solo temporal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Fuerte protección + hidratación + tratamiento + belleza\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Textura acuosa lujosa que desaparece con el tiempo\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingredientes naturales raros y costosos\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Mejora continua de la calidad de la piel\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e El resultado: una inversión en la belleza y en la salud de tu piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Invierte en la protección de tu piel ahora\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003e¡La decisión de hoy determinará la forma de tu piel mañana!\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n El sol es el mayor enemigo de tu piel, la principal causa del envejecimiento prematuro y la primera causa de pigmentación y manchas. ¿Dejarás que el sol consuma tu piel, o invertirás en protegerla con un producto de tratamiento que la mejore cada día?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003e¡La decisión correcta es clara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eOrdénalo ahora... e invierte en el futuro de tu piel\u003c\/button\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('.aqua-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('aqua-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('.aqua-tilt-card');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.aqua-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) * -5;\n const rotateY = ((x - centerX) \/ centerX) * 5;\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":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999412408494,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1788175293"},{"product_id":"eva-skin-clinic-collagen-moisturizing-cream-for-youth-20-50ml","title":"Eva Skin Clinic Collagen Moisturizing Cream For youth (+20) 50ml","description":"\u003c!-- EVA Collagen Cream - Anti-Aging Protection --\u003e\n\u003cdiv class=\"eva-collagen-container\" dir=\"ltr\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"warning-badge\"\u003e\n\u003cspan\u003eAviso: Con el paso de los días, los problemas de la piel empeoran silenciosamente!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003e\n\u003cstrong\u003eLa guerra silenciosa que destruye tu piel cada segundo\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"hero-subtitle\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCrema de Colágeno Eva - protección completa y regeneración continua durante 24 horas\u003c\/strong\u003e\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Silent War Section --\u003e\n\u003csection class=\"war-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n ¿Sabes qué le pasa a tu piel a los 20 años?\n \u003c\/h2\u003e\n\u003cdiv class=\"war-statement\"\u003e\n\u003cp\u003eCada minuto que pasa, tu piel enfrenta \u003cstrong\u003eAtaque feroz\u003c\/strong\u003e En 4 frentes:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"damage-factors-grid\"\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003eContaminación atmosférica\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eDestruye el 40% del colágeno natural cada año\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003eRayos ultravioleta\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eQuema las células jóvenes sin piedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003ePresiones psicológicas\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eSecreta toxinas que consumen la frescura de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"factor-card\"\u003e\n\u003ch4\u003e\u003cstrong\u003eFalta de sueño\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eInhibe la regeneración celular en un 60%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-teaser\"\u003e\n\u003cp\u003e\u003cstrong\u003ePero si te dijéramos que existe una solución revolucionaria que invierte esta ecuación?\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Benefits Section --\u003e\n\u003csection class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n Crema de Colágeno Eva - protección completa contra los agresores e hidratación profunda en 7 capas\n \u003c\/h2\u003e\n\u003ch3 class=\"benefits-subtitle\"\u003eBeneficios científicos comprobados:\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-percentage\"\u003e+340%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eEstimular la producción de colágeno\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-percentage\"\u003e97.3%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eProtección contra la contaminación\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-time\"\u003e24 horas\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eHidratación profunda\u003c\/strong\u003e Dura todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-percentage\"\u003e+250%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eFortalecer la barrera hidrolipídica\u003c\/strong\u003e Natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-time\"\u003e10 años\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eRetrasar los signos del envejecimiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-shield\"\u003eProtección completa\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eDe los rayos nocivos\u003c\/strong\u003e y factores ambientales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Technology Section --\u003e\n\u003csection class=\"technology-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n Hydraconcept: Cuando la ciencia se encuentra con el milagro\n \u003c\/h2\u003e\n\u003cdiv class=\"tech-intro\"\u003e\n\u003ch3\u003e\u003cstrong\u003eEl descubrimiento extraordinario que reescribe las leyes del tiempo!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eLa crema de colágeno Eva no es solo una crema hidratante... es \u003cstrong\u003ePrograma de defensa integrado\u003c\/strong\u003e ¡Transforma tu piel en un castillo inmunitario contra el envejecimiento!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydraconcept-features\"\u003e\n\u003ch4\u003e\u003cstrong\u003eTecnología Hydraconcept revolucionaria:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch5\u003e\u003cstrong\u003eDetecta contaminaciones\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003eLocaliza y combate las partículas finas de contaminación antes de que penetren en la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch5\u003e\u003cstrong\u003eRepara los daños\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003eInvierte eficazmente los daños existentes 800% más rápido que la regeneración natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch5\u003e\u003cstrong\u003eConstruye inmunidad\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003eCrea un escudo protector que dura 24 horas completas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Collagen Science Section --\u003e\n\u003csection class=\"collagen-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n MIRACLE COLLAGEN: ¡LA FÁBRICA DE LA JUVENTUD DENTRO DE TU PIEL!\n \u003c\/h2\u003e\n\u003cdiv class=\"collagen-intro\"\u003e\n\u003ch3\u003e\u003cstrong\u003eLa ciencia detrás de la fórmula:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eColágeno estimulante de la juventud\u003c\/strong\u003e En la composición de Eva, no solo llena los espacios vacíos... sino que más bien repite \u003cstrong\u003eProgramación completa de las células de la piel:\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefits-grid\"\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e300%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eActiva las fábricas naturales de colágeno\u003c\/strong\u003e Más rápido de lo habitual\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cp\u003e\u003cstrong\u003eRepara las fibras rotas\u003c\/strong\u003e En las capas profundas de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cp\u003e\u003cstrong\u003eConstruye una nueva red de apoyo\u003c\/strong\u003e Justo debajo de la superficie de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-benefit\"\u003e\n\u003cp\u003e\u003cstrong\u003eEstimula las células madre\u003c\/strong\u003e Para producir un colágeno más fuerte y elástico\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-result\"\u003e\n\u003cp\u003e\u003cstrong\u003eEl resultado extraordinario:\u003c\/strong\u003e Piel que crea su propia juventud... ¡para siempre!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Protection Formula Section --\u003e\n\u003csection class=\"protection-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n Fórmula de protección completa: 24 horas x 365 días x protección total\n \u003c\/h2\u003e\n\u003cdiv class=\"protection-grid\"\u003e\n\u003cdiv class=\"protection-card morning\"\u003e\n\u003ch4\u003e\u003cstrong\u003eProtección matutina\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"protection-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ecombate el 99,7%\u003c\/strong\u003e A los contaminantes atmosféricos y al polvo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidrata durante 12 horas\u003c\/strong\u003e Continúo en las condiciones más difíciles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAporta luminosidad instantánea\u003c\/strong\u003e Dura todo el día\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-card night\"\u003e\n\u003ch4\u003e\u003cstrong\u003eReparación nocturna\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"protection-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRefleja los daños actuales\u003c\/strong\u003e 95% durante el sueño\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConstruye nuevo colágeno\u003c\/strong\u003e 400% más rápido que lo normal\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenueva las células de la piel\u003c\/strong\u003e Borra los signos de cansancio\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Transformation Timeline Section --\u003e\n\u003csection class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n Un viaje de transformación - desde el primer día hasta la eterna juventud\n \u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003ePrimer día\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eEfecto inmediato\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratación instantánea\u003c\/strong\u003e Rellena cada línea con precisión\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuavidad sedosa\u003c\/strong\u003e Lo notas en el primer contacto\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillo natural\u003c\/strong\u003e Elimina la necesidad de maquillaje\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-period\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eConstruye resistencia\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eLa piel se vuelve \u003cstrong\u003eMás resistente\u003c\/strong\u003e a factores externos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora evidente\u003c\/strong\u003e En la textura y suavidad de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa decoloración desaparece\u003c\/strong\u003e Y la apariencia de frescura natural\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-period\"\u003eEl primer mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eRenovación profunda\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eReafirmación natural\u003c\/strong\u003e Para la piel sin operaciones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlenitud evidente\u003c\/strong\u003e En las áreas delgadas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSúper resistencia\u003c\/strong\u003e Para nuevas arrugas\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-period\"\u003eEl tercer mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eVictoria final\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003ePiel \u003cstrong\u003e5-7 años más jóvenes\u003c\/strong\u003e De su verdadera edad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalidad excepcional de la piel\u003c\/strong\u003e Similar a la piel mimada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección permanente\u003c\/strong\u003e Contra los factores de envejecimiento futuros\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003csection class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n Plan de protección completo - rutina de 60 segundos\n \u003c\/h2\u003e\n\u003cdiv class=\"usage-routines\"\u003e\n\u003cdiv class=\"routine-card morning-routine\"\u003e\n\u003ch3\u003e\u003cstrong\u003eRutina matutina:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"routine-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eLimpia suavemente el rostro y seca dando pequeños toques\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003ePoner \u003cstrong\u003eUna cantidad del tamaño de un guisante\u003c\/strong\u003e En el rostro y cuello\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eMasajea con movimientos circulares hacia arriba durante 30 segundos\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eDéjalo \u003cstrong\u003eTu escudo protector\u003c\/strong\u003e Todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card evening-routine\"\u003e\n\u003ch3\u003e\u003cstrong\u003eRutina nocturna:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"routine-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eRetira con cuidado cualquier maquillaje y los rastros del día\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003ePlato de crema \u003cstrong\u003eUn poco más de cantidad\u003c\/strong\u003e Para reparación nocturna\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eMasajear más suavemente para estimular la circulación sanguínea\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eDeja \u003cstrong\u003ePlanta regeneradora\u003c\/strong\u003e Funciona mientras duermes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Final Warning Section --\u003e\n\u003csection class=\"final-warning-section dark-section\"\u003e\n\u003ch2 class=\"section-title white-text\"\u003e\n Comienza hoy tu viaje hacia la eterna juventud... ¡antes de que puedas arrepentirte mañana!\n \u003c\/h2\u003e\n\u003cdiv class=\"warning-messages\"\u003e\n\u003cdiv class=\"warning-message\"\u003e\n\u003cp\u003e\u003cstrong\u003eRecuerda:\u003c\/strong\u003e ¡Cada día pospuesto = un día más de envejecimiento que no se puede recuperar!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"warning-message\"\u003e\n\u003cp\u003e\u003cstrong\u003eRecuerda:\u003c\/strong\u003e Prevenir hoy = ¡juventud eterna mañana!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-message\"\u003e\n\u003cp\u003e\u003cstrong\u003eInvierte en el futuro de tu piel... y haz del tiempo tu aliado, no tu enemigo!\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA Section --\u003e\n\u003csection class=\"cta-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n Protege tu juventud ahora... la vejez está más cerca de lo que piensas!\n \u003c\/h2\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cdiv class=\"cta-message\"\u003e\n\u003cp\u003e\u003cstrong\u003eNo dejes que el tiempo sea tu enemigo... ¡empieza a protegerte hoy!\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cp\u003e\u003cstrong\u003eOrdénalo ahora\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"cta-sub\"\u003eY comienza el viaje de la juventud eterna\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003csection class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e\n Lista completa de ingredientes\n \u003c\/h2\u003e\n\u003cdiv class=\"ingredients-full-list\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Hydrolyzed Collagen, Glycerin, Cetearyl Alcohol, Cyclopentasiloxane, Dimethicone, Isopropyl Myristate, Propylene Glycol, Anti-Pollution Complex, Sodium Hyaluronate, Panthenol, Allantoin, Tocopheryl Acetate, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin, Parfum, CI 42090.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.eva-collagen-container {\n font-family:inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0;\n direction: ltr;\n text-align: left;\n background-color: #fff;\n}\n\n.eva-collagen-container * {\n box-sizing: border-box;\n}\n\n\/* Section Styles *\/\nsection {\n margin-bottom: 32px;\n padding: 24px 16px;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n}\n\n.dark-section {\n background-color: #000;\n color: white;\n}\n\n\/* Typography *\/\n.main-title {\n font-size: clamp(20px, 5vw, 32px);\n font-weight: 700;\n color: #333;\n margin-bottom: 20px;\n text-align: center;\n line-height: 1.3;\n}\n\n.hero-subtitle h2 {\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin: 0;\n}\n\n.warning-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #333;\n color: white;\n padding: 12px 20px;\n border-radius: 25px;\n margin: 0 auto 20px;\n width: fit-content;\n font-weight: 600;\n font-size: 14px;\n}\n\n.section-title {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n}\n\n.section-title.white-text {\n color: #9C8102;\n}\n\nh3 {\n font-size: clamp(16px, 3.5vw, 20px);\n font-weight: 700;\n color: #333;\n margin: 16px 0;\n}\n\nh4 {\n font-size: clamp(15px, 3vw, 18px);\n font-weight: 700;\n color: #9C8102;\n margin: 12px 0;\n}\n\nh5 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: #9C8102;\n margin: 10px 0;\n}\n\n\/* War Section *\/\n.war-statement {\n text-align: center;\n background-color: #222;\n padding: 24px;\n border-radius: 12px;\n border: 2px solid #9C8102;\n margin-bottom: 24px;\n}\n\n.war-statement p {\n color: white;\n font-size: clamp(16px, 3vw, 18px);\n margin: 0;\n}\n\n.damage-factors-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin: 24px 0;\n}\n\n.factor-card {\n padding: 20px;\n background-color: #222;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.factor-card:hover {\n transform: translateX(-6px);\n background-color: #333;\n}\n\n.factor-card h4 {\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.factor-card p {\n color: #ddd;\n margin: 0;\n}\n\n.solution-teaser {\n text-align: center;\n background-color: #9C8102;\n color: white;\n padding: 20px;\n border-radius: 12px;\n margin-top: 24px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.solution-teaser p {\n margin: 0;\n}\n\n\/* Benefits Section *\/\n.benefits-subtitle {\n text-align: center;\n color: #9C8102;\n margin-bottom: 32px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 24px 0;\n}\n\n.benefit-card {\n padding: 20px;\n background-color: #f5f5f5;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.benefit-card:hover {\n transform: translateY(-4px);\n background-color: #eee;\n}\n\n.benefit-percentage, .benefit-time, .benefit-shield {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.benefit-card p {\n margin: 0;\n font-weight: 600;\n}\n\n\/* Technology Section *\/\n.tech-intro {\n text-align: center;\n background-color: #222;\n padding: 24px;\n border-radius: 12px;\n border: 2px solid #9C8102;\n margin-bottom: 32px;\n}\n\n.tech-intro h3 {\n color: #9C8102;\n margin-bottom: 16px;\n}\n\n.tech-intro p {\n color: white;\n margin: 0;\n}\n\n.hydraconcept-features h4 {\n color: #9C8102;\n text-align: center;\n margin-bottom: 24px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n}\n\n.feature-card {\n background-color: #222;\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.feature-card:hover {\n transform: translateY(-4px);\n background-color: #333;\n}\n\n.feature-card h5 {\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.feature-card p {\n color: #ddd;\n margin: 0;\n}\n\n\/* Collagen Section *\/\n.collagen-intro {\n text-align: center;\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n margin-bottom: 32px;\n}\n\n.collagen-intro h3 {\n color: #9C8102;\n margin-bottom: 16px;\n}\n\n.collagen-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin: 24px 0;\n}\n\n.collagen-benefit {\n padding: 20px;\n background-color: #f5f5f5;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.collagen-benefit:hover {\n transform: translateX(-6px);\n background-color: #eee;\n}\n\n.benefit-number {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.collagen-benefit p {\n margin: 0;\n}\n\n.collagen-result {\n text-align: center;\n background-color: #9C8102;\n color: white;\n padding: 20px;\n border-radius: 12px;\n margin-top: 24px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.collagen-result p {\n margin: 0;\n}\n\n\/* Protection Section *\/\n.protection-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n margin: 32px 0;\n}\n\n.protection-card {\n background-color: #222;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.protection-card:hover {\n transform: translateY(-4px);\n background-color: #333;\n}\n\n.protection-card h4 {\n color: #9C8102;\n margin-bottom: 16px;\n}\n\n.protection-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.protection-list li {\n padding: 8px 0;\n padding-left: 24px;\n position: relative;\n color: #ddd;\n}\n\n.protection-list li::before {\n content: \"✓\";\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: 700;\n font-size: 16px;\n}\n\n\/* Timeline Section *\/\n.timeline-container {\n position: relative;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.timeline-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 32px;\n}\n\n.timeline-period {\n width: 100px;\n background-color: #9C8102;\n color: white;\n border-radius: 12px;\n padding: 16px 12px;\n margin-left: 20px;\n flex-shrink: 0;\n font-weight: 700;\n font-size: 14px;\n text-align: center;\n}\n\n.timeline-content {\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n flex: 1;\n transition: all 0.3s ease;\n}\n\n.timeline-content:hover {\n transform: translateX(-4px);\n background-color: #eee;\n}\n\n.timeline-content h4 {\n color: #9C8102;\n margin-bottom: 16px;\n font-size: clamp(15px, 3vw, 18px);\n}\n\n.timeline-content ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.timeline-content li {\n padding: 6px 0;\n padding-left: 24px;\n position: relative;\n}\n\n.timeline-content li::before {\n content: \"→\";\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: 700;\n font-size: 16px;\n}\n\n\/* Usage Section *\/\n.usage-routines {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 24px;\n margin: 32px 0;\n}\n\n.routine-card {\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.routine-card:hover {\n transform: translateY(-4px);\n background-color: #eee;\n}\n\n.routine-card h3 {\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n}\n\n.routine-steps {\n display: grid;\n gap: 16px;\n}\n\n.step {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n}\n\n.step-number {\n width: 32px;\n height: 32px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.step p {\n margin: 0;\n flex: 1;\n}\n\n\/* Final Warning Section *\/\n.warning-messages {\n display: grid;\n gap: 16px;\n margin: 24px 0;\n}\n\n.warning-message {\n background-color: #222;\n padding: 20px;\n border-radius: 12px;\n border: 2px solid #9C8102;\n text-align: center;\n}\n\n.warning-message p {\n margin: 0;\n color: white;\n font-weight: 600;\n}\n\n.investment-message {\n text-align: center;\n background-color: #9C8102;\n color: white;\n padding: 24px;\n border-radius: 12px;\n margin-top: 24px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.investment-message p {\n margin: 0;\n}\n\n\/* CTA Section *\/\n.cta-content {\n text-align: center;\n padding: 32px 24px;\n background-color: #f5f5f5;\n border-radius: 16px;\n border: 3px solid #9C8102;\n position: relative;\n overflow: hidden;\n}\n\n.cta-message {\n margin-bottom: 24px;\n}\n\n.cta-message p {\n margin: 12px 0;\n font-size: clamp(16px, 3vw, 18px);\n color: #333;\n font-weight: 600;\n}\n\n.cta-final {\n background-color: #9C8102;\n color: white;\n padding: 24px;\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.cta-final:hover {\n transform: translateY(-2px);\n background-color: #8B7102;\n}\n\n.cta-final p {\n margin: 8px 0;\n}\n\n.cta-final p:first-child {\n font-size: clamp(20px, 4vw, 24px);\n font-weight: 700;\n}\n\n.cta-sub {\n font-size: clamp(14px, 2.5vw, 16px);\n opacity: 0.9;\n}\n\n\/* Ingredients List Section *\/\n.ingredients-full-list {\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n font-size: 14px;\n line-height: 1.8;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .eva-collagen-container {\n font-size: 14px;\n }\n \n section {\n padding: 20px 12px;\n margin-bottom: 24px;\n }\n \n .damage-factors-grid, .benefits-grid, .features-grid, .collagen-benefits-grid, .protection-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n \n .usage-routines {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n \n .timeline-period {\n width: 80px;\n padding: 12px 8px;\n font-size: 12px;\n margin-left: 16px;\n }\n \n .step {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .step-number {\n width: 28px;\n height: 28px;\n font-size: 12px;\n }\n}\n\n@media (max-width: 480px) {\n .warning-badge {\n padding: 10px 16px;\n font-size: 13px;\n }\n \n .timeline-period {\n width: 70px;\n padding: 10px 6px;\n }\n \n .cta-content {\n padding: 24px 16px;\n }\n \n .usage-routines {\n grid-template-columns: 1fr;\n }\n \n .routine-card {\n padding: 20px;\n }\n}\n\n\/* Performance Optimizations *\/\n@media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n 'use strict';\n \n \/\/ Initialize when DOM is ready\n function init() {\n \/\/ Simple hover effects for cards\n const cards = document.querySelectorAll('.factor-card, .benefit-card, .feature-card, .collagen-benefit, .protection-card, .routine-card');\n cards.forEach(function(card) {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(-6px) translateY(-2px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n });\n\n \/\/ Touch interaction for mobile\n const touchElements = document.querySelectorAll('.factor-card, .benefit-card, .feature-card, .collagen-benefit, .protection-card');\n touchElements.forEach(function(element) {\n element.addEventListener('touchstart', function() {\n this.style.transform = 'scale(0.98)';\n }, { passive: true });\n \n element.addEventListener('touchend', function() {\n this.style.transform = '';\n }, { passive: true });\n });\n\n \/\/ CTA hover effect\n const ctaSection = document.querySelector('.cta-section');\n if (ctaSection) {\n ctaSection.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.01)';\n });\n \n ctaSection.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n }\n\n \/\/ Basic image loading if any\n const images = document.querySelectorAll('.eva-collagen-container img');\n images.forEach(function(img) {\n if (!img.complete) {\n img.style.opacity = '0';\n img.style.transition = 'opacity 0.3s ease';\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n });\n }\n });\n }\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n})();\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999417258158,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/EvaSkinClinicCollagenMoisturizingCreamForyouth50ml_3b420eaa-5152-48a9-a828-1df2da4d2622.webp?v=1788175275"},{"product_id":"cosrx-advanced-snail-mucin-gel-cleanser-50ml","title":"COSRX Advanced Snail Mucin Gel Cleanser 50ml","description":"\n\u003cstyle\u003e\n.product-description {\n direction: ltr;\n text-align: left;\n font-family:inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0 auto;\n padding: 0;\n}\n.hero-section {\n background: #9C8102;\n color: #fff;\n padding: 40px 20px;\n border-radius: 15px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n font-size: 2.2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 15px;\n}\n.hero-tagline {\n font-size: 1.2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 20px;\n opacity: 0.9;\n}\n.hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n color: #fff;\n}\n.problem-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n}\n.problem-title {\n font-size: 2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 30px;\n text-align: center;\n}\n.benefits-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n}\n.benefits-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n}\n.benefit-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 25px;\n padding: 20px;\n background: #fff;\n border-radius: 10px;\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n transform: translateX(-5px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n margin-left: 15px;\n color: #9C8102;\n font-size: 1.2em;\n min-width: 30px;\n}\n.benefit-content h3 {\n font-size: 1.2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 8px;\n}\n.benefit-content p {\n line-height: 1.6;\n margin: 0;\n color: #333;\n}\n.ingredients-section {\n background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #9C8102;\n}\n.ingredients-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n}\n.ingredient-card {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 5px solid #9C8102;\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n}\n.ingredient-description ul {\n margin-left: 20px;\n margin-top: 10px;\n}\n.ingredient-description li {\n margin-bottom: 8px;\n line-height: 1.6;\n}\n.timeline-section {\n background: linear-gradient(135deg, #333 0%, #111 100%);\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #9C8102;\n}\n.timeline-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n}\n.timeline-item {\n background: rgba(156, 129, 2, 0.1);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 5px solid #9C8102;\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n}\n.value-section {\n background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n}\n.value-title {\n font-size: 2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 30px;\n text-align: center;\n}\n.value-item {\n background: rgba(255, 255, 255, 0.1);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 5px solid #fff;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n color: #fff;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 10px;\n}\n.science-section {\n background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #333;\n}\n.science-title {\n font-size: 2em;\n font-weight: bold;\n color: #333;\n margin-bottom: 30px;\n text-align: center;\n}\n.question-cta {\n background: rgba(156, 129, 2, 0.1);\n padding: 25px;\n border-radius: 12px;\n margin: 20px 0;\n border: 2px dashed #9C8102;\n text-align: center;\n}\n.highlight-text {\n font-size: 1.3em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n}\n.final-cta {\n background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n color: #fff;\n padding: 50px 30px;\n border-radius: 15px;\n margin: 30px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n font-size: 2.2em;\n font-weight: bold;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n color: #fff;\n}\n.cta-text {\n font-size: 1.2em;\n line-height: 1.6;\n position: relative;\n z-index: 2;\n color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eCOSRX Advanced Snail Mucin Gel Cleanser 50ml\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eGel limpiador hidratante con avanzado mucó de caracol y arginina calmante\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eCuando el moco de caracol natural se encuentra con la delicada tecnología de limpieza coreana\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eLa limpieza tradicional priva a la piel de sus aceites naturales y causa sequedad e irritación. La revolucionaria loción de Cosrx combina... \u003cstrong\u003eMoco de caracol hidratante y arginina calmante con tecnología de limpieza delicada\u003c\/strong\u003e Que elimina las impurezas sin eliminar la barrera natural de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eEl Dilema de la Limpieza: ¿Limpieza o Hidratación?\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003e¿Por qué la mayoría de las lociones hacen más daño que bien?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eEstudios coreanos en dermatología han demostrado que \u003cstrong\u003eEl 85% de los limpiadores faciales contiene sulfatos agresivos\u003c\/strong\u003e Aumenta el pH a 8-10, lo que destruye la barrera natural de la piel y provoca sequedad, sensibilidad e inflamación.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003e¿Por qué el moco de caracol + arginina es la solución revolucionaria?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eEl moco de caracol contiene \u003cstrong\u003eCompuestos naturales idénticos a las proteínas de la piel\u003c\/strong\u003e Limpiador e hidratante al mismo tiempo, mientras la arginina equilibra el pH y calma la irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eEl poder del moco de caracol natural con arginina calmante\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eHidratación instantánea durante la limpieza\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con mucina de caracol natural)\u003c\/strong\u003e Contiene ácido hialurónico natural y glicoproteínas que hidratan la piel mientras eliminan las impurezas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eEquilibrio del pH perfecto\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con el aminoácido arginina)\u003c\/strong\u003e Equilibra el pH a pH 5,5, ideal para la piel y previene las irritaciones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eLimpieza profunda sin agresividad\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con delicado sodio cocoyl isethionate)\u003c\/strong\u003e Limpia profundamente las impurezas y el maquillaje sin eliminar los aceites naturales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRegeneración celular y del colágeno\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con mucina de caracol rica en péptidos)\u003c\/strong\u003e Estimula la regeneración celular y la producción de colágeno para una piel más joven\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eTesoros de la Naturaleza: Moco de caracol y arginina\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Moco de caracol natural - un milagro de hidratación y rejuvenecimiento:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eFiltrado de secreción de caracol purificado y seguro\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido hialurónico natural:\u003c\/strong\u003e Retiene la humedad y previene la sequedad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucoproteína regenerada:\u003c\/strong\u003e Estimula la producción de nuevas células\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlantoína calmante:\u003c\/strong\u003e Alivia la inflamación y acelera la curación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePéptidos naturales:\u003c\/strong\u003e Estimula la producción de colágeno y elastina\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Arginina - el aminoácido milagroso:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eL-Arginina Pura para un equilibrio perfecto\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegulador de acidez natural\u003c\/strong\u003e Mantiene el pH ideal de 5,5\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFuerte sedante:\u003c\/strong\u003e Reduce el enrojecimiento y la sensibilidad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEstimula la circulación sanguínea:\u003c\/strong\u003e Mejora la nutrición celular\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidante:\u003c\/strong\u003e Protege contra los radicales libres\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eEl camino desde el secado hasta la hidratación:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePrimer uso:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSensación inmediata de suavidad e hidratación en lugar de sequedad\u003c\/li\u003e\n\u003cli\u003eNo es necesario usar una crema hidratante adicional después del lavado\u003c\/li\u003e\n\u003cli\u003eReducción visible del enrojecimiento e irritación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePrimera semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMejora evidente de la textura y la suavidad de la piel\u003c\/li\u003e\n\u003cli\u003eReducir la apariencia de descamación y aspereza\u003c\/li\u003e\n\u003cli\u003eSe siente cómodo y refrescado en lugar de tenso y seco\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eUso a largo plazo:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePiel más resistente a los factores ambientales agresivos\u003c\/li\u003e\n\u003cli\u003eUna barrera natural fuerte que protege de la contaminación y las bacterias\u003c\/li\u003e\n\u003cli\u003eRetrasa los signos del envejecimiento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eLa revolución coreana en el mundo de la limpieza\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Tecnología exclusiva de COSRX:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLa primera loción que combina el moco de caracol con arginina\u003c\/strong\u003e - Una tecnología coreana única que no se encuentra en ningún otro producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Libre de sustancias nocivas:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSin sulfatos, parabenos o alcohol\u003c\/strong\u003e - Seguridad comprobada para el uso diario, incluso para pieles muy sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Económico y eficiente:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e50 ml son suficientes para 2-3 meses\u003c\/strong\u003e - Una pequeña cantidad es suficiente para una limpieza efectiva y una hidratación profunda.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003e¿Por qué la limpieza hidratante es el futuro?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eCosrx no es solo un limpiador... revoluciona el concepto de limpieza y cuidado.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003e¿Preferirías limpiadores agresivos que resecan la piel o la delicada técnica coreana?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePide ahora tu limpieza hidratante\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa revolución coreana en la limpieza hidratante\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCOSRX Advanced Snail Mucin Gel Cleanser - Limpieza revolucionaria\u003c\/strong\u003e\u003cbr\/\u003e\n Limpieza profunda e hidratación intensa con baba de caracol regeneradora natural y arginina calmante\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n console.log('Comprehensive product description loaded successfully');\n\n \/\/ Add fade-in animations\n const fadeElements = document.querySelectorAll('.fade-in');\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n });\n\n fadeElements.forEach(el =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n});\n\u003c\/script\u003e\n","brand":"COSRX","offers":[{"title":"50ml","offer_id":46999426531502,"sku":"COSRX_ADVANCED_SNAIL_MUCIN_GEL_CLEANSER_50ML_7276","price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_gel_cleanser_1_86814372-86ff-4368-8ae7-c12585d324bb.jpg?v=1788175235"},{"product_id":"anua-pdrn-hyaluronic-acid-capsule","title":"Suero ANUA Advanced Hyaluronic Capsule para el rejuvenecimiento e hidratación de la piel con PDRN (ADN de salmón)","description":"\u003cdiv class=\"anua-alt-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (Deep Ocean, Aqua \u0026 Salmon PDRN) === *\/\n .anua-alt-wrapper {\n \/* Dark Base Colors *\/\n --anua-navy-deep: #020611;\n --anua-navy-mid: #071324;\n --anua-salmon-deep: #140609;\n --anua-salmon-mid: #240a12;\n \n \/* Accents *\/\n --anua-aqua-bright: #38bdf8;\n --anua-aqua-dark: #0284c7;\n --anua-salmon-glow: #ff8fa3;\n --anua-salmon-dark: #e56b82;\n \n \/* Text Colors *\/\n --anua-text-main: #f1f5f9;\n --anua-text-muted: #ffffff;\n --anua-text-aqua: #bae6fd;\n --anua-text-salmon: #ffe4e6;\n \n \/* UI Elements *\/\n --anua-glass-bg: rgba(255, 255, 255, 0.03);\n --anua-glass-border: rgba(255, 255, 255, 0.08);\n \n \n line-height: 1.8;\n background-color: var(--anua-navy-deep);\n color: var(--anua-text-main);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0,0,0,0.5);\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .anua-alt-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n }\n\n \n \/* 1. Theme: Deep Navy *\/\n .theme-dark-navy {\n background-color: var(--anua-navy-deep);\n padding: 80px 0;\n position: relative;\n border-bottom: 1px solid rgba(56, 189, 248, 0.05);\n }\n \n \/* 2. Theme: Aqua Gradient *\/\n .theme-gradient-aqua {\n background: linear-gradient(180deg, var(--anua-navy-deep) 0%, #06162a 50%, var(--anua-navy-deep) 100%);\n padding: 80px 0;\n position: relative;\n }\n\n \/* 3. Theme: Salmon Gradient *\/\n .theme-gradient-salmon {\n background: linear-gradient(180deg, var(--anua-navy-deep) 0%, var(--anua-salmon-mid) 50%, var(--anua-navy-deep) 100%);\n padding: 80px 0;\n position: relative;\n }\n\n \/* 4. Theme: Glassmorphism \/ Accent *\/\n .theme-glass-accent {\n background: var(--anua-navy-deep);\n padding: 80px 0;\n position: relative;\n border-top: 1px solid rgba(255, 143, 163, 0.05);\n border-bottom: 1px solid rgba(56, 189, 248, 0.05);\n }\n\n .anua-title-main {\n font-size: clamp(32px, 5vw, 50px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.3;\n letter-spacing: -0.5px;\n color: #ffffff;\n }\n\n .anua-title-section {\n font-size: clamp(26px, 4vw, 36px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n color: #ffffff;\n }\n\n .section-subtitle {\n font-size: clamp(16px, 2.5vw, 20px);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 50px;\n font-weight: 500;\n color: var(--anua-text-muted);\n }\n\n .highlight-aqua { color: var(--anua-aqua-bright); text-shadow: 0 0 15px rgba(56,189,248,0.3); }\n .highlight-salmon { color: var(--anua-salmon-glow); text-shadow: 0 0 15px rgba(255,143,163,0.3); }\n\n .title-underline-aqua::after {\n content: ''; display: block; width: 60px; height: 4px; \n background: var(--anua-aqua-bright); margin: 15px auto 0; border-radius: 2px;\n box-shadow: 0 0 10px rgba(56,189,248,0.5);\n }\n .title-underline-salmon::after {\n content: ''; display: block; width: 60px; height: 4px; \n background: var(--anua-salmon-glow); margin: 15px auto 0; border-radius: 2px;\n box-shadow: 0 0 10px rgba(255,143,163,0.5);\n }\n\n .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.3;\n pointer-events: none;\n animation: orbFloat 15s infinite alternate ease-in-out;\n z-index: 0;\n }\n .orb-aqua { background: var(--anua-aqua-dark); width: 400px; height: 400px; top: -100px; right: -100px; }\n .orb-salmon { background: var(--anua-salmon-dark); width: 350px; height: 350px; bottom: 0; left: -100px; animation-delay: -5s; }\n \n @keyframes orbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-30px, 40px) scale(1.1); }\n }\n\n .anua-badge {\n display: inline-block;\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 25px;\n position: relative;\n z-index: 2;\n background: rgba(56, 189, 248, 0.1); \n border: 1px solid rgba(56, 189, 248, 0.3); \n color: var(--anua-aqua-bright);\n box-shadow: 0 0 15px rgba(56,189,248,0.15);\n }\n\n .anua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; position: relative; z-index: 2; }\n .anua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; position: relative; z-index: 2; }\n\n .card-dark-glass {\n background: rgba(15, 25, 40, 0.6);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--anua-glass-border);\n border-radius: 20px;\n padding: 35px 25px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n transition: all 0.4s ease;\n text-align: left;\n position: relative;\n overflow: hidden;\n }\n\n \/* Salmon accented hover *\/\n .card-salmon:hover {\n transform: translateY(-8px);\n border-color: rgba(255, 143, 163, 0.4);\n box-shadow: 0 15px 35px rgba(255, 143, 163, 0.1);\n background: rgba(30, 15, 20, 0.7);\n }\n \n \/* Aqua accented hover *\/\n .card-aqua:hover {\n transform: translateY(-8px);\n border-color: rgba(56, 189, 248, 0.4);\n box-shadow: 0 15px 35px rgba(56, 189, 248, 0.1);\n background: rgba(10, 25, 45, 0.7);\n }\n\n .icon-box {\n width: 60px; height: 60px;\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n transition: all 0.4s ease;\n background: var(--anua-glass-bg);\n border: 1px solid var(--anua-glass-border);\n }\n \n .card-aqua .icon-box { color: var(--anua-aqua-bright); }\n .card-aqua:hover .icon-box { background: rgba(56, 189, 248, 0.15); transform: scale(1.1) rotate(5deg); }\n \n .card-salmon .icon-box { color: var(--anua-salmon-glow); }\n .card-salmon:hover .icon-box { background: rgba(255, 143, 163, 0.15); transform: scale(1.1) rotate(-5deg); }\n\n .icon-svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n .stat-wrap { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 40px; }\n .stat-box {\n flex: 1; min-width: 160px; text-align: center;\n padding: 25px; border-radius: 20px;\n background: rgba(0,0,0,0.3);\n border: 1px solid var(--anua-glass-border);\n backdrop-filter: blur(5px);\n }\n .stat-num { font-size: 3.2rem; font-weight: 900; line-height: 1; margin-bottom: 10px; color: #fff; direction: ltr;}\n\n .custom-list { list-style: none; padding: 0; }\n .custom-list li {\n position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 1.05rem; color: var(--anua-text-muted);\n }\n .custom-list li::before {\n content: ''; position: absolute; right: 0; top: 6px;\n width: 20px; height: 20px;\n background-size: contain; background-repeat: no-repeat;\n }\n .list-aqua li::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n }\n .list-salmon li::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8fa3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n }\n .list-cross li::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C\/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C\/line%3E%3C\/svg%3E\");\n }\n\n .timeline-container { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }\n .timeline-item {\n display: flex; align-items: flex-start; gap: 20px;\n background: rgba(10, 20, 35, 0.5); border: 1px solid var(--anua-glass-border);\n padding: 25px; border-radius: 16px;\n transition: 0.3s;\n }\n .timeline-item:hover { border-color: var(--anua-aqua-dark); transform: translateX(-5px); background: rgba(15, 30, 50, 0.8); }\n .timeline-badge {\n background: rgba(2, 132, 199, 0.2); border: 1px solid var(--anua-aqua-bright); color: var(--anua-aqua-bright); \n padding: 8px 20px; border-radius: 8px; font-weight: bold; min-width: 160px; text-align: center;\n flex-shrink: 0; box-shadow: 0 0 15px rgba(2,132,199,0.2);\n }\n \n .step-container {\n display: flex; align-items: center; background: rgba(0,0,0,0.3); \n padding: 20px; border-radius: 16px; border: 1px solid var(--anua-glass-border); \n transition: 0.3s;\n }\n .step-container:hover { border-color: var(--anua-salmon-glow); background: rgba(36, 10, 18, 0.5); }\n .step-num {\n font-size: 3rem; font-weight: 900; line-height: 1;\n color: transparent; -webkit-text-stroke: 2px var(--anua-salmon-glow);\n margin-left: 20px; font-family:system-ui,sans-serif; opacity: 0.8;\n text-shadow: 0 0 15px rgba(255,143,163,0.2);\n }\n\n .anua-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .anua-reveal.anua-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 .theme-dark-navy, .theme-gradient-aqua, .theme-gradient-salmon, .theme-glass-accent { padding: 50px 0; }\n .timeline-item { flex-direction: column; align-items: stretch; }\n .timeline-badge { width: 100%; margin-bottom: 15px; }\n .anua-grid-3, .anua-grid-2 { gap: 20px; }\n .step-container { flex-direction: column; text-align: center; }\n .step-num { margin-left: 0; margin-bottom: 15px; }\n }\n \u003c\/style\u003e\n\u003c!-- 1. Hero Section (Deep Navy) --\u003e\n\u003cdiv class=\"theme-dark-navy\"\u003e\n\u003cdiv class=\"bg-orb orb-aqua\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bg-orb orb-salmon\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv class=\"anua-badge anua-reveal\"\u003eEl suero milagroso ganador de premios\u003c\/div\u003e\n\u003ch1 class=\"anua-title-main anua-reveal delay-1\"\u003e\n Anua PDRN Hyaluronic Acid\u003cbr\/\u003e\n\u003cspan class=\"highlight-aqua\"\u003eCapsule 100 Serum\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"section-subtitle anua-reveal delay-2\"\u003e\n En un mundo lleno de productos que prometen hidratación, el suero Anua ha surgido como un verdadero avance. Combine la tecnología \u003cspan class=\"highlight-salmon\"\u003ePDRN de ADN de salmón\u003c\/span\u003e Y 11 tipos diferentes de ácido hialurónico.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua PDRN Hyaluronic Acid Capsule 100\" class=\"anua-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_salmon.png?v=1757592875\" style=\"margin: 0 auto 40px; box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px rgba(56, 189, 248, 0.1); position: relative; z-index: 2;\"\/\u003e\n\u003cdiv class=\"anua-reveal delay-1\" style=\"background: rgba(255, 143, 163, 0.05); border: 1px solid rgba(255, 143, 163, 0.3); padding: 20px; border-radius: 16px; display: inline-block; position: relative; z-index: 2; backdrop-filter: blur(10px);\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; gap: 15px;\"\u003e\n\u003csvg class=\"icon-svg highlight-salmon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 15l-3-3m0 0l3-3m-3 3h8M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cp style=\"font-size: 1.15rem; font-weight: 700; margin: 0; color: #fff;\"\u003eGanador del premio Glow Pick al Mejor Producto de 2024 y superventas de Olive Young\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!-- 2. The Problem (Aqua Gradient) --\u003e\n\u003cdiv class=\"theme-gradient-aqua\"\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\"\u003eEl problema de la sequedad profunda: Cuando la hidratación regular no es suficiente\u003c\/h2\u003e\n\u003cp class=\"section-subtitle anua-reveal\"\u003eLos estudios han demostrado que el 85% de los problemas de piel son causados por sequedad profunda, no superficial.\u003c\/p\u003e\n\u003cdiv class=\"anua-grid-2\"\u003e\n\u003cdiv class=\"card-dark-glass card-salmon anua-reveal\"\u003e\n\u003ch3 style=\"font-size: 1.3rem; margin-bottom: 15px; color: var(--anua-salmon-glow);\"\u003e \u003c\/h3\u003e\n\u003cul class=\"custom-list list-cross\"\u003e\n\u003cli\u003eLa mayoría de los productos hidratantes regulares solo funcionan en la superficie y dejan sedientas las capas más profundas.\u003c\/li\u003e\n\u003cli\u003eEs por eso que la sequedad vuelve después de unas horas o después de lavar la cara.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-aqua anua-reveal delay-1\"\u003e\n\u003ch3 style=\"font-size: 1.3rem; margin-bottom: 15px; color: var(--anua-aqua-bright);\"\u003e \u003c\/h3\u003e\n\u003cul class=\"custom-list list-aqua\"\u003e\n\u003cli\u003eTecnología científica avanzada que apunta a diferentes capas de la piel simultáneamente.\u003c\/li\u003e\n\u003cli\u003eHidratación duradera que construye la base celular de la piel desde dentro.\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!-- 3. Benefits Grid (Salmon Gradient) --\u003e\n\u003cdiv class=\"theme-gradient-salmon\"\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003ch2 class=\"anua-title-section title-underline-salmon anua-reveal\"\u003eBeneficios clave: Qué hará por tu piel?\u003c\/h2\u003e\n\u003cimg alt=\"Beneficios del serum Anua PDRN\" class=\"anua-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic.webp?v=1757592925\" style=\"margin: 0 auto 50px;\"\/\u003e\n\u003cdiv class=\"anua-grid-3\"\u003e\n\u003cdiv class=\"card-dark-glass card-aqua anua-reveal\"\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003csvg class=\"icon-svg\" 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 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eHidratación profunda instantánea comprobada\u003c\/h3\u003e\n\u003cp\u003e24,64% de mejora en la hidratación desde el primer uso. Agua que se hunde en las capas más profundas de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-salmon anua-reveal delay-1\"\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003csvg class=\"icon-svg\" 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 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eRegeneración celular utilizando tecnología PDRN\u003c\/h3\u003e\n\u003cp\u003eADN de salmón (100 ppm) para estimular la regeneración celular y reparar tejido dañado con fuerza clínica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-aqua anua-reveal delay-2\"\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eProtección contra la oxidación \u003c\/h3\u003e\n\u003cp\u003eAntioxidante avanzado para una protección excepcional más fuerte que la Vitamina C, previene la descomposición del colágeno por los radicales libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-salmon anua-reveal\"\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eAdministración inteligente a capas profundas\u003c\/h3\u003e\n\u003cp\u003eLa tecnología de cápsula inteligente asegura que el 100% de los ingredientes activos lleguen a las profundidades de la piel sin ser dañados en la superficie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-aqua anua-reveal delay-1\"\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003csvg class=\"icon-svg\" 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\u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" x2=\"12\" y1=\"22.08\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eEfecto vidrio coreano (Piel de vidrio))\u003c\/h3\u003e\n\u003cp\u003eTe da un brillo natural y vítreo desde el primer uso, para eliminar la opacidad y obtener un resplandor saludable instantáneo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-salmon anua-reveal delay-2\"\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003csvg class=\"icon-svg\" 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 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eHidratación sostenida y de larga duración\u003c\/h3\u003e\n\u003cp\u003eLa tecnología de liberación continua retiene la humedad durante todo el día, manteniendo la piel flexible y rellena incluso en las condiciones más adversas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Mechanism (Glassmorphism Accent) --\u003e\n\u003cdiv class=\"theme-glass-accent\"\u003e\n\u003cdiv class=\"bg-orb orb-salmon\" style=\"top: 10%; right: 10%; bottom: auto; left: auto; opacity: 0.2;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bg-orb orb-aqua\" style=\"bottom: 10%; left: 10%; top: auto; right: auto; opacity: 0.2;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\"\u003e¿Cómo funciona? Secretos de la fórmula\u003c\/h2\u003e\n\u003cimg alt=\"Tecnología PDRN Avanzada\" class=\"anua-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua-serum-default-title-anua-pdrn-hyaluron-serum-43737710854383.webp?v=1757592948\" style=\"margin: 0 auto 50px;\"\/\u003e\n\u003cdiv class=\"anua-grid-3\"\u003e\n\u003cdiv class=\"card-dark-glass card-salmon anua-reveal\"\u003e\n\u003ch3 style=\"color: var(--anua-salmon-glow); font-size: 1.3rem; margin-bottom: 15px;\"\u003eADN de salmón - PDRN\u003c\/h3\u003e\n\u003cp style=\"color: #fff; margin-bottom: 15px; font-weight: bold;\"\u003eConcentración de 100 ppm de extracto de ADN.\u003c\/p\u003e\n\u003cul class=\"custom-list list-salmon\"\u003e\n\u003cli\u003eEstimula los receptores A2A para regular la reparación celular.\u003c\/li\u003e\n\u003cli\u003ePromueve la proliferación de fibroblastos para mejorar la elasticidad.\u003c\/li\u003e\n\u003cli\u003eEstimula la producción natural de colágeno para una piel más fuerte.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-aqua anua-reveal delay-1\"\u003e\n\u003ch3 style=\"color: var(--anua-aqua-bright); font-size: 1.3rem; margin-bottom: 15px;\"\u003e11 tipos de ácido hialurónico\u003c\/h3\u003e\n\u003cp style=\"color: #fff; margin-bottom: 15px; font-weight: bold;\"\u003econcentración del 3% con pesos moleculares graduados.\u003c\/p\u003e\n\u003cul class=\"custom-list list-aqua\"\u003e\n\u003cli\u003eHialurónico hidrogenado: penetra en las capas profundas.\u003c\/li\u003e\n\u003cli\u003eHialuronato de sodio: Retiene la humedad en la superficie.\u003c\/li\u003e\n\u003cli\u003e10 tipos más que actúan en todas las capas de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-dark-glass card-salmon anua-reveal delay-2\"\u003e\n\u003ch3 style=\"color: var(--anua-text-main); font-size: 1.3rem; margin-bottom: 15px;\"\u003eGlutatión avanzado\u003c\/h3\u003e\n\u003cp style=\"color: #fff; margin-bottom: 15px; font-weight: bold;\"\u003eEl antioxidante más poderoso para una protección superior.\u003c\/p\u003e\n\u003cul class=\"custom-list list-salmon\"\u003e\n\u003cli\u003eMás protección que la combinación de vitamina C y E.\u003c\/li\u003e\n\u003cli\u003eReducir eficazmente la pigmentación y la opacidad.\u003c\/li\u003e\n\u003cli\u003ePreviene la descomposición del colágeno por daño ambiental.\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!-- 5. Clinical Results (Aqua Gradient) --\u003e\n\u003cdiv class=\"theme-gradient-aqua\"\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\"\u003eCronograma de resultados visibles en números clínicos\u003c\/h2\u003e\n\u003cp class=\"section-subtitle anua-reveal\"\u003eResultados clínicos confirmados por estudios aprobados\u003c\/p\u003e\n\u003cimg alt=\"Resultados clínicos\" class=\"anua-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_acid_serum.jpg?v=1757593176\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cdiv class=\"stat-wrap anua-reveal\"\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"24.64\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n\u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eMejora al instante la hidratación profunda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"8.93\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n\u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eAumentar la firmeza de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"21.00\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n\u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eMejorar las líneas finas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"10.60\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n\u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eReducir arrugas en un mes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline (Deep Navy) --\u003e\n\u003cdiv class=\"theme-dark-navy\"\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003ch2 class=\"anua-title-section title-underline-salmon anua-reveal\"\u003eViaje de transformación - vea la diferencia desde el primer día\u003c\/h2\u003e\n\u003cimg alt=\"El viaje de la mejora\" class=\"anua-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_acid_serum.webp?v=1757593422\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"timeline-container anua-reveal\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\" style=\"background: rgba(56, 189, 248, 0.15); border-color: var(--anua-aqua-bright); color: var(--anua-aqua-bright);\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul class=\"custom-list list-aqua\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eLa agradable sorpresa:\u003c\/strong\u003e 24,64% de hidratación profunda instantánea.\u003c\/li\u003e\n\u003cli\u003eRelleno de piel y efecto vidrio instantáneo.\u003c\/li\u003e\n\u003cli\u003eTextura suave y refrescante sin pegajosidad irritante.\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-badge\" style=\"background: rgba(255, 143, 163, 0.15); border-color: var(--anua-salmon-glow); color: var(--anua-salmon-glow); box-shadow: 0 0 15px rgba(255,143,163,0.2);\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul class=\"custom-list list-salmon\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eMejora obvia:\u003c\/strong\u003e Mejora significativamente la elasticidad y la fuerza de la piel.\u003c\/li\u003e\n\u003cli\u003eReducir la apariencia de líneas finas causadas por sequedad.\u003c\/li\u003e\n\u003cli\u003eMejora la luminosidad y el tono de la piel.\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-badge\" style=\"background: rgba(56, 189, 248, 0.15); border-color: var(--anua-aqua-bright); color: var(--anua-aqua-bright);\"\u003eDespués de uno a dos meses\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul class=\"custom-list list-aqua\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eMejora continua:\u003c\/strong\u003e Hidratación sostenida que dura todo el día sin necesidad de reaplicación.\u003c\/li\u003e\n\u003cli\u003eUna mejora visible en la textura y suavidad de la superficie de la piel.\u003c\/li\u003e\n\u003cli\u003eFortalecimiento de la barrera cutánea y resistencia a la sequedad causada por el aire acondicionado y el calor.\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-badge\" style=\"background: rgba(255, 143, 163, 0.15); border-color: var(--anua-salmon-glow); color: var(--anua-salmon-glow); box-shadow: 0 0 15px rgba(255,143,163,0.2);\"\u003eDespués de 3 meses\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul class=\"custom-list list-salmon\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eCuidado completo:\u003c\/strong\u003e Mejora sustancial en el grosor y la resistencia de la piel.\u003c\/li\u003e\n\u003cli\u003eHidratación duradera que resiste los factores externos gracias a una barrera intacta.\u003c\/li\u003e\n\u003cli\u003ePiel saludable y radiante con un resplandor natural duradero.\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\/div\u003e\n\u003c!-- 7. Usage Steps (Salmon Gradient) --\u003e\n\u003cdiv class=\"theme-gradient-salmon\"\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003ch2 class=\"anua-title-section title-underline-salmon anua-reveal\"\u003eModo de uso óptimo\u003c\/h2\u003e\n\u003cimg alt=\"Cómo usar\" class=\"anua-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_acid_capsules_3.png?v=1757593546\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"anua-grid-2 anua-reveal\"\u003e\n\u003cdiv class=\"step-container\"\u003e\n\u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003ePreparación y limpieza\u003c\/h4\u003e\n\u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eLimpia bien la piel y usa tónico para prepararla para recibir hidratación profunda.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-container delay-1\"\u003e\n\u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003eAplicación del suero\u003c\/h4\u003e\n\u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eAplicar 2-3 gotas en el rostro y cuello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-container\"\u003e\n\u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003eToque suave\u003c\/h4\u003e\n\u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eDar palmaditas suavemente con las yemas de los dedos hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-container delay-1\"\u003e\n\u003cdiv class=\"step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003eCompleta la rutina\u003c\/h4\u003e\n\u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eSigue con tu crema hidratante habitual para sellar la hidratación extra, especialmente para piel seca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"anua-grid-2 anua-reveal\" style=\"margin-top: 30px;\"\u003e\n\u003cdiv style=\"background: rgba(56, 189, 248, 0.05); border: 1px dashed rgba(56, 189, 248, 0.4); padding: 25px; border-radius: 16px; text-align: center;\"\u003e\n\u003ch4 style=\"color: var(--anua-aqua-bright); font-size: 1.2rem; margin-bottom: 10px;\"\u003e \u003c\/h4\u003e\n\u003cp style=\"color: var(--anua-text-muted); margin: 0;\"\u003eAplica una capa delgada y deja que se absorba, luego repite 2-3 veces para una doble saturación de agua.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255, 143, 163, 0.05); border: 1px dashed rgba(255, 143, 163, 0.4); padding: 25px; border-radius: 16px; text-align: center;\"\u003e\n\u003ch4 style=\"color: var(--anua-salmon-glow); font-size: 1.2rem; margin-bottom: 10px;\"\u003eComo mascarilla para dormir\u003c\/h4\u003e\n\u003cp style=\"color: var(--anua-text-muted); margin: 0;\"\u003eAplicar 2-3 capas gruesas como el último paso en su rutina nocturna y dejar actuar durante la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA \u0026 INCI (Deep Navy) --\u003e\n\u003cdiv class=\"theme-dark-navy\" style=\"text-align: center; border-bottom: none;\"\u003e\n\u003cdiv class=\"bg-orb orb-salmon\" style=\"top: 0; right: 20%; opacity: 0.1;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-container\"\u003e\n\u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\" style=\"font-size: clamp(28px, 5vw, 42px);\"\u003eEl suero Anua no es solo un hidratante ordinario\u003c\/h2\u003e\n\u003cp class=\"section-subtitle anua-reveal\" style=\"color: #fff; max-width: 850px; line-height: 1.8;\"\u003e\n Es una inversión en tecnología científica galardonada de clase mundial.\u003cbr\/\u003e\n En lugar de cambiar entre diferentes productos de hidratación superficial, obtén una solución todo en uno \u003cspan class=\"highlight-salmon\"\u003e(PDRN + 11 ácido hialurónico)\u003c\/span\u003e Respaldado por investigación clínica y probado en millones de usuarios alrededor del mundo.\n \u003c\/p\u003e\n\u003cdiv class=\"anua-reveal delay-1\" style=\"margin: 40px 0;\"\u003e\n\u003cp style=\"font-size: 1.6rem; font-weight: 900; color: var(--anua-aqua-bright); text-shadow: 0 0 20px rgba(56,189,248,0.4);\"\u003e\n Hidratación instantánea del 24%... desde la primera gota.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- INCI --\u003e\n\u003cdiv class=\"anua-reveal delay-2\" style=\"background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 30px; text-align: left; direction: ltr; margin-top: 60px;\"\u003e\n\u003ch3 style=\"color: var(--anua-text-muted); margin-bottom: 15px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp style=\"color: #64748b; font-size: 0.9rem; line-height: 1.8; margin: 0;\"\u003e\n Water, Butylene Glycol, Propanediol, Glycerin, \u003cstrong style=\"color: var(--anua-aqua-bright);\"\u003eHydrolyzed Hyaluronic Acid (29,049ppm)\u003c\/strong\u003e, 1,2-Hexanediol, Niacinamide, \u003cstrong style=\"color: var(--anua-salmon-glow);\"\u003eSodium DNA (100ppm)\u003c\/strong\u003e, \u003cstrong style=\"color: var(--anua-text-main);\"\u003eGlutathione\u003c\/strong\u003e, Hydrolyzed Collagen, \u003cstrong style=\"color: var(--anua-aqua-bright);\"\u003eSodium Hyaluronate (800ppm)\u003c\/strong\u003e, Adenosina, múltiples tipos de ácido hialurónico (30 ppm cada uno), ... y otros ingredientes activos especializados para asegurar máxima protección e hidratación.\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('.anua-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('anua-active');\n \n \/\/ Trigger counters if inside revealed element\n const counters = entry.target.querySelectorAll('.anua-counter');\n if (counters.length \u003e 0) {\n runCounters(counters);\n }\n \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 \/\/ Animated Number Counters with decimal support\n function runCounters(counters) {\n counters.forEach(counter =\u003e {\n const target = parseFloat(counter.getAttribute('data-target'));\n const duration = 2000; \n const frames = 60;\n const increment = target \/ (duration \/ (1000 \/ frames)); \n let current = 0;\n\n const updateCounter = () =\u003e {\n current += increment;\n if (current \u003c target) {\n counter.innerText = current.toFixed(2);\n requestAnimationFrame(updateCounter);\n } else {\n counter.innerText = target.toFixed(2);\n }\n };\n updateCounter();\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999428694190,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_pdrn_hyaluronic_acid_capsules_caaf0fe4-f01d-4b36-8cec-82bfc943c00d.jpg?v=1788175228"},{"product_id":"cerave-moisturizing-lotion-dry-to-very-dry-skin-236ml","title":"CeraVe Moisturizing Lotion For Dry To Very Dry Skin With Hyaluronic Acid 236ml","description":"\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eCeraVe Moisturizing Lotion\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eLoción hidratante especializada para pieles secas o muy secas\u003c\/h2\u003e\n\u003cp class=\"hero-text\"\u003eCeraVe Loción Hidratante es \u003cstrong\u003eTratamiento médico avanzado\u003c\/strong\u003e Para pieles secas crónicas. Con una combinación única de \u003cstrong\u003e3 ceramidas esenciales + ácido hialurónico + niacinamida\u003c\/strong\u003e Reconstruye la barrera hidrolipídica y retiene la humedad durante 24 horas.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003eLa tecnología MVE revolucionaria garantiza \u003cstrong\u003eLiberación gradual de los hidratantes\u003c\/strong\u003e Todo el día para una suavidad continua.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003ePiel seca: un problema médico que requiere un tratamiento especializado\u003c\/h2\u003e\n\u003cp\u003eLa piel seca no es solo un problema estético \u003cstrong\u003eTrastornos de la función de la barrera hidrolipídica\u003c\/strong\u003e Conduce a pérdida de humedad, grietas, picazón e inflamación. La falta de ceramidas y grasas naturales hace que la piel sea incapaz de retener agua.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; color: #9c8102; margin: 30px 0;\"\u003e\u003cstrong\u003eLa solución científica: reconstruir la barrera hidrolipídica + hidratación profunda continua\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eBeneficios científicos\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003e3 ceramidas esenciales\u003c\/h3\u003e\n\u003cp\u003eReconstruye la barrera natural de la piel y previene la pérdida de humedad durante 24 horas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eÁcido hialurónico\u003c\/h3\u003e\n\u003cp\u003eAtrapa 1000 veces su peso en agua dentro de las células de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eNiacinamida (Vitamina B3)\u003c\/h3\u003e\n\u003cp\u003eAlivia la inflamación y estimula la producción natural de colágeno\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTecnología MVE\u003c\/h3\u003e\n\u003cp\u003eLiberación gradual de los hidratantes durante 24 horas después de la aplicación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTextura ligera, no grasa\u003c\/h3\u003e\n\u003cp\u003eAbsorbe rápidamente y deja la piel suave sin sensación pegajosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eSobre piel limpia\u003c\/div\u003e\n\u003cp\u003eAplica la loción sobre la piel limpia, aún ligeramente húmeda, para retener la humedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eMasaje delicado\u003c\/div\u003e\n\u003cp\u003eMasajea con movimientos circulares hacia arriba hasta la completa absorción\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eUso regular\u003c\/div\u003e\n\u003cp\u003eÚsalo mañana y noche para mejores resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003ePrincipales componentes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua\/Water, Glycerin, Caprylic\/Capric Triglyceride, Cetyl Alcohol, Ceramide NP, Ceramide AP, Ceramide EOP, Carbomer, Dimethicone, Behentrimonium Methosulfate, Sodium Lauroyl Lactylate, Sodium Hyaluronate, Cholesterol, Phenoxyethanol, Disodium EDTA, Dipotassium Phosphate, Cetearyl Alcohol, Potassium Phosphate, Phytosphingosine, Xanthan Gum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003ehidratación 24 horas\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eCeraVe Moisturizing Lotion\u003c\/strong\u003e\u003cbr\/\u003eLa solución médica para la piel seca, confiable por los dermatólogos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.product-description{direction: ltr;text-align: left;font-family:inherit;line-height:1.6;color:#333;max-width:100%;margin:0 auto;padding:0}\n.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}\n.hero-section{background:#9C8102;color:#fff;padding:40px 20px;border-radius:15px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 15px 35px rgba(156,129,2,.3)}\n.hero-content{position:relative;z-index:2}.main-title{font-size:2.2em;font-weight:bold;color:#fff;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}\n.subtitle{font-size:1.4em;font-weight:bold;color:#fff;margin-bottom:15px}.hero-text{font-size:1.1em;line-height:1.7;margin-bottom:20px;color:#fff}\n.product-image{text-align:center;margin:30px 0;transition:transform .3s ease}.product-image:hover{transform:scale(1.02)}\n.product-image img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1)}\n.problem-section{background:#000;color:#fff;padding:40px 30px;border-radius:15px;margin:30px 0}.problem-title{font-size:2em;font-weight:bold;color:#fff;margin-bottom:30px;text-align:center}\n.benefits-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:40px 30px;border-radius:15px;margin:30px 0}\n.benefits-title{font-size:2em;font-weight:bold;color:#9C8102;margin-bottom:30px;text-align:center}\n.benefit-item{display:flex;align-items:flex-start;margin-bottom:25px;padding:20px;background:#fff;border-radius:10px;transition:all .3s ease;border-right:4px solid #9C8102;box-shadow:0 3px 10px rgba(0,0,0,.1)}\n.benefit-item:hover{transform:translateX(-5px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,.15)}\n.benefit-icon{margin-left:15px;color:#9C8102;font-size:1.2em;min-width:30px}.benefit-content h3{font-size:1.2em;font-weight:bold;color:#9C8102;margin-bottom:8px}\n.benefit-content p{line-height:1.6;margin:0;color:#333}\n.usage-guide{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:40px 30px;border-radius:15px;margin:30px 0}\n.usage-title{font-size:1.8em;font-weight:bold;color:#9C8102;text-align:center;margin-bottom:30px}.usage-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}\n.step-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s ease}.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15)}\n.step-number{width:40px;height:40px;background:#9C8102;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-bottom:15px;float:right;margin-left:15px}\n.step-title{font-weight:bold;color:#9C8102;margin-bottom:10px;font-size:1.1em}\n.ingredients-list{background:#fff;padding:30px;border-radius:12px;margin:30px 0;border:1px solid #e9ecef}.ingredients-list-title{font-size:1.5em;font-weight:bold;color:#9C8102;margin-bottom:20px}.ingredients-text{line-height:1.8;color:#333;font-size:.95em}\n.final-cta{background:linear-gradient(135deg,#6b5b00 0%,#9C8102 50%,#b8941a 100%);color:#fff;padding:50px 30px;border-radius:15px;margin:30px 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 15px 35px rgba(107,91,0,.3)}\n.final-cta::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(45deg);animation:shine 3s infinite}\n@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}\n.cta-title{font-size:2.2em;font-weight:bold;margin-bottom:20px;position:relative;z-index:2;color:#fff}.cta-text{font-size:1.2em;line-height:1.6;position:relative;z-index:2;color:#fff}\n@media(max-width:768px){.main-title{font-size:1.8em}.usage-steps{grid-template-columns:1fr}}\n\u003c\/style\u003e","brand":"CeraVe","offers":[{"title":"236ml","offer_id":46999429152942,"sku":"CERAVE_MOISTURIZING_LOTION_DRY_TO_VERY_DRY_SKIN_236ML_8224","price":10.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ceravemoisturizinglotion.jpg?v=1788175226"},{"product_id":"medicube-pdrn-pink-collagen-capsule-cream-55g","title":"Crema Hidratante con Colágeno Medicube con Tecnología de Péptidos Rosa y ADN de Salmón 55g","description":"\u003cdiv class=\"mdc-pdrn-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* =========================================\n MEDICUBE PDRN - HIGH CONTRAST DARK LUXURY\n ========================================= *\/\n .mdc-pdrn-wrapper {\n --pdrn-bg-dark: #050102; \n --pdrn-bg-card: rgba(26, 7, 14, 0.7); \n --pdrn-pink-main: #ff2a7a; \n --pdrn-pink-dark: #8c0033; \n --pdrn-pink-light: #ff99bb; \n --pdrn-glow: rgba(255, 42, 122, 0.5);\n \n \n --pdrn-text-title: #ffffff; \n --pdrn-text-body: #f8f9fa; \n \n --pdrn-border: rgba(255, 42, 122, 0.3);\n background-color: var(--pdrn-bg-dark);\n color: var(--pdrn-text-body);\n font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n border-radius: 24px;\n box-shadow: 0 0 100px rgba(255, 42, 122, 0.08) inset;\n }\n .mdc-pdrn-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n .mdc-pdrn-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 20px;\n display: block;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n margin-left: auto;\n margin-left: auto;\n }\n\n \n .pdrn-hl-pink {\n color: #ff74b3;\n font-weight: 800;\n text-shadow: 0 0 8px rgba(255, 60, 140, 0.8), 0 0 20px rgba(255, 42, 122, 0.5);\n }\n .pdrn-hl-yellow {\n color: #ffe94a;\n font-weight: 800;\n text-shadow: 0 0 8px rgba(255, 225, 70, 0.8), 0 0 20px rgba(255, 200, 0, 0.45);\n }\n\n \/* Section Gradients *\/\n .pdrn-section-gradient-1 {\n background: linear-gradient(180deg, var(--pdrn-bg-dark) 0%, rgba(140, 0, 51, 0.2) 50%, var(--pdrn-bg-dark) 100%);\n padding: 50px 25px;\n }\n .pdrn-section-gradient-2 {\n background: linear-gradient(180deg, var(--pdrn-bg-dark) 0%, rgba(255, 153, 187, 0.08) 50%, var(--pdrn-bg-dark) 100%);\n padding: 50px 25px;\n }\n .pdrn-section-gradient-3 {\n background: linear-gradient(180deg, var(--pdrn-bg-dark) 0%, rgba(255, 42, 122, 0.12) 50%, var(--pdrn-bg-dark) 100%);\n padding: 50px 25px;\n }\n \/* Artistic Section Divider *\/\n .pdrn-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--pdrn-pink-dark), var(--pdrn-pink-light), var(--pdrn-pink-dark), transparent);\n margin: 20px 0;\n position: relative;\n box-shadow: 0 0 15px var(--pdrn-glow);\n }\n .pdrn-art-divider::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(255,42,122,0.15) 0%, transparent 70%);\n pointer-events: none;\n }\n .pdrn-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \/* Floating Particles *\/\n .pdrn-ambient-particles {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 1; pointer-events: none; overflow: hidden;\n }\n .pdrn-particle {\n position: absolute;\n background: radial-gradient(circle, var(--pdrn-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpCapsule 15s infinite ease-in-out;\n filter: blur(5px);\n }\n @keyframes floatUpCapsule {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.8; }\n 80% { opacity: 0.6; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n \/* Typography - HIGH CONTRAST *\/\n .pdrn-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 30px;\n line-height: 1.4;\n color: var(--pdrn-text-title);\n text-shadow: 0 0 20px rgba(255, 42, 122, 0.6), 0 0 40px rgba(255, 255, 255, 0.2);\n }\n .pdrn-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: var(--pdrn-text-title);\n text-align: center;\n margin: 40px auto 35px;\n position: relative;\n line-height: 1.5;\n }\n .pdrn-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(100px, 40%, 200px);\n height: 4px;\n background: linear-gradient(90deg, transparent, var(--pdrn-pink-main), transparent);\n border-radius: 10px;\n }\n .pdrn-hero {\n text-align: center;\n padding: 20px 0 30px;\n }\n .pdrn-badge {\n display: inline-block;\n background: rgba(255, 42, 122, 0.2);\n border: 2px solid var(--pdrn-pink-main);\n color: #ffffff;\n padding: 10px 25px;\n border-radius: 40px;\n font-size: 1.1rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--pdrn-glow);\n letter-spacing: 0.5px;\n }\n .pdrn-hero-subtitle {\n font-size: 1.3rem;\n color: var(--pdrn-text-body);\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 700;\n line-height: 1.8;\n border-right: 4px solid var(--pdrn-pink-main);\n padding-left: 20px;\n background: linear-gradient(90deg, transparent, rgba(255, 42, 122, 0.1));\n border-radius: 12px 0 0 12px;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n .pdrn-glass-box {\n background: var(--pdrn-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--pdrn-border);\n border-radius: 20px;\n padding: 35px;\n margin: 40px 0;\n box-shadow: 0 25px 50px rgba(0,0,0,0.7);\n position: relative;\n overflow: hidden;\n }\n .pdrn-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 5px; height: 100%;\n background: linear-gradient(180deg, var(--pdrn-pink-light), var(--pdrn-pink-main), transparent);\n }\n .pdrn-glass-box p, \n .pdrn-glass-box li {\n color: var(--pdrn-text-body);\n font-size: 1.1rem;\n font-weight: 600;\n }\n .pdrn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n .pdrn-card {\n background: linear-gradient(145deg, rgba(26, 7, 14, 0.9), rgba(10, 2, 5, 1));\n border: 1px solid var(--pdrn-border);\n border-radius: 20px;\n padding: 30px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n .pdrn-card:hover {\n transform: translateY(-10px);\n border-color: var(--pdrn-pink-light);\n box-shadow: 0 15px 40px var(--pdrn-glow);\n background: rgba(36, 10, 20, 1);\n }\n .pdrn-icon {\n width: 60px; height: 60px;\n background: rgba(255, 42, 122, 0.15);\n border: 2px solid rgba(255, 153, 187, 0.4);\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 25px;\n color: #ffffff;\n transition: transform 0.4s ease;\n box-shadow: 0 0 20px rgba(255, 42, 122, 0.3);\n }\n .pdrn-card:hover .pdrn-icon {\n transform: scale(1.15) rotate(-5deg);\n background: linear-gradient(135deg, var(--pdrn-pink-main), #ff0055);\n border-color: transparent;\n }\n .pdrn-card h3 {\n font-size: 1.3rem;\n color: var(--pdrn-text-title);\n margin-bottom: 15px;\n font-weight: 800;\n line-height: 1.4;\n }\n .pdrn-card p {\n color: var(--pdrn-text-body);\n font-size: 1.05rem;\n line-height: 1.7;\n font-weight: 500;\n }\n .pdrn-stats-wrap {\n display: flex; flex-wrap: wrap; gap: 20px;\n justify-content: center; margin: 40px 0;\n }\n .pdrn-stat-box {\n background: rgba(0,0,0,0.6);\n border: 2px solid var(--pdrn-border);\n border-radius: 16px;\n padding: 25px; text-align: center;\n flex: 1; min-width: 220px;\n }\n .pdrn-stat-num {\n font-size: 3rem;\n font-weight: 900;\n color: #ffffff;\n line-height: 1;\n margin-bottom: 15px;\n text-shadow: 0 0 25px var(--pdrn-glow), 0 0 10px rgba(255,255,255,0.5);\n }\n \n .pdrn-stat-title {\n color: var(--pdrn-pink-light);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n .pdrn-stat-desc {\n font-size: 1rem;\n color: var(--pdrn-text-body);\n font-weight: 600;\n }\n .pdrn-ratio-box {\n display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 30px;\n }\n .pdrn-ratio-item {\n background: rgba(255,255,255,0.05);\n border: 2px dashed var(--pdrn-pink-main);\n padding: 20px; border-radius: 16px; text-align: center;\n }\n .pdrn-ratio-item h4 {\n color: var(--pdrn-text-title);\n font-size: 1.2rem;\n margin-bottom: 10px;\n }\n .pdrn-ratio-item span {\n display: block; font-size: 1.4rem; color: var(--pdrn-pink-light);\n font-weight: 900; margin: 15px 0;\n background: rgba(0,0,0,0.5);\n padding: 10px;\n border-radius: 8px;\n }\n .pdrn-reveal {\n opacity: 0; transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .pdrn-reveal.pdrn-active { opacity: 1; transform: translateY(0); }\n .pdrn-delay-1 { transition-delay: 0.15s; }\n .pdrn-delay-2 { transition-delay: 0.3s; }\n .pdrn-number-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: var(--pdrn-pink-main);\n color: #fff;\n border-radius: 50%;\n font-weight: bold;\n font-size: 18px;\n margin-left: 10px;\n }\n @media (max-width: 768px) {\n .pdrn-hero { padding: 10px 0 20px; }\n .pdrn-ratio-box { grid-template-columns: 1fr; }\n .pdrn-stat-num { font-size: 2.5rem; }\n .pdrn-glass-box { padding: 25px; }\n .pdrn-section-gradient-1, .pdrn-section-gradient-2, .pdrn-section-gradient-3 { padding: 30px 15px; }\n }\n \u003c\/style\u003e\n\u003c!-- Floating Pink Capsules Background Overlay --\u003e\n\u003cdiv class=\"pdrn-ambient-particles\" id=\"pdrn-particles\"\u003e\u003c\/div\u003e\n\u003c!-- SECTION 1: HERO \u0026 PROBLEM (Gradient: Black to Dark Pink) --\u003e\n\u003cdiv class=\"pdrn-section-gradient-1\"\u003e\n\u003cdiv class=\"pdrn-container\"\u003e\n\u003cdiv class=\"pdrn-hero pdrn-reveal pdrn-active\"\u003e\n\u003cdiv class=\"pdrn-badge\"\u003eTecnología avanzada del ADN de salmón\u003c\/div\u003e\n\u003ch1 class=\"pdrn-title-glow\"\u003eLa inyección de frescura que no requiere aguja... tecnología PDRN ahora en tu casa!\u003c\/h1\u003e\n\u003cp class=\"pdrn-hero-subtitle\"\u003e\n “¿Por qué estás pagando? \u003cspan class=\"pdrn-hl-yellow\"\u003eMiles de libras en sesiones de Skin Boosters\u003c\/span\u003e Cuando puedes tomarla \u003cspan class=\"pdrn-hl-pink\"\u003eMismo resultado de plenitud y frescura\u003c\/span\u003e Todos los días en tu cama?\n \u003c\/p\u003e\n\u003cimg alt=\"Medicube PDRN Pink Collagen Capsule Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_PDRN_capsule_cream_jar_202608300110.jpg?v=1788041520\" style=\"margin-bottom: 40px;\"\/\u003e\n\u003ch2 class=\"pdrn-section-title\" style=\"margin-top: 0; font-size: 1.8rem; color: var(--pdrn-pink-light);\"\u003eMedicube PDRN Pink Collagen Capsule Cream\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1rem; font-weight: 600; text-align: center;\"\u003e\n La pregunta que las clínicas no quieren que hagas: ¿Realmente tienes que pincharte con una aguja para obtenerlo?? \u003cspan class=\"pdrn-hl-pink\"\u003e\"Piel de cristal\"\u003c\/span\u003e? La respuesta fue \"sí\" hasta cierto punto \u003cstrong\u003eMedicube\u003c\/strong\u003e Cambié las reglas. La ciencia coreana es apreciada \u003cspan class=\"pdrn-hl-pink\"\u003eEl poder de la “inyección de frescura” (PDRN) está sellado dentro de cápsulas inteligentes rosas\u003c\/span\u003e Se derrite en tu piel y proporciona un efecto inmediato de volumen y firmeza... \u003cspan class=\"pdrn-hl-yellow\"\u003eSin lugar a dudas\u003c\/span\u003e.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eEl problema: El colágeno regular no “penetra” en la piel\u003c\/h2\u003e\n\u003cimg alt=\"Detalles de la crema y de las cápsulas\" class=\"pdrn-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_capsule_cream_jar_displ__202608300115.jpg?v=1788041945\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv class=\"pdrn-glass-box pdrn-reveal\"\u003e\n\u003ch3 style=\"text-align: center; color: var(--pdrn-text-title); font-size: 1.5rem; margin-bottom: 20px; font-weight: 900;\"\u003eImpactante verdad científica\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\n La mayoría de las cremas de colágeno en el mercado tienen sus propias moléculas \u003cspan class=\"pdrn-hl-yellow\"\u003e\"Gigante\" (más de 3.000 dalton)\u003c\/span\u003e. Los poros de tu piel son demasiado pequeños para absorberla, así que la crema \u003cspan class=\"pdrn-hl-pink\"\u003ePermanece en la superficie de la piel\u003c\/span\u003e, solo \u003cspan class=\"pdrn-hl-yellow\"\u003eHidratación temporal desaparece con el primer lavado\u003c\/span\u003e.\n \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255, 42, 122, 0.15); padding: 20px; border-radius: 12px; border: 1px solid var(--pdrn-pink-main);\"\u003e\n\u003cp style=\"text-align: center; font-weight: 900; color: #ffffff; font-size: 1.25rem;\"\u003e\n La solución no está en el “pintado” del colágeno superficial, la solución está en las moléculas de PDRN que \u003cspan class=\"pdrn-hl-yellow\"\u003eObliga a las células a producir colágeno desde el interior!\u003c\/span\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 2: MECHANISM \u0026 RESULTS (Gradient: Black to Light Pink) --\u003e\n\u003cdiv class=\"pdrn-section-gradient-2\"\u003e\n\u003cdiv class=\"pdrn-container\"\u003e\n\u003ch2 class=\"pdrn-section-title pdrn-reveal\" style=\"margin-top: 0;\"\u003e¿Cómo funciona? El secreto del ADN de salmón\u003c\/h2\u003e\n\u003cimg alt=\"Cápsula de cuidado luminoso\" class=\"pdrn-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Glowing_skincare_capsule_floating_202608300119.jpg?v=1788041993\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cp class=\"pdrn-reveal\" style=\"text-align: center; font-size: 1.2rem; font-weight: 700; margin-bottom: 40px; padding: 0 20px;\"\u003e\n La investigación ha demostrado que el ADN del salmón es 100% idéntico \u003cstrong class=\"pdrn-hl-yellow\" style=\"font-size: 1.4rem;\"\u003e95%\u003c\/strong\u003e Con ADN humano. Esto lo hace \u003cspan class=\"pdrn-hl-pink\"\u003eEl único ingrediente que tu piel 'entiende'\"\u003c\/span\u003e Como si \u003cspan class=\"pdrn-hl-pink\"\u003e\"código de reparación\"\u003c\/span\u003e Tengo órdenes para las células: “Renuévate ahora.”\n \u003c\/p\u003e\n\u003cdiv class=\"pdrn-grid\"\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal\"\u003e\n\u003ch3 style=\"display: flex; align-items: center;\"\u003e\n\u003cspan class=\"pdrn-number-icon\"\u003e1\u003c\/span\u003e Salmon PDRN\u003c\/h3\u003e\n\u003cp\u003e\u003cspan class=\"pdrn-hl-pink\"\u003eRepara los tejidos dañados\u003c\/span\u003eTrata los efectos de los granos y estimula la producción de células completamente nuevas \u003cspan class=\"pdrn-hl-yellow\"\u003eDesde la profundidad\u003c\/span\u003e Para reconstruir la estructura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-1\"\u003e\n\u003ch3 style=\"display: flex; align-items: center;\"\u003e\n\u003cspan class=\"pdrn-number-icon\"\u003e2\u003c\/span\u003e Pink Collagen Capsules\u003c\/h3\u003e\n\u003cp\u003eColágeno hidrolizado \u003cspan class=\"pdrn-hl-pink\"\u003e(rompedores de nanopartículas)\u003c\/span\u003e Conservado en cápsulas frescas, \u003cspan class=\"pdrn-hl-yellow\"\u003eExplota al contacto con la piel\u003c\/span\u003e Para rellenar arrugas al instante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-2\"\u003e\n\u003ch3 style=\"display: flex; align-items: center;\"\u003e\n\u003cspan class=\"pdrn-number-icon\"\u003e3\u003c\/span\u003e Niacinamide \u0026amp; B12\u003c\/h3\u003e\n\u003cp\u003eLa vitamina B12 le da a la cápsula su color rosa natural \u003cspan class=\"pdrn-hl-yellow\"\u003eSin colorantes artificiales\u003c\/span\u003eY niacinamida \u003cspan class=\"pdrn-hl-pink\"\u003eUniforma el tono de la piel y reduce las pigmentaciones\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eResultados clínicos científicamente probados\u003c\/h2\u003e\n\u003c!-- NEW INFOGRAPHIC IMAGE ADDED HERE --\u003e\n\u003cimg alt=\"Infografía de los Resultados Medicube PDRN\" class=\"pdrn-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Infographic_for_Medicube_PDRN_cream_202608300112_83e0225f-a063-4675-b285-bef42b20e0ee.jpg?v=1788042751\" style=\"margin-bottom: 40px;\"\/\u003e\n\u003cdiv class=\"pdrn-stats-wrap pdrn-reveal\"\u003e\n\u003cdiv class=\"pdrn-stat-box\"\u003e\n\u003cdiv class=\"pdrn-stat-num\"\u003e+102.4%\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-title\"\u003eMejora inmediata de la hidratación\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-desc\"\u003e\u003cspan class=\"pdrn-hl-yellow\"\u003eInmediatamente después de usar\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-box\"\u003e\n\u003cdiv class=\"pdrn-stat-num\"\u003e+33.0%\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-title\"\u003eAumento de la elasticidad de la piel\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-desc\"\u003e\u003cspan class=\"pdrn-hl-yellow\"\u003eDespués de dos semanas de uso\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-box\"\u003e\n\u003cdiv class=\"pdrn-stat-num\"\u003e+19.4%\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-title\"\u003eMejora del tono de la piel\u003c\/div\u003e\n\u003cdiv class=\"pdrn-stat-desc\"\u003e\u003cspan class=\"pdrn-hl-yellow\"\u003eDespués de dos semanas de uso\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 3: BENEFITS \u0026 CUSTOMIZATION (Gradient: Black to Vibrant Pink) --\u003e\n\u003cdiv class=\"pdrn-section-gradient-3\"\u003e\n\u003cdiv class=\"pdrn-container\"\u003e\n\u003ch2 class=\"pdrn-section-title pdrn-reveal\" style=\"margin-top: 0;\"\u003eQué le pasará a su piel cuando use estas cápsulas?\u003c\/h2\u003e\n\u003cdiv class=\"pdrn-grid\"\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal\"\u003e\n\u003cdiv class=\"pdrn-icon\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\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\n\u003c\/div\u003e\n\u003ch3\u003eEfecto lifting inmediato\u003c\/h3\u003e\n\u003cp\u003eGracias a la tecnología PDRN, actúa sobre los microligamentos de la piel y te proporciona \u003cspan class=\"pdrn-hl-pink\"\u003eUna apariencia más firme en la línea de la mandíbula y las mejillas\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-1\"\u003e\n\u003cdiv class=\"pdrn-icon\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRestaurar la elasticidad y densidad (Relleno))\u003c\/h3\u003e\n\u003cp\u003eEl complejo de colágeno rosa proporciona la “densidad” de la piel, por lo que las arrugas se rellenan \u003cspan class=\"pdrn-hl-yellow\"\u003eDesde el interior hacia el exterior\u003c\/span\u003e, en lugar de cobertura temporal en la superficie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-2\"\u003e\n\u003cdiv class=\"pdrn-icon\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\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\u003ePiel de vidrio\u003c\/h3\u003e\n\u003cp\u003eLa vitamina B12 y niacinamida de color rosa natural nutren la piel \u003cspan class=\"pdrn-hl-pink\"\u003eBrillo vidrioso y resplandor saludable\u003c\/span\u003e Refleja la luz y oculta el desvanecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal\"\u003e\n\u003cdiv class=\"pdrn-icon\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\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\u003eHidratación personalizada profesional\u003c\/h3\u003e\n\u003cp\u003eLa combinación de hidrogel y cápsula rica te permite... \u003cspan class=\"pdrn-hl-yellow\"\u003eAdaptar la hidratación para adecuarla a tu piel\u003c\/span\u003e .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-1\"\u003e\n\u003cdiv class=\"pdrn-icon\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003cpath d=\"M9 11H7v9h2v-9zm4 0h-2v9h2v-9zm4 0h-2v9h2v-9zm2-7H3v2h2v9h1v2h12v-2h1V6h2V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTratamiento de la pigmentación y opacidad\u003c\/h3\u003e\n\u003cp\u003eEstimula \u003cspan class=\"pdrn-hl-pink\"\u003eRegeneración celular rápida\u003c\/span\u003e Gracias al PDRN, que ayuda en \u003cspan class=\"pdrn-hl-yellow\"\u003eUnifica el tono de la piel y elimina la opacidad\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-2\"\u003e\n\u003cdiv class=\"pdrn-icon\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2zm0 3l7.5 14H4.5L12 5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTecnología de cápsulas inteligentes\u003c\/h3\u003e\n\u003cp\u003eCada cápsula es \u003cspan class=\"pdrn-hl-pink\"\u003eTanque fresco\u003c\/span\u003e Explota en el momento en que toca tu piel con mi mano \u003cspan class=\"pdrn-hl-yellow\"\u003eEfecto 100% fresco\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eEl arte de mezclar cápsulas: separa la crema según el tamaño de tu piel!\u003c\/h2\u003e\n\u003c!-- NEW PINK CAPSULE IMAGE ADDED HERE --\u003e\n\u003cimg alt=\"Cápsula rosa inteligente\" class=\"pdrn-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Pink_skincare_capsule_floating_202608300132.jpg?v=1788042876\" style=\"margin-bottom: 40px;\"\/\u003e\n\u003cdiv class=\"pdrn-glass-box pdrn-reveal\" style=\"text-align: center;\"\u003e\n\u003cp style=\"color: var(--pdrn-text-title); font-size: 1.2rem; font-weight: 800; margin-bottom: 25px;\"\u003eLa mayor ventaja de esta crema es que \u003cspan class=\"pdrn-hl-yellow\"\u003eNo te obliga a una textura\u003c\/span\u003e. Puedes cambiar la proporción de mezcla diariamente dependiendo del clima o de las necesidades de tu piel:\u003c\/p\u003e\n\u003cdiv class=\"pdrn-ratio-box\"\u003e\n\u003cdiv class=\"pdrn-ratio-item\"\u003e\n\u003ch4\u003ePara piel grasa \/ mañana\u003c\/h4\u003e\n\u003cspan\u003e2 gel: 1 cápsula\u003c\/span\u003e\n\u003cp\u003eHidratación ligera y rápida absorción. \u003cspan class=\"pdrn-hl-pink\"\u003ePerfecto antes del maquillaje\u003c\/span\u003e O en días calurosos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-ratio-item\"\u003e\n\u003ch4\u003ePara piel normal mixta\u003c\/h4\u003e\n\u003cspan\u003e1 gel: 1 cápsula\u003c\/span\u003e\n\u003cp\u003e\u003cspan class=\"pdrn-hl-pink\"\u003eEquilibrio perfecto\u003c\/span\u003e Entre hidratación profunda y recuperación acuosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-ratio-item\"\u003e\n\u003ch4\u003ePara piel seca \/ por la noche\u003c\/h4\u003e\n\u003cspan\u003e1 gel: 2 cápsulas\u003c\/span\u003e\n\u003cp\u003eCuidados nocturnos intensivos que reponen la sequedad y funcionan \u003cspan class=\"pdrn-hl-pink\"\u003eComo mascarilla nutritiva durante el sueño\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px; text-align: left; background: rgba(0,0,0,0.6); padding: 30px; border-radius: 16px; border-right: 6px solid var(--pdrn-pink-main);\"\u003e\n\u003cstrong style=\"color: #ffffff; font-size: 1.3rem; display: block; margin-bottom: 15px;\"\u003eAplicación :\u003c\/strong\u003e\n\u003col style=\"margin-top: 10px; padding-left: 25px; font-size: 1.1rem; font-weight: 600; line-height: 2;\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eHabitaciones:\u003c\/strong\u003e Tomar una cantidad adecuada con una espátula (asegúrate de tomarla \u003cspan class=\"pdrn-hl-yellow\"\u003eGel + cápsulas juntos\u003c\/span\u003e).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eMezclando y activando:\u003c\/strong\u003e Frote la cápsula y el gel entre los dedos o en la palma de la mano \u003cspan class=\"pdrn-hl-yellow\"\u003e“Ingredientes frescos “activos”\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eAplicación:\u003c\/strong\u003e Distribuya la mezcla tibia uniformemente en su cuello y cuello.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eMasaje de lifting:\u003c\/strong\u003e Recibir un masaje \u003cspan class=\"pdrn-hl-yellow\"\u003eChi \u003c\/span\u003e Para ayudar en el proceso de tensado.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline \/ Results --\u003e\n\u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eViaje de transformación: Adiós a las clínicas estéticas\u003c\/h2\u003e\n\u003cdiv class=\"pdrn-reveal\" style=\"display: flex; flex-direction: column; gap: 20px;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); border: 1px solid var(--pdrn-border); padding: 25px; border-radius: 16px; border-right: 5px solid var(--pdrn-pink-main);\"\u003e\n\u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.4rem; font-weight: 800;\"\u003ePrimera semana: \u003cspan class=\"pdrn-hl-pink\"\u003eChoque de hidratación\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cul style=\"padding-left: 25px; font-size: 1.1rem; font-weight: 600;\"\u003e\n\u003cli\u003eTu piel \u003cspan class=\"pdrn-hl-yellow\"\u003e\"Bebes\" la crema\u003c\/span\u003e Al instante\u003c\/li\u003e\n\u003cli\u003eEl rostro está luminoso y se siente muy suave\u003c\/li\u003e\n\u003cli\u003eAumento de la humedad y elasticidad de la piel \u003cspan class=\"pdrn-hl-yellow\"\u003e+20%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); border: 1px solid var(--pdrn-border); padding: 25px; border-radius: 16px; border-right: 5px solid var(--pdrn-pink-main);\"\u003e\n\u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.4rem; font-weight: 800;\"\u003eLa segunda semana: \u003cspan class=\"pdrn-hl-pink\"\u003eLa gente empezará a notar\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cul style=\"padding-left: 25px; font-size: 1.1rem; font-weight: 600;\"\u003e\n\u003cli\u003ePregunta \u003cspan class=\"pdrn-hl-yellow\"\u003e“¿Te pusiste un relleno??”\u003c\/span\u003e Comenzará a repetirse\u003c\/li\u003e\n\u003cli\u003eMejora notable en la línea de la mandíbula (V-Line)\u003c\/li\u003e\n\u003cli\u003eLas líneas de expresión comienzan a disminuir\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); border: 1px solid var(--pdrn-border); padding: 25px; border-radius: 16px; border-right: 5px solid var(--pdrn-pink-main);\"\u003e\n\u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.4rem; font-weight: 800;\"\u003eSemana 4: \u003cspan class=\"pdrn-hl-pink\"\u003ePiel de vidrio real\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cul style=\"padding-left: 25px; font-size: 1.1rem; font-weight: 600;\"\u003e\n\u003cli\u003eLa base de su piel permanece fuerte y restaurada\u003c\/li\u003e\n\u003cli\u003ePiel \u003cspan class=\"pdrn-hl-yellow\"\u003e“'Prensado' y lleno de frescura (Jugoso))\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eLa desaparición de líneas finas alrededor de los ojos y la boca\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eExcelente relación calidad-precio\u003c\/h2\u003e\n\u003cdiv class=\"pdrn-grid pdrn-reveal\"\u003e\n\u003cdiv class=\"pdrn-card\" style=\"border-color: var(--pdrn-pink-main);\"\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003e◆ Inyección alternativa\u003c\/h4\u003e\n\u003cp\u003eUna sesión de PDRN con un costo \u003cspan class=\"pdrn-hl-yellow\"\u003e5000 libras\u003c\/span\u003e. Esta crema está en tus manos \u003cspan class=\"pdrn-hl-pink\"\u003eUn curso de dos meses a una fracción del precio\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-card\" style=\"border-color: var(--pdrn-pink-main);\"\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003e▲ Tecnología exclusiva\u003c\/h4\u003e\n\u003cp\u003eNo existe ningún producto en el mercado que ofrezca esto \u003cspan class=\"pdrn-hl-pink\"\u003eTecnología de cápsula D\u003c\/span\u003e Con el mismo enfoque y calidad coreana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdrn-glass-box pdrn-reveal\" style=\"padding: 25px;\"\u003e\n\u003ch3 style=\"color: var(--pdrn-pink-light); margin-bottom: 15px; text-align: center;\"\u003eExperiencias reales: ¿Qué dicen los usuarios?\u003c\/h3\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff;\"\u003eEl lado positivo:\u003c\/strong\u003e\n\u003cp style=\"color: var(--pdrn-text-body); margin-top: 5px;\"\u003eAltas elogios para\u003cspan class=\"pdrn-hl-pink\"\u003eEfecto instantáneo de “vidrio” e hidratación profunda prolongada\u003c\/span\u003e. Muchas mujeres notaron una mejora en la elasticidad de la piel y en la plenitud de las líneas finas después de un corto período, y les encantó \u003cspan class=\"pdrn-hl-yellow\"\u003eLa ventaja de controlar la consistencia de la crema\u003c\/span\u003e Según las fluctuaciones de su piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff;\"\u003ePunto a notar:\u003c\/strong\u003e\n\u003cp style=\"color: var(--pdrn-text-body); margin-top: 5px;\"\u003eAlgunos han indicado que lograr la proporción de mezcla ideal \u003cspan class=\"pdrn-hl-yellow\"\u003ePuede requerir algunos intentos al principio\u003c\/span\u003e. También se recomienda para aquellos con piel muy grasa\u003cspan class=\"pdrn-hl-pink\"\u003eReducir la cantidad de cápsulas durante el día\u003c\/span\u003e Para evitar cualquier textura pegajosa o pesada.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eConclusión:\u003c\/strong\u003e\n\u003cp style=\"color: var(--pdrn-text-body); margin-top: 5px;\"\u003e\u003cspan class=\"pdrn-hl-pink\"\u003eUna inversión excelente e innovadora para rejuvenecer la piel opaca\u003c\/span\u003e Y obtener una frescura notable, una vez que encuentres el peso ideal que se adapte a tu tipo de piel!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Value and CTA --\u003e\n\u003cdiv class=\"pdrn-reveal\" style=\"text-align: center; margin-top: 40px; padding: 50px 25px; background: linear-gradient(180deg, rgba(26, 7, 14, 0.9), rgba(255, 42, 122, 0.15)); border-radius: 24px; border: 2px solid var(--pdrn-pink-main); box-shadow: 0 20px 60px rgba(255, 42, 122, 0.2);\"\u003e\n\u003ch2 class=\"pdrn-title-glow\" style=\"font-size: clamp(26px, 4vw, 36px);\"\u003eAdiós a las clínicas cosméticas costosas\u003c\/h2\u003e\n\u003cimg alt=\"Medicube PDRN Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_capsule_cream_jar_displ__202608300110.jpg?v=1788041520\" style=\"margin: 40px auto; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);\"\/\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 700; color: #ffffff; max-width: 800px; margin: 0 auto 30px; line-height: 1.8;\"\u003e\n Una sesión de PDRN en clínica cuesta \u003cspan class=\"pdrn-hl-yellow\"\u003eMiles de libras y necesidad de molestos inyecciones\u003c\/span\u003e. \u003cstrong class=\"pdrn-hl-pink\"\u003eMedicube PDRN Pink Collagen\u003c\/strong\u003e Te proporciona un curso completo de cuidado en casa que te brinda frescura, plenitud y elasticidad notables... \u003cspan class=\"pdrn-hl-yellow\"\u003eSin dolor ni tiempos de recuperación\u003c\/span\u003e.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--pdrn-pink-light); font-size: 1.7rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--pdrn-glow);\"\u003e\n “El tiempo no se detendrá, pero tu piel sí puede.” Invierte en su juventud ahora!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Footer --\u003e\n\u003cdiv class=\"pdrn-reveal\" style=\"background: rgba(0,0,0,0.8); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 30px; margin-top: 50px; text-align: left; direction: ltr;\"\u003e\n\u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.3rem; text-align: left; direction: ltr; font-weight: 800;\"\u003eLista de ingredientes principales\u003c\/h3\u003e\n\u003cp style=\"font-size: 1rem; color: #f8f9fa; line-height: 1.8; font-weight: 500;\"\u003e\n Water, Glycerin, \u003cstrong class=\"pdrn-hl-pink\"\u003eNiacinamide (Brightening)\u003c\/strong\u003e, Methylpropanediol, Propanediol, 1,2-Hexanediol, Dipropylene Glycol, Caprylic\/Capric Triglyceride, Arginine, Butylene Glycol, Carbomer, \u003cstrong class=\"pdrn-hl-pink\"\u003eSodium DNA (Salmon PDRN)\u003c\/strong\u003e, \u003cstrong class=\"pdrn-hl-pink\"\u003eHydrolyzed Collagen Extract\u003c\/strong\u003e, \u003cstrong class=\"pdrn-hl-pink\"\u003eCyanocobalamin (Vitamin B12)\u003c\/strong\u003e, \u003cstrong class=\"pdrn-hl-pink\"\u003eCopper Tripeptide-1, Acetyl Hexapeptide-8, Palmitoyl Pentapeptide-4 (Peptide Complex)\u003c\/strong\u003e, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Ceramide NP, Adenosine, Ethylhexylglycerin.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Scroll Reveal Logic\n const reveals = document.querySelectorAll('.pdrn-reveal');\n const revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('pdrn-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n reveals.forEach(function(reveal) {\n reveal.classList.remove('pdrn-active');\n revealObserver.observe(reveal);\n });\n \/\/ Floating Background Particles Logic\n const ambientContainer = document.getElementById('pdrn-particles');\n const particleCount = 25; \n for (let i = 0; i \u003c particleCount; i++) {\n const particle = document.createElement('div');\n particle.classList.add('pdrn-particle');\n const size = Math.random() * 50 + 20; \n const left = Math.random() * 100; \n const duration = Math.random() * 15 + 12; \n const delay = Math.random() * 10; \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 ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":47239567081646,"sku":null,"price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicube_pdrn_capsule_cream.jpg?v=1788175197"},{"product_id":"some-by-mi-snail-truecica-cream","title":"Some By Mi Snail Truecica Miracle Repair Cream","description":"\u003c!-- Some By Mi Snail Truecica Cream - Ultra Luxury Glassmorphism Design --\u003e\n\u003cdiv dir=\"ltr\" id=\"snail-glass-dossier\"\u003e\n\u003c!-- Ambient Glowing Background Orbs --\u003e\n\u003cdiv class=\"ambient-orb orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ambient-orb orb-2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ambient-orb orb-3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ambient-orb orb-4\"\u003e\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"glass-section\"\u003e\n\u003cdiv class=\"glass-panel hero-panel glass-reveal\"\u003e\n\u003cdiv class=\"hero-grid\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"gold-badge\"\u003e\n\u003cspan class=\"gold-dot\"\u003e\u003c\/span\u003e Centro de comando para la reparación celular\n \u003c\/div\u003e\n\u003ch1 class=\"main-title gold-text\"\u003eLa ciencia coreana finalmente resuelve el dilema donde todas las cremas hidratantes fallan\u003c\/h1\u003e\n\u003cp class=\"desc-text\"\u003e\n La primera crema en su categoría que combina la máxima concentración de \u003cstrong\u003ebaba de caracol regeneradora regeneradora negra (40%)\u003c\/strong\u003e Con un espectro completo de ceramidas y un exclusivo complejo Truecica™ en una única fórmula — imposible de encontrar en cualquier otro producto.\n \u003c\/p\u003e\n\u003ca class=\"gold-btn\" href=\"#glass-buy\" onclick=\"window.scrollTo(0,0); return false;\"\u003eComienza tu camino de reforma\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-visual\"\u003e\n\u003cimg alt=\"Snail Truecica Cream\" class=\"floating-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_with_black_snails_202605241303.jpg?v=1779617032\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\n\u003c!-- 2. The Breakthrough --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"glass-panel split-panel glass-reveal\"\u003e\n\u003cdiv class=\"split-content\"\u003e\n\u003ch2 class=\"gold-text\"\u003eNo es solo una crema hidratante... es una renovación total\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003cp class=\"lead-text text-white\"\u003e\n Las cremas hidratantes normales solo tratan la superficie. Las cremas para granos solo aclaran el color. Las cremas con ceramidas solo reparan la barrera hidrolipídica. \n \u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong class=\"gold-text-solid\"\u003eEstás obligado a comprar más productos sin obtener el resultado deseado, ¡porque tu piel dañada necesita todos estos tratamientos al mismo tiempo!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"desc-text\"\u003e\n Este es exactamente el avance científico que ofrece Some By Mi Snail Truecica Miracle Repair Cream. La primera ecuación terapéutica integrada que actúa en 5 niveles simultáneamente:\n \u003c\/p\u003e\n\u003cul class=\"gold-list\"\u003e\n\u003cli\u003eReparación celular profunda.\u003c\/li\u003e\n\u003cli\u003eReconstrucción de la barrera cutánea.\u003c\/li\u003e\n\u003cli\u003eEliminar infecciones.\u003c\/li\u003e\n\u003cli\u003eBorrar marcas de granos.\u003c\/li\u003e\n\u003cli\u003eRenueva la elasticidad de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split-image\"\u003e\n\u003cimg alt=\"5 in 1 Formula\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/0A3E16D8-A041-4468-A992-F8DF13A3681F_grande_54967b7a-3b61-4316-9db0-816935374353.webp?v=1779617464\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. Comprehensive Benefits Grid --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch3 class=\"sub-title\"\u003eTodo lo que tu piel necesita en un solo lugar\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\"\u003eCinco poderes científicos que reconstruyen la piel desde cero\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-grid grid-3\"\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eReparación de la barrera en profundidad\u003c\/h4\u003e\n\u003cp\u003eCon un complejo completo de 5 ceramidas (NP, NS, AS, AP, EOP) para coincidir con las ceramidas naturales de tu piel y prevenir la pérdida de humedad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eBorra manchas obstinadas y marcas\u003c\/h4\u003e\n\u003cp\u003eMucus de caracol 40% + niacinamida acelera científicamente el proceso de renovación celular y la aclaración de la pigmentación desde la segunda semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eAlivio inmediato de la inflamación\u003c\/h4\u003e\n\u003cp\u003eComplejo Triple Fuerza Truecica™ con Árbol de Té (10,000 ppm) y Centella para suprimir la inflamación en minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eLa hidratación se absorbe en segundos\u003c\/h4\u003e\n\u003cp\u003eUna textura de gel-crema muy ligera que se absorbe sin pesadez ni pegajosidad, y continúa hidratando capas profundas durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eAntienvejecimiento y reafirmante\u003c\/h4\u003e\n\u003cp\u003eColágeno marino y adenosina para aumentar el grosor de la piel, rellenar las líneas finas y mejorar la luminosidad de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eProtección contra bacterias\u003c\/h4\u003e\n\u003cp\u003eLa rara fitosfingosina actúa como un antibiótico natural para la piel para evitar que las bacterias del acné se multipliquen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eAcelerar la curación celular\u003c\/h4\u003e\n\u003cp\u003e4 extractos aislados de Centella en concentraciones precisas para estimular el colágeno y curar heridas y cicatrices de acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eUnificar el color y reducir los poros\u003c\/h4\u003e\n\u003cp\u003eLa niacinamida multifuncional regula la secreción de sebo y estrecha poderosamente los poros visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n\u003cdiv class=\"icon-circle emoji-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4 class=\"text-white\"\u003eDoble escudo de protección\u003c\/h4\u003e\n\u003cp\u003eVitamina E + Escualano protege los lípidos naturales de la piel de la contaminación y los rayos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. Science Dossier --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch3 class=\"sub-title\"\u003eLa ciencia detrás de cada ingrediente\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\"\u003e5 Compuestos Avanzados — Bioingeniería de Precisión\u003c\/h2\u003e\n\u003cp class=\"text-white\"\u003eEl mucus de caracol negro ha evolucionado durante millones de años como un mecanismo de reparación biológica sin igual.\u003c\/p\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Science behind Snail Truecica\" class=\"floating-img glass-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_with_scientific_vibes_202605241312.jpg?v=1779617584\" style=\"margin: 0 auto 3rem auto; max-width: 600px;\"\/\u003e\n\u003cdiv class=\"dossier-list\"\u003e\n\u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n\u003cdiv class=\"tech-icon-wrapper\"\u003e\n\u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e01\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info\"\u003e\n\u003ch4 class=\"text-white\"\u003eMucus de caracol negro 40% (400,000 ppm))\u003c\/h4\u003e\n\u003ch5 class=\"gold-text-solid\"\u003ePlanta de reparación natural\u003c\/h5\u003e\n\u003cp\u003eUna sustancia biológica compleja que los caracoles utilizan para reparar sus tejidos. Contiene glucoproteínas para estimular el colágeno, ácido hialurónico para la hidratación, ácido glicólico para la exfoliación, alantoína para la cicatrización y péptidos para la regeneración.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n\u003cdiv class=\"tech-icon-wrapper\"\u003e\n\u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e02\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info\"\u003e\n\u003ch4 class=\"text-white\"\u003eCompuesto Truecica™\u003c\/h4\u003e\n\u003ch5 class=\"gold-text-solid\"\u003eTriple escudo coreano\u003c\/h5\u003e\n\u003cp\u003eLa tecnología exclusiva combina Árbol de Té (10.000 ppm) para eliminar las bacterias del acné, Artemisia para calmar el enrojecimiento y Centella con 4 extractos aislados (Asiaticósido, Madecassósido) para reparar heridas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n\u003cdiv class=\"tech-icon-wrapper\"\u003e\n\u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e03\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info\"\u003e\n\u003ch4 class=\"text-white\"\u003eComplejo completo de 5 ceramidas\u003c\/h4\u003e\n\u003ch5 class=\"gold-text-solid\"\u003eReconstrucción molecular del septo\u003c\/h5\u003e\n\u003cp\u003eContiene (NP, NS, AS, AP, EOP) con colesterol y fitosfingosina para complementar la matriz lipídica natural y asegurar la verdadera integración de ceramidas en la estructura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n\u003cdiv class=\"tech-icon-wrapper\"\u003e\n\u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e04\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info\"\u003e\n\u003ch4 class=\"text-white\"\u003eColágeno marino hidrolizado\u003c\/h4\u003e\n\u003ch5 class=\"gold-text-solid\"\u003eInyecciones de frescura... sin aguja\u003c\/h5\u003e\n\u003cp\u003eUna mezcla de pequeñas moléculas de péptidos que penetran en las capas profundas de la piel, proporcionando una piel más densa y líneas menos visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n\u003cdiv class=\"tech-icon-wrapper\"\u003e\n\u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e05\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info\"\u003e\n\u003ch4 class=\"text-white\"\u003eAdenosina + Vitamina E + Escualano\u003c\/h4\u003e\n\u003ch5 class=\"gold-text-solid\"\u003eLa trinidad silenciosa\u003c\/h5\u003e\n\u003cp\u003eAdenosina para reducir las líneas, Vitamina E para proteger contra la oxidación y Escualano como un bio-hidratante ligero que nunca obstruye los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5. Clinical Results --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch3 class=\"sub-title\"\u003eResultados en números\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\"\u003ePrueba clínica de referencias internacionales\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-grid grid-3\"\u003e\n\u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e82%\u003c\/h4\u003e\n\u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eReducir la irritación\u003c\/h4\u003e\n\u003cp\u003eSobre During 4 .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e65%\u003c\/h4\u003e\n\u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eReparación del guardabarros\u003c\/h4\u003e\n\u003cp\u003eSobre During Dos semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e68%\u003c\/h4\u003e\n\u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eMejora de la pigmentación\u003c\/h4\u003e\n\u003cp\u003eSobre During 8 .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e27%\u003c\/h4\u003e\n\u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eReducir las líneas\u003c\/h4\u003e\n\u003cp\u003eFDA Sobre During 12 Una semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center; grid-column: span 1;\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e4.7\/5\u003c\/h4\u003e\n\u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eEvaluación global\u003c\/h4\u003e\n\u003cp\u003eA partir de más de 50,000 reseñas de productos verificadas a nivel mundial.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 6. Timeline (Updated Layout: Stacked for better readability) --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch3 class=\"sub-title\"\u003e¿Cómo reacciona tu piel al Centro de Reparación Coreano??\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\"\u003eViaje de transformación\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-panel glass-reveal\" style=\"padding: 3rem 2rem;\"\u003e\n\u003c!-- Top Image --\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 3rem;\"\u003e\n\u003cimg alt=\"Transformation Result\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some-By-Mi-Snail-Truecica-Miracle-Repair-Cream-6_83413c0c-cb5f-4e20-bad3-d861ed72c7d0.jpg?v=1779619411\" style=\"width: 100%; max-width: 900px; border-radius: 16px; border: 2px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); object-fit: cover;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Bottom Timeline Grid --\u003e\n\u003cdiv class=\"glass-grid grid-3\"\u003e\n\u003cdiv class=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: left; background: rgba(0,0,0,0.3);\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eDesde el primer uso:\u003c\/h4\u003e\n\u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cli\u003eHidratación instantánea y profunda, la piel absorbe la crema en pocos segundos.\u003c\/li\u003e\n\u003cli\u003eAlivio instantáneo del enrojecimiento e irritación.\u003c\/li\u003e\n\u003cli\u003eTextura más suave y fresca y sensación de plenitud y vitalidad.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: left; background: rgba(0,0,0,0.3);\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eDespués de 1-2 semanas:\u003c\/h4\u003e\n\u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cli\u003eFortalecer la barrera de la piel y reducir la sensibilidad a los productos.\u003c\/li\u003e\n\u003cli\u003eEl enrojecimiento y las nuevas manchas comienzan a desvanecerse.\u003c\/li\u003e\n\u003cli\u003eAparece gradualmente un resplandor natural y saludable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: left; background: rgba(0,0,0,0.3);\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eDespués de 3 meses:\u003c\/h4\u003e\n\u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cli\u003eUna transformación radical en la salud, fuerza y resistencia de la piel.\u003c\/li\u003e\n\u003cli\u003eRecuperación rápida de la piel de cualquier estrés o irritación.\u003c\/li\u003e\n\u003cli\u003eFirmar frescura y elasticidad que dura 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\u003c!-- 7. Usage Protocol --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch2 class=\"text-white\"\u003eCómo usar para obtener los mejores resultados\u003c\/h2\u003e\n\u003cp class=\"gold-text-solid\"\u003e\u003cstrong\u003eAplicación correcta = resultados dobles\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-grid grid-5\"\u003e\n\u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n\u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eTemporización\u003c\/h4\u003e\n\u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003ese usa Mañana Y\/ noche. .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n\u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eClasificación\u003c\/h4\u003e\n\u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eAplícalo como último paso para preservar los beneficios después del tónico y el suero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n\u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eCantidad\u003c\/h4\u003e\n\u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eUna cantidad del tamaño de un guisante, caliéntela entre las manos y presione suavemente sin frotar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n\u003cdiv class=\"step-num\"\u003e04\u003c\/div\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eDirigido a\u003c\/h4\u003e\n\u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eSe puede aplicar una capa intensa adicional sobre marcas de granos o áreas de descamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n\u003cdiv class=\"step-num\"\u003e05\u003c\/div\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eExpertos\u003c\/h4\u003e\n\u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eExcelente como amortiguador calmante después de aplicar retinol o ácidos fuertes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-alert glass-reveal\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"alert-text\" style=\"width: 100%;\"\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; font-size: 1.2rem;\"\u003e💡 Experiencias y opiniones reales de usuarios\u003c\/h4\u003e\n\u003cul class=\"gold-list\"\u003e\n\u003cli\u003e\"La textura es increíble: se absorbe completamente sin sensación de pesadez.\"\u003c\/li\u003e\n\u003cli\u003e“Lo usé después del láser facial, calmó la piel y aceleró enormemente la recuperación.”\u003c\/li\u003e\n\u003cli\u003e\"Muy adecuado para piel mixta. No es pesado ni graso a pesar de su riqueza en ingredientes.\"\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Sobre Aceites , (Purging) En Primero.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 8. Ingredients --\u003e\n\u003csection class=\"glass-section glass-reveal\"\u003e\n\u003cdiv class=\"glass-panel\" style=\"padding: 3rem; text-align: center;\"\u003e\n\u003ch3 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; font-size: 1.3rem;\"\u003eLista completa de ingredientes (INCI)\u003c\/h3\u003e\n\u003cp class=\"text-white\" style=\"font-family:monospace; font-size: 0.85rem; opacity: 0.8; line-height: 1.8; text-align: left; direction: ltr;\"\u003e\n Water, Snail Secretion Filtrate (40%), Propanediol, Dicaprylyl Carbonate, Polyglyceryl-3 Methylglucose Distearate, Niacinamide, 1,2-Hexanediol, Melaleuca Alternifolia (Tea Tree) Leaf Extract (10,000 ppm), Centella Asiatica Extract, Butylene Glycol, Cyclomethicone, Cetearyl Alcohol, Squalane, Glyceryl Stearate, Carbomer, Tromethamine, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Sodium Polyacrylate, Madecassoside, Ethylhexylglycerin, Artemisia Princeps (Mugwort) Leaf Extract, Hydrolyzed Collagen, Glycerin, Adenosine, Disodium EDTA, Salvia Officinalis (Sage) Oil, Tocopherol, Hydrolyzed Vegetable Protein, Hydrogenated Lecithin, Asiaticoside (400 ppb), Madecassic Acid (360 ppb), Asiatic Acid (240 ppb), Stearic Acid, Ceramide NP, Ceramide NS, Phytosphingosine, Cholesterol, Ceramide AS, Ceramide AP, Ceramide EOP, Limonene, Linalool.\n \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1.5rem; text-align: left;\"\u003e\n\u003cp style=\"color: #aaa; font-size: 0.9rem;\"\u003e* Chi . Sobre Cyclomethicone. (Malassezia).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003csection class=\"glass-section\" id=\"glass-buy\"\u003e\n\u003cdiv class=\"glass-panel cta-panel glass-reveal\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cp class=\"gold-text-solid\" style=\"font-size: 1.1rem; letter-spacing: 1px;\"\u003e¡Tu piel dañada merece un nuevo comienzo!\u003c\/p\u003e\n\u003ch2 class=\"main-title text-white\"\u003eTodo el centro de mando de reparación celular\u003c\/h2\u003e\n\u003cp class=\"desc-text text-white\" style=\"font-size: 1.2rem; margin-bottom: 2rem;\"\u003eCon el 40% del poder de la naturaleza, 5 ceramidas y Truecica™ Korean Complex, obtienes una solución todo en uno que se absorbe en segundos y funciona durante horas.\u003c\/p\u003e\n\u003ca class=\"gold-btn large\" href=\"#glass-buy\" onclick=\"window.scrollTo(0,0); return false;\"\u003eComienza tu camino de reparación ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-image\"\u003e\n\u003cimg alt=\"Healthy Repaired Skin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_floats_with_snails_sea_202605241343.jpg?v=1779619392\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- Luxury Glassmorphism CSS --\u003e\n\u003cstyle\u003e\n #snail-glass-dossier {\n position: relative;\n background-color: #050505;\n background-image: radial-gradient(circle at 50% 50%, #0d110f 0%, #000 100%);\n color: #e0e0e0;\n font-family:-apple-system,BlinkMacSystemFont,SegoeUI\",Roboto,Helvetica,Arial,sans-serif;\n line-height: 1.6;\n overflow: hidden;\n padding-bottom: 5rem;\n }\n\n #snail-glass-dossier * {\n box-sizing: border-box;\n }\n\n \/* Typography Utilities *\/\n .text-white { color: #ffffff !important; }\n .gold-text {\n background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: transparent;\n }\n .gold-text-solid { color: #D4AF37; }\n\n \/* Ambient Background Orbs - Deep Earthy\/Gold\/Green *\/\n .ambient-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.35;\n z-index: 0;\n animation: floatOrb 20s infinite ease-in-out alternate;\n pointer-events: none;\n }\n .orb-1 { width: 500px; height: 500px; background: #5c430a; top: -10%; right: -10%; opacity: 0.2; }\n .orb-2 { width: 400px; height: 400px; background: #2e5746; bottom: 20%; left: -10%; animation-delay: -5s; }\n .orb-3 { width: 600px; height: 600px; background: #D4AF37; top: 40%; right: 20%; opacity: 0.1; animation-delay: -10s; }\n .orb-4 { width: 300px; height: 300px; background: #1a291f; bottom: -5%; right: 10%; animation-delay: -15s; }\n\n @keyframes floatOrb {\n 0% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(-30px, 50px) scale(1.1); }\n 100% { transform: translate(20px, -30px) scale(0.9); }\n }\n\n \/* Layout \u0026 Containers *\/\n .glass-section {\n position: relative;\n z-index: 10;\n max-width: 1200px;\n margin: 0 auto;\n padding: 4rem 2rem;\n }\n\n \/* Glass Panels \u0026 Cards *\/\n .glass-panel, .glass-card {\n background: rgba(25, 25, 20, 0.4);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 24px;\n box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\n }\n \n .glass-card {\n padding: 2rem;\n transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n .glass-card:hover {\n transform: translateY(-8px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.1);\n }\n\n \/* Animations *\/\n .glass-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .glass-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Header Components *\/\n .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n .section-header h2 {\n font-size: 2.2rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n .sub-title {\n font-size: 1.1rem;\n color: #D4AF37;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .gold-divider {\n height: 3px;\n width: 60px;\n background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728);\n margin: 0 auto;\n border-radius: 2px;\n }\n .gold-divider.left { margin: 0; }\n .desc-text { color: #b0b0b0; font-size: 1.05rem; }\n\n \/* Buttons *\/\n .gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728);\n color: #000 !important;\n padding: 12px 35px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: bold;\n font-size: 1.1rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n transition: all 0.3s ease;\n border: none;\n }\n .gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);\n }\n .gold-btn.large { padding: 15px 45px; font-size: 1.2rem; }\n\n \/* Filters for Icons to make them Gold *\/\n .gold-filter {\n filter: invert(75%) sepia(35%) saturate(500%) hue-rotate(5deg) brightness(1.1) contrast(1.1);\n }\n\n \/* Grids *\/\n .glass-grid { display: grid; gap: 1.5rem; }\n .grid-5 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }\n .grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\n .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\n\n \/* 1. Hero *\/\n .hero-panel { padding: 4rem; margin-top: 2rem; }\n .hero-grid { display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; }\n @media (min-width: 992px) {\n .hero-grid { flex-direction: row; text-align: left; }\n .hero-content { align-items: flex-start; }\n }\n .main-title { font-size: 2.8rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; }\n .hero-content .desc-text { margin-bottom: 2.5rem; max-width: 800px; }\n .floating-img {\n width: 100%; border-radius: 16px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n animation: floatImg 6s ease-in-out infinite;\n border: 1px solid rgba(255,255,255,0.1);\n max-width: 500px;\n }\n @keyframes floatImg {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0); }\n }\n .gold-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n color: #fcf6ba; padding: 6px 14px;\n border-radius: 20px; font-size: 0.85rem; font-weight: bold; margin-bottom: 1.5rem;\n }\n .gold-dot {\n width: 8px; height: 8px; background: #FFD700; border-radius: 50%;\n box-shadow: 0 0 10px #FFD700;\n }\n\n \/* 2. Minimal Cards *\/\n .icon-circle {\n width: 80px; height: 80px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.5rem; border: 1px solid rgba(212, 175, 55, 0.2);\n }\n .emoji-icon { font-size: 2rem; }\n .minimal-card h4 { font-size: 1.15rem; margin-bottom: 0.5rem; font-weight: 700; }\n .minimal-card p { font-size: 0.95rem; color: #aaa; margin: 0; }\n\n \/* 3. Split Panel *\/\n .split-panel { display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .split-panel { flex-direction: row; text-align: left; }\n }\n .split-image { flex: 1; text-align: center; }\n .split-image img { width: 100%; max-width: 450px; border-radius: 16px; border: 2px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); }\n .split-content { flex: 1; }\n .lead-text { font-size: 1.2rem; line-height: 1.8; margin: 2rem 0; padding-left: 1.5rem; border-right: 4px solid #D4AF37; }\n .gold-list { list-style: none; padding: 0; }\n .gold-list li { position: relative; padding-left: 35px; margin-bottom: 15px; font-weight: 500; font-size: 1.05rem; color: #aaa; text-align: left; }\n .gold-list li::before {\n content: '✦'; position: absolute; right: 0; top: 0; color: #D4AF37; font-size: 1.2rem;\n }\n\n \/* 4. Causes *\/\n .cause-card h4 { font-size: 1.2rem; margin-bottom: 1rem; }\n .cause-card p { font-size: 0.95rem; color: #aaa; }\n\n \/* 5. Tech Dossier *\/\n .dossier-list { display: flex; flex-direction: column; gap: 1.5rem; }\n .tech-card { flex-direction: column; text-align: center; padding: 2.5rem; gap: 1.5rem; }\n @media (min-width: 768px) {\n .tech-card { flex-direction: row; text-align: left; }\n }\n .tech-icon-wrapper {\n flex: 0 0 80px; height: 80px; background: rgba(255, 255, 255, 0.03); border-radius: 20px;\n display: flex; align-items: center; justify-content: center; border: 1px solid rgba(212, 175, 55, 0.1);\n margin: 0 auto;\n }\n .tech-info { flex: 1; }\n .gold-badge-small {\n display: inline-block; background: rgba(212, 175, 55, 0.15); color: #fcf6ba; padding: 4px 10px;\n border-radius: 6px; font-family:monospace; font-size: 0.85rem; margin-bottom: 1rem; letter-spacing: 1px;\n }\n .tech-info h4 { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; }\n .tech-info p { color: #aaa; font-size: 0.95rem; line-height: 1.6; }\n \n .glass-alert {\n display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem;\n background: rgba(25, 20, 15, 0.6); border: 1px dashed #D4AF37; border-radius: 16px;\n text-align: center;\n }\n @media (min-width: 768px) {\n .glass-alert { flex-direction: row; text-align: left; }\n }\n\n \/* 7. Usage Steps *\/\n .step-card { position: relative; padding: 3rem 2rem 2rem 2rem; overflow: visible; justify-content: flex-start; }\n .step-num {\n position: absolute; top: -15px; right: -15px; width: 45px; height: 45px;\n background: linear-gradient(135deg, #bf953f, #b38728); color: #000;\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-family:monospace; font-weight: bold; font-size: 1.2rem; box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);\n }\n .step-card h4 { font-size: 1.2rem; margin-bottom: 1rem; }\n\n \/* 9. Final CTA *\/\n .cta-panel { display: flex; flex-direction: column; align-items: center; padding: 0; overflow: hidden; background: rgba(212, 175, 55, 0.05); }\n @media (min-width: 992px) {\n .cta-panel { flex-direction: row; }\n }\n .cta-content { flex: 1; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .cta-content { text-align: left; }\n }\n .cta-image { flex: 1; height: 100%; display: flex; align-items: stretch;}\n .cta-image img { width: 100%; object-fit: cover; border-right: 2px solid rgba(212, 175, 55, 0.3); min-height: 400px; }\n @media (max-width: 992px) {\n .cta-image img { border-right: none; border-top: 2px solid rgba(212, 175, 55, 0.3); }\n .lead-text { border-right: none; padding-left: 0; border-top: 3px solid #D4AF37; padding-top: 1.5rem; }\n .gold-list li { padding-left: 0; text-align: center; }\n .gold-list li::before { content: none; }\n }\n\u003c\/style\u003e\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -30px 0px\"\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const revealElements = document.querySelectorAll('.glass-reveal');\n revealElements.forEach(el =\u003e {\n observer.observe(el);\n });\n});\n\u003c\/script\u003e\n","brand":"Some by Mi","offers":[{"title":"Default Title","offer_id":47935372296366,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Snail_crawling_on_product_202605241349.jpg?v=1788175185"},{"product_id":"some-by-mi-snail-truecica-starter-kit","title":"Some By Mi Snail Truecica Miracle Repair Starter Kit","description":"\u003c!-- Some By Mi Snail Truecica Starter Kit - Luxury Glassmorphism Design (Arabic) --\u003e\n\u003cdiv dir=\"ltr\" id=\"sk-glass-dossier-ar\"\u003e\n\u003c!-- Ambient Glowing Background Orbs --\u003e\n\u003cdiv class=\"ambient-orb orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ambient-orb orb-2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ambient-orb orb-3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ambient-orb orb-4\"\u003e\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"glass-section\"\u003e\n\u003cdiv class=\"glass-panel hero-panel glass-reveal\"\u003e\n\u003cdiv class=\"hero-grid\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"gold-badge\"\u003e\n\u003cspan class=\"gold-dot\"\u003e\u003c\/span\u003e El gran milagro coreano\n \u003c\/div\u003e\n\u003ch1 class=\"main-title gold-text\"\u003eCuatro productos... una rutina... un milagro\u003c\/h1\u003e\n\u003ch1 class=\"main-title gold-text\"\u003eEl milagro del caracol negro \u003c\/h1\u003e\n\u003cp class=\"desc-text\"\u003e\n Por primera vez: una rutina completa de reparación con la mayor concentración de mucus de caracol negro en la historia.\n \u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong class=\"text-white\"\u003e“El secreto no está en un solo producto... el secreto está en una rutina integral que trabaja en tu piel 24 horas sin detenerse.”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-visual\"\u003e\n\u003cimg alt=\"Snail Truecica Starter Kit\" class=\"floating-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/6332a1a5-d742-4c21-a1f4-39dd050bee50-1000x1000-psauyJO5rFXeY6SphQpPpAO9drIK8jTxUnJfwemh.webp?v=1779620673\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\n\u003c!-- 2. The Problem Section --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"glass-panel split-panel glass-reveal\"\u003e\n\u003cdiv class=\"split-content\"\u003e\n\u003ch2 class=\"gold-text\"\u003ePor qué tu rutina actual falla a pesar de todo lo que haces?\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003cp class=\"lead-text text-white\"\u003e\n “Porque tus productos se combaten entre sí.”\n \u003c\/p\u003e\n\u003cp class=\"desc-text\"\u003e\n\u003cstrong\u003eLa verdad que nadie te dice:\u003c\/strong\u003e\u003cbr\/\u003e\n Lavar que se seca → Tónico que humecta medio seco → Suero que actúa por sí solo → Crema de estampado con diferentes ingredientes. El resultado? \u003cstrong\u003e4 productos que luchan en lugar de cooperar.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cul class=\"gold-list\"\u003e\n\u003cli\u003eLa investigación dermatológica reciente ha demostrado que la efectividad de una rutina no está determinada por el producto más fuerte en ella, sino por su alcance \u003cstrong\u003eConsistencia e integración de los componentes\u003c\/strong\u003e Desde el primer paso hasta el último paso.\u003c\/li\u003e\n\u003cli\u003eCuando lavar rompe la barrera de la piel con ingredientes agresivos, los sueros y cremas desperdician la mitad de su energía \u003cstrong\u003eReparando lo que la lavandería rompió\u003c\/strong\u003e En lugar de centrarse en tratar el problema subyacente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"gold-text-solid\" style=\"margin-top: 1.5rem; font-size: 1.2rem;\"\u003e\n\u003cstrong\u003eLa única solución:\u003c\/strong\u003e Una rutina completa en la que cada paso complementa al anterior — \u003cstrong\u003eNo lo rompes.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. Kit Introduction --\u003e\n\u003csection class=\"glass-section glass-reveal\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"sub-title\"\u003eCuatro armas científicas... un ataque integral a todos los problemas de la piel\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\" style=\"font-size: 2.5rem;\"\u003e“No son cuatro productos separados... este es un ejército que se mueve con un solo plan, con el objetivo de reconstruir la textura de tu piel.”\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\" style=\"margin: 1rem auto 3rem auto;\"\u003e\u003c\/div\u003e\n\u003cp class=\"text-white\" style=\"max-width: 800px; margin: 0 auto 2rem auto; font-size: 1.1rem; line-height: 1.8;\"\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e¿El resultado? \u003cstrong\u003e Cada producto habla con el otro y trabaja con él, no en su contra. Cada gramo está calculado y pesado con precisión infinita para lograr la química exitosa que resuelve todos tus problemas de piel, desde la sequedad hasta la pigmentación y los efectos de los granos y cicatrices. Por primera vez, experimentarás una química equilibrada y verás el efecto de la precisión en la salud de la piel\n \u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- 4. The 4-Step Routine (Kit Contents) --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch2 class=\"gold-text\"\u003eContenido del kit:\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-grid\"\u003e\n\u003c!-- Step 1 --\u003e\n\u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n\u003cdiv class=\"routine-img-wrapper\"\u003e\n\u003cimg alt=\"Snail Truecica Cleanser\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail-truecica-miracle-repair-low-ph-gel-cleanser-3.jpg?v=1779621612\"\/\u003e\n\u003cdiv class=\"step-badge\"\u003ePaso 1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-info\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eLoción con 90% de mucosidad de caracol negro\u003c\/h4\u003e\n\u003ch5 class=\"text-white\"\u003e“La primera lavandería en la historia en ser tratada mientras está limpia — 900,000 ppm de fuerza biológica en cada lavado.”\u003c\/h5\u003e\n\u003cp\u003eLa mayoría de los lavados comienzan por despojar a la piel. Esto comienza a repararla. Contiene la concentración más alta posible (90%), rica en elastina y ácido glicólico. \u003cstrong\u003e5 ceramidas + 17 aminoácidos\u003c\/strong\u003e Mantienen la barrera de la piel. Con un pH bajo (~5,5) para evitar que se reseque.\u003c\/p\u003e\n\u003cp class=\"highlight-text\"\u003eLa diferencia que sentirás desde el primer uso: Tu rostro no permanecerá seco después de lavar — quedará fresco, suave y hidratado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 2 --\u003e\n\u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n\u003cdiv class=\"routine-img-wrapper\"\u003e\n\u003cimg alt=\"Snail Truecica Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_kit_snail_toner.jpg?v=1779621701\"\/\u003e\n\u003cdiv class=\"step-badge\"\u003ePaso 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-info\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eTónico milagroso\u003c\/h4\u003e\n\u003ch5 class=\"text-white\"\u003e“El mensaje que prepara la piel escucha todo lo que viene.”\u003c\/h5\u003e\n\u003cp\u003eNo es un tónico ordinario: este es el estimulante que abre los poros de la piel y duplica la absorción de todo lo que viene después. Un arma independiente que combina: mucina de caracol, niacinamida para la pigmentación, Botaniceutical Plus-10 para la elasticidad de la piel y alantoína para una hidratación profunda.\u003c\/p\u003e\n\u003cp class=\"highlight-text\"\u003eEl resultado: piel preparada que absorbe el suero y la crema 3 veces más eficientemente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 3 --\u003e\n\u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n\u003cdiv class=\"routine-img-wrapper\"\u003e\n\u003cimg alt=\"Snail Truecica Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_snail_kit_serum.jpg?v=1779621735\"\/\u003e\n\u003cdiv class=\"step-badge\"\u003ePaso 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-info\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eSuero reparador intensivo\u003c\/h4\u003e\n\u003ch5 class=\"text-white\"\u003e“El golpe quirúrgico en el corazón del problema”\u003c\/h5\u003e\n\u003cp\u003eUna dosis de tratamiento concentrada que penetra 7 capas de piel. Con Mucus de Caracol, BHA Natural (Corteza de Sauce) para una exfoliación suave que desobstruye los poros sin quemar, y Extracto de Salvia como un potente antiinflamatorio.\u003c\/p\u003e\n\u003cp class=\"highlight-text\"\u003eEl primer suero que combina: tratamiento para el acné + exfoliación suave + anti-envejecimiento + calmante — en un concentrado de 10 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 4 --\u003e\n\u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n\u003cdiv class=\"routine-img-wrapper\"\u003e\n\u003cimg alt=\"Snail Truecica Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Black_snail_crawling_over_product_202605241425.jpg?v=1779621949\"\/\u003e\n\u003cdiv class=\"step-badge\"\u003ePaso 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-info\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eLa crema milagrosa\u003c\/h4\u003e\n\u003ch5 class=\"text-white\"\u003e\"El sello dorado que conserva todo lo que has hecho.\"\u003c\/h5\u003e\n\u003cp\u003e42% de mucosidad de caracol negro + quinteto completo de ceramidas y colesterol = \u003cstrong\u003eUn escudo biológico que no se rompe durante la noche.\u003c\/strong\u003e Previene la pérdida de humedad con colágeno marino anti-envejecimiento.\u003c\/p\u003e\n\u003cp class=\"highlight-text\"\u003eTextura: Gel-crema ligera que se absorbe sin sensación de pesadez — incluso la piel grasa la tolera fácilmente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5. The Science (Dossier) --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch3 class=\"sub-title\"\u003eLa ciencia detrás del kit\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\"\u003ePor qué el mucílago de caracol negro es diferente de todo lo demás?\u003c\/h2\u003e\n\u003cp class=\"text-white\"\u003e“No es moco ordinario — es una fábrica biológica de reparación integrada que la naturaleza ha desarrollado durante millones de años.”\u003c\/p\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dossier-list\"\u003e\n\u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n\u003cdiv class=\"tech-icon-wrapper\"\u003e\n\u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e01\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info\"\u003e\n\u003ch4 class=\"text-white\"\u003eEl poder del caracol negro\u003c\/h4\u003e\n\u003cp\u003eEl caracol negro vive en entornos hostiles y repara su tejido rápidamente. Su secreción biológica es una composición química compleja que contiene:\u003c\/p\u003e\n\u003cul class=\"gold-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucoproteínas:\u003c\/strong\u003e .\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido hialurónico natural:\u003c\/strong\u003e Interactúa con la piel más profundamente que los sintéticos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido glicólico (AHA)):\u003c\/strong\u003e La exfoliación ligera natural mejora la textura y aclara la pigmentación sin quemar.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlantoína y péptidos:\u003c\/strong\u003e Sustancias calmantes y aceleradoras de la curación que acortan el tiempo de recuperación de cualquier herida o granito.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"highlight-text\"\u003eLa diferencia esencial: El moco de caracol negro está más concentrado en glicoproteínas, que es la base biológica de cada producto del kit, en niveles del 42% al 90%.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n\u003cdiv class=\"tech-icon-wrapper\"\u003e\n\u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e02\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info\"\u003e\n\u003ch4 class=\"text-white\"\u003eCompuesto Truecica™\u003c\/h4\u003e\n\u003ch5 class=\"gold-text-solid\"\u003eTecnología coreana exclusiva\u003c\/h5\u003e\n\u003cp\u003e“Tres plantas medicinales con concentraciones precisas, científicamente calculadas... no solo una mezcla al azar.”\u003c\/p\u003e\n\u003cul class=\"gold-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁrbol de té (10,000 ppm):\u003c\/strong\u003e Sobre 99% Chi P.acnes .\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentella + 4 extractos aislados en nanogramos:\u003c\/strong\u003e Asiaticósido para la producción de colágeno, Madecassósido como un antiinflamatorio más fuerte que la cortisona leve, Ácido Madecásico para la curación de tejidos, y Ácido Asiático para la construcción de resistencia.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArtemisia (Ajenjo):\u003c\/strong\u003e ““Holy Grass” es rico en antioxidantes para calmar el enrojecimiento crónico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 6. Clinical Results --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch3 class=\"sub-title\"\u003eEste kit no vende promesas... vende resultados\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\"\u003eResultados en números: estudios científicos reales\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-container glass-reveal\"\u003e\n\u003ctable class=\"luxury-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComponente\u003c\/th\u003e\n\u003cth\u003eFuente científica\u003c\/th\u003e\n\u003cth\u003eResultado comprobado\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"gold-text-solid font-bold\"\u003eMucosa de caracol\u003c\/td\u003e\n\u003ctd\u003eJournal of Dermatological Treatment\u003c\/td\u003e\n\u003ctd\u003eAcelera la cicatrización de heridas en un 37% + mejora la elasticidad de la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"gold-text-solid font-bold\"\u003eCentella (Madecassoside))\u003c\/td\u003e\n\u003ctd\u003eSkin Pharmacology \u0026amp; Physiology\u003c\/td\u003e\n\u003ctd\u003eIrritación reducida en un 82% en 4 semanas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"gold-text-solid font-bold\"\u003eÁrbol de té 10,000 ppm\u003c\/td\u003e\n\u003ctd\u003eInt. Journal of Antimicrobials\u003c\/td\u003e\n\u003ctd\u003eEliminar el 99% de las bacterias de granos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"gold-text-solid font-bold\"\u003e5 ceramidas\u003c\/td\u003e\n\u003ctd\u003eDermatology Research \u0026amp; Practice\u003c\/td\u003e\n\u003ctd\u003eRepara la barrera de la piel un 65% en dos semanas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"gold-text-solid font-bold\"\u003eNiacinamida\u003c\/td\u003e\n\u003ctd\u003eInt. J. of Cosmetic Science\u003c\/td\u003e\n\u003ctd\u003eMejora de la pigmentación 68% en 8 semanas + reducción de la secreción de sebo 52%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"gold-text-solid font-bold\"\u003eAdenosina\u003c\/td\u003e\n\u003ctd\u003eInformes aprobados por la FDA\u003c\/td\u003e\n\u003ctd\u003eReducir líneas finas 27% en 12 semanas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 7. How to Use (AM\/PM Routine) --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch2 class=\"text-white\"\u003eCómo usar: La rutina correcta, paso a paso\u003c\/h2\u003e\n\u003cp class=\"gold-text-solid\"\u003e\u003cstrong\u003e“4 minutos por la mañana y 4 minutos por la noche... y tu piel recibe cuidado continuo las 24 horas.”\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-grid grid-2\"\u003e\n\u003c!-- AM Routine --\u003e\n\u003cdiv class=\"glass-card usage-card glass-reveal\"\u003e\n\u003cdiv class=\"time-badge\"\u003e☀️ Rutina matutina\u003c\/div\u003e\n\u003cul class=\"step-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eLavado (30 segundos))\u003c\/h4\u003e\n\u003cp\u003eMójese la cara, tome una pequeña cantidad de gel, forme una espuma suave con las manos y masajee suavemente durante 30-60 segundos con movimientos circulares. Enjuague con agua tibia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eTónico (30 segundos)\u003c\/h4\u003e\n\u003cp\u003e2-3 presiones en la palma de tu mano o en un algodón, y extiende suavemente con movimientos de palmaditas de adentro hacia afuera. No frotes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eSuero (30 segundos)\u003c\/h4\u003e\n\u003cp\u003e2-3 gotas, calienta entre tus palmas, presiona sobre la cara sin frotar. Enfócate en las áreas afectadas por granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eCrema (30 segundos)\u003c\/h4\u003e\n\u003cp\u003eUna cantidad del tamaño de un guisante es suficiente. Masajear suavemente hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4 class=\"gold-text-solid\"\u003eCrema solar\u003c\/h4\u003e\n\u003cp\u003e(No incluido en el kit - muy necesario para proteger los resultados de la rutina)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- PM Routine \u0026 Tips --\u003e\n\u003cdiv class=\"glass-card usage-card glass-reveal\"\u003e\n\u003cdiv class=\"time-badge dark\"\u003e🌙 Rutina y consejos nocturnos\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 2rem; color: #fff;\"\u003eExactamente los mismos pasos — sin protector solar. Puedes aumentar ligeramente la cantidad de crema para beneficiarte de la renovación nocturna.\u003c\/p\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; border-bottom: 1px dashed rgba(212, 175, 55, 0.3); padding-bottom: 0.5rem;\"\u003eAsesoramiento de expertos:\u003c\/h4\u003e\n\u003cul class=\"gold-list\"\u003e\n\u003cli\u003eAgite la loción antes de usar porque el moco natural puede separarse.\u003c\/li\u003e\n\u003cli\u003eSuero Sobre Piel .\u003c\/li\u003e\n\u003cli\u003eÁreas con granos — aplicar otra capa de suero directamente encima.\u003c\/li\u003e\n\u003cli\u003eContinúe durante al menos 4 semanas antes de que pueda ver el resultado completo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 8. Social Proof --\u003e\n\u003csection class=\"glass-section\"\u003e\n\u003cdiv class=\"section-header glass-reveal\"\u003e\n\u003ch3 class=\"sub-title\"\u003eOpiniones de los usuarios: Lo que dijo la piel real\u003c\/h3\u003e\n\u003ch2 class=\"gold-text\"\u003eDecenas de miles han probado este kit... Aquí hay un resumen de sus experiencias con total honestidad\u003c\/h2\u003e\n\u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-panel glass-reveal\" style=\"padding: 3rem; text-align: center;\"\u003e\n\u003ch3 class=\"text-white\" style=\"font-size: 2rem; margin-bottom: 1rem;\"\u003eCalificación general: \u003cspan class=\"gold-text-solid\"\u003e4.7 \/ 5\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"desc-text\" style=\"margin-bottom: 2rem;\"\u003eDe decenas de miles de reseñas verificadas a nivel mundial.\u003c\/p\u003e\n\u003cp class=\"text-white\" style=\"line-height: 1.8; text-align: left; margin-bottom: 2rem;\"\u003e\n El kit logró una recepción excepcional en iHerb, Female Daily y plataformas especializadas en K-Beauty. La gran mayoría notó una diferencia visible en la textura de la piel desde la primera semana, siendo el limpiador el elemento más sorprendente: muchos no esperaban que solo el paso de lavado dejara la piel tan suave e hidratada en lugar de la sequedad habitual.\u003cbr\/\u003e\u003cbr\/\u003e\n Las reseñas indican de manera consistente una mejora notable en los efectos de los granos y las manchas oscuras en un período de dos a cuatro semanas, con una satisfacción generalizada con la textura ligera de la crema, incluso entre quienes tienen piel grasa. Los usuarios que compraron el kit para probarlo en su mayoría terminaron comprando el tamaño grande, un indicador más confiable que cualquier calificación por estrellas.\n \u003c\/p\u003e\n\u003ch4 class=\"gold-text-solid\" style=\"text-align: left; margin-bottom: 1rem;\"\u003e⚠️ Atención honesta de los usuarios:\u003c\/h4\u003e\n\u003cul class=\"gold-list\" style=\"text-align: left;\"\u003e\n\u003cli\u003eTamaño Suero (10 ml) — Pequeño .\u003c\/li\u003e\n\u003cli\u003eLa crema contiene aceites esenciales naturales (bergamota + salvia) — haz una prueba de alergia si tu piel es muy sensible a fragancias naturales.\u003c\/li\u003e\n\u003cli\u003eLa piel muy grasa en clima cálido puede sentir que la crema es pesada por la mañana. Solución: Usarla solo por la noche en verano.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"gold-text-solid\" style=\"margin-top: 2rem; font-size: 1.1rem;\"\u003e\u003cstrong\u003eConclusión:\u003c\/strong\u003e La tasa de recompra supera el 85% de los usuarios que han probado el kit a nivel mundial.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 9. Ingredients --\u003e\n\u003csection class=\"glass-section glass-reveal\"\u003e\n\u003cdiv class=\"glass-panel\" style=\"padding: 3rem; text-align: left;\"\u003e\n\u003ch3 class=\"gold-text-solid\" style=\"margin-bottom: 2rem; font-size: 1.5rem; text-align: center;\"\u003eLista de ingredientes de cada producto en el kit\u003c\/h3\u003e\n\u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n\u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eLoción:\u003c\/h4\u003e\n\u003cp style=\"font-family:monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate (90%), Cocamidopropyl Betaine, Sodium Cocoyl Isethionate, Glycerin, Ceramide NP, Ceramide NS, Ceramide AS, Ceramide AP, Ceramide EOP, Niacinamide, Melaleuca Alternifolia (Tea Tree) Leaf Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Allantoin, Panthenol, Adenosine, Hydrolyzed Collagen, Amino Acids Complex (17 types)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n\u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eTónico:\u003c\/h4\u003e\n\u003cp style=\"font-family:monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate, Niacinamide, Butylene Glycol, Glycerin, Allantoin, Hydroxyethyl Urea, Truecica™ Complex (Tea Tree + Centella + Mugwort), White Flower Complex, Botaniceutical Plus-10, Adenosine, Ceramide NP, Fragrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n\u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eSuero:\u003c\/h4\u003e\n\u003cp style=\"font-family:monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate, Glycerin, Niacinamide, Truecica™ Complex, Salix Alba (Willow Bark) Extract, Salvia Officinalis (Sage) Extract, Adenosine, Hydrolyzed Collagen, Peptides Complex, Allantoin, Ceramide NP, 1,2-Hexanediol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eLa generosa:\u003c\/h4\u003e\n\u003cp style=\"font-family:monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate (40%), Propanediol, Dicaprylyl Carbonate, Polyglyceryl-3 Methylglucose Distearate, Niacinamide, 1,2-Hexanediol, Melaleuca Alternifolia (Tea Tree) Leaf Extract (10,000 ppm), Centella Asiatica Extract, Butylene Glycol, Cyclomethicone, Cetearyl Alcohol, Squalane, Glyceryl Stearate, Carbomer, Tromethamine, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Sodium Polyacrylate, Madecassoside, Ethylhexylglycerin, Artemisia Princeps (Mugwort) Leaf Extract, Hydrolyzed Collagen, Glycerin, Adenosine, Disodium EDTA, Salvia Officinalis (Sage) Oil, Tocopherol, Hydrolyzed Vegetable Protein, Hydrogenated Lecithin, Asiaticoside (400 ppb), Madecassic Acid (360 ppb), Asiatic Acid (240 ppb), Stearic Acid, Ceramide NP, Ceramide NS, Phytosphingosine, Cholesterol, Ceramide AS, Ceramide AP, Ceramide EOP, Limonene, Linalool\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glass-alert\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"alert-icon\"\u003e!\u003c\/div\u003e\n\u003cdiv class=\"alert-text text-right\"\u003e\n\u003cstrong class=\"gold-text-solid\"\u003eNotas importantes:\u003c\/strong\u003e\n\u003cul style=\"margin: 0; padding-left: 20px; color: #aaa; font-size: 0.9rem;\"\u003e\n\u003cli\u003eLa crema contiene fragancias naturales (bergamota + salvia) — se requiere prueba de alergia para piel muy sensible.\u003c\/li\u003e\n\u003cli\u003eNo seguro para acné fúngico.\u003c\/li\u003e\n\u003cli\u003eLibre de parabenos y sulfatos.\u003c\/li\u003e\n\u003cli\u003eNo es libre de crueldad (Some By Mi se vende en China)).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final CTA --\u003e\n\u003csection class=\"glass-section\" id=\"glass-buy\"\u003e\n\u003cdiv class=\"glass-panel cta-panel glass-reveal\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cp class=\"gold-text-solid\" style=\"font-size: 1.1rem; letter-spacing: 1px;\"\u003eEl final: La decisión no es difícil cuando los números son claros\u003c\/p\u003e\n\u003ch2 class=\"main-title text-white\"\u003e“No estás comprando un kit... estás comprando la oportunidad de ver cómo tu piel se renueva.”\u003c\/h2\u003e\n\u003cp class=\"desc-text text-white\" style=\"font-size: 1.1rem; margin-bottom: 2rem;\"\u003e\n\u003cstrong\u003eSome By Mi Snail Truecica Miracle Repair Starter Kit\u003c\/strong\u003e No es solo una rutina - esta \u003cstrong\u003eLa prueba más inteligente\u003c\/strong\u003e Qué puede hacer por su piel.\n \u003cbr\/\u003e\u003cbr\/\u003e\n 4 productos completos, ingredientes clínicamente probados y concentraciones que no puedes encontrar en ningún otro lugar, todo en un tamaño de viaje a un precio inmejorable.\n \u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong class=\"gold-text-solid\"\u003ePruébalo. Ve la diferencia. Luego toma la decisión.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003ca class=\"gold-btn large\" href=\"#\" onclick=\"window.scrollTo(0,0); return false;\"\u003eOrdena la colección milagrosa ahora 🚀\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-image\"\u003e\n\u003cimg alt=\"Snail Truecica Starter Kit Box\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_Truecica_Miracle_Repair_Starter_Kit_Clear.jpg?v=1779621524\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- Luxury Glassmorphism CSS --\u003e\n\u003cstyle\u003e\n #sk-glass-dossier-ar {\n position: relative;\n background-color: #0a0505;\n background-image: radial-gradient(circle at 50% 50%, #1a0808 0%, #050202 100%);\n color: #e0e0e0;\n font-family:-apple-system,BlinkMacSystemFont,SegoeUI\",Roboto,Helvetica,Arial,sans-serif;\n line-height: 1.6;\n overflow: hidden;\n padding-bottom: 5rem;\n }\n\n #sk-glass-dossier-ar * {\n box-sizing: border-box;\n }\n\n \/* Typography Utilities *\/\n .text-white { color: #ffffff !important; }\n .gold-text {\n background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: transparent;\n }\n .gold-text-solid { color: #D4AF37; }\n .font-bold { font-weight: bold; }\n .text-right { text-align: left; }\n\n \/* Ambient Background Orbs - Deep Burgundy\/Gold *\/\n .ambient-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.35;\n z-index: 0;\n animation: floatOrb 20s infinite ease-in-out alternate;\n pointer-events: none;\n }\n .orb-1 { width: 500px; height: 500px; background: #600000; top: -10%; right: -10%; opacity: 0.3; }\n .orb-2 { width: 400px; height: 400px; background: #8a651a; bottom: 20%; left: -10%; animation-delay: -5s; }\n .orb-3 { width: 600px; height: 600px; background: #3a0000; top: 40%; right: 20%; opacity: 0.2; animation-delay: -10s; }\n .orb-4 { width: 300px; height: 300px; background: #D4AF37; bottom: -5%; right: 10%; opacity: 0.15; animation-delay: -15s; }\n\n @keyframes floatOrb {\n 0% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(-30px, 50px) scale(1.1); }\n 100% { transform: translate(20px, -30px) scale(0.9); }\n }\n\n \/* Layout \u0026 Containers *\/\n .glass-section {\n position: relative;\n z-index: 10;\n max-width: 1200px;\n margin: 0 auto;\n padding: 4rem 2rem;\n }\n\n \/* Glass Panels \u0026 Cards *\/\n .glass-panel, .glass-card {\n background: rgba(30, 15, 15, 0.4);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 24px;\n box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\n }\n \n .glass-card {\n padding: 2rem;\n transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n .glass-card:hover {\n transform: translateY(-8px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15);\n }\n\n \/* Animations *\/\n .glass-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .glass-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Header Components *\/\n .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n .section-header h2 {\n font-size: 2.2rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n .sub-title {\n font-size: 1.1rem;\n color: #D4AF37;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .gold-divider {\n height: 3px;\n width: 60px;\n background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728);\n margin: 0 auto;\n border-radius: 2px;\n }\n .gold-divider.left { margin: 0; }\n .desc-text { color: #b0b0b0; font-size: 1.05rem; }\n\n \/* Buttons *\/\n .gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728);\n color: #000 !important;\n padding: 12px 35px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: bold;\n font-size: 1.1rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n transition: all 0.3s ease;\n border: none;\n }\n .gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);\n }\n .gold-btn.large { padding: 15px 45px; font-size: 1.2rem; }\n\n \/* Grids *\/\n .glass-grid { display: grid; gap: 1.5rem; }\n .grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\n .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\n .grid-2 { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }\n\n \/* 1. Hero *\/\n .hero-panel { padding: 4rem; margin-top: 2rem; }\n .hero-grid { display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; }\n @media (min-width: 992px) {\n .hero-grid { flex-direction: row; text-align: left; }\n .hero-content { align-items: flex-start; }\n }\n .main-title { font-size: 2.8rem; font-weight: 900; line-height: 1.2; margin-bottom: 1.5rem; }\n .hero-content .desc-text { margin-bottom: 2.5rem; max-width: 800px; }\n .floating-img {\n width: 100%; border-radius: 16px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n animation: floatImg 6s ease-in-out infinite;\n border: 1px solid rgba(255,255,255,0.1);\n max-width: 450px;\n }\n @keyframes floatImg {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0); }\n }\n .gold-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n color: #fcf6ba; padding: 6px 14px;\n border-radius: 20px; font-size: 0.85rem; font-weight: bold; margin-bottom: 1.5rem;\n }\n .gold-dot {\n width: 8px; height: 8px; background: #FFD700; border-radius: 50%;\n box-shadow: 0 0 10px #FFD700;\n }\n\n \/* 2. Minimal Cards *\/\n .icon-circle {\n width: 80px; height: 80px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.5rem; border: 1px solid rgba(212, 175, 55, 0.2);\n }\n .emoji-icon { font-size: 2rem; }\n .minimal-card h4 { font-size: 1.15rem; margin-bottom: 0.5rem; font-weight: 700; }\n .minimal-card p { font-size: 0.9rem; color: #aaa; margin: 0; }\n\n \/* 3. Split Panel *\/\n .split-panel { display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .split-panel { flex-direction: row; text-align: left; }\n }\n .split-image { flex: 1; text-align: center; }\n .split-image img { width: 100%; max-width: 450px; border-radius: 16px; border: 2px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); }\n .split-content { flex: 1; }\n .lead-text { font-size: 1.2rem; line-height: 1.8; margin: 2rem 0; padding-left: 1.5rem; border-right: 4px solid #D4AF37; }\n .gold-list { list-style: none; padding: 0; }\n .gold-list li { position: relative; padding-left: 30px; margin-bottom: 15px; font-weight: 500; font-size: 1.05rem; color: #aaa; text-align: left; }\n .gold-list li::before {\n content: '✦'; position: absolute; right: 0; top: 0; color: #D4AF37; font-size: 1.2rem;\n }\n\n \/* 4. Routine Grid *\/\n .routine-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n .routine-card { padding: 0; overflow: hidden; align-items: stretch; text-align: left; }\n .routine-img-wrapper { position: relative; width: 100%; height: 250px; }\n .routine-img-wrapper img { width: 100%; height: 100%; object-fit: cover; border-bottom: 2px solid rgba(212, 175, 55, 0.3); }\n .step-badge {\n position: absolute; top: 15px; right: 15px; background: rgba(0,0,0,0.7); color: #D4AF37;\n padding: 5px 12px; border-radius: 20px; font-weight: bold; font-size: 0.85rem; border: 1px solid #D4AF37;\n }\n .routine-info { padding: 2rem; }\n .routine-info h4 { font-size: 1.2rem; margin-bottom: 0.5rem; }\n .routine-info h5 { font-size: 0.95rem; font-style: italic; margin-bottom: 1rem; color: #ccc; }\n .routine-info p { font-size: 0.9rem; color: #aaa; margin-bottom: 1rem; }\n .highlight-text { border-right: 2px solid #D4AF37; padding-left: 10px; color: #fff !important; font-weight: 500; }\n\n \/* 5. Tech Dossier *\/\n .dossier-list { display: flex; flex-direction: column; gap: 1.5rem; }\n .tech-card { flex-direction: column; text-align: center; padding: 2.5rem; gap: 1.5rem; }\n @media (min-width: 768px) {\n .tech-card { flex-direction: row; text-align: left; }\n }\n .tech-icon-wrapper {\n flex: 0 0 80px; height: 80px; background: rgba(255, 255, 255, 0.03); border-radius: 20px;\n display: flex; align-items: center; justify-content: center; border: 1px solid rgba(212, 175, 55, 0.1);\n margin: 0 auto;\n }\n .tech-info { flex: 1; }\n .tech-info h4 { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; }\n .tech-info h5 { font-size: 1.1rem; margin-bottom: 1rem; color: #D4AF37; }\n .tech-info p { color: #aaa; font-size: 0.95rem; line-height: 1.6; }\n \n .glass-alert {\n display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem;\n background: rgba(30, 15, 15, 0.6); border: 1px dashed #D4AF37; border-radius: 16px;\n text-align: center;\n }\n @media (min-width: 768px) {\n .glass-alert { flex-direction: row; text-align: left; }\n }\n .alert-icon {\n width: 45px; height: 45px; border-radius: 50%; background: #D4AF37; color: #000;\n display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.5rem; flex-shrink: 0;\n }\n\n \/* 6. Tables *\/\n .table-container {\n overflow-x: auto;\n border-radius: 16px;\n border: 1px solid rgba(212, 175, 55, 0.3);\n background: rgba(30, 15, 15, 0.4);\n backdrop-filter: blur(16px);\n }\n .luxury-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n }\n .luxury-table th {\n background: rgba(212, 175, 55, 0.1);\n color: #D4AF37;\n padding: 1.5rem;\n font-weight: 800;\n border-bottom: 2px solid rgba(212, 175, 55, 0.3);\n }\n .luxury-table td {\n padding: 1.5rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n color: #ddd;\n }\n .luxury-table tr:hover td {\n background: rgba(255, 255, 255, 0.02);\n }\n\n \/* 7. Usage Cards (AM\/PM) *\/\n .usage-card { align-items: flex-start; text-align: left; padding: 3rem 2rem; position: relative; overflow: hidden; }\n .time-badge {\n display: inline-block; background: #fff; color: #000; padding: 5px 15px; border-radius: 20px;\n font-weight: bold; margin-bottom: 2rem; font-size: 0.9rem;\n }\n .time-badge.dark { background: #111; color: #D4AF37; border: 1px solid #D4AF37; }\n .step-list { list-style: none; padding: 0; margin: 0; }\n .step-list li { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; }\n .step-number {\n width: 35px; height: 35px; flex-shrink: 0; background: linear-gradient(135deg, #bf953f, #b38728);\n color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-weight: bold; font-family:monospace; font-size: 1.1rem;\n }\n .step-content h4 { font-size: 1.1rem; margin-bottom: 0.3rem; }\n .step-content p { font-size: 0.9rem; color: #aaa; margin: 0; }\n\n \/* 9. Final CTA *\/\n .cta-panel { display: flex; flex-direction: column; align-items: center; padding: 0; overflow: hidden; background: rgba(212, 175, 55, 0.05); }\n @media (min-width: 992px) {\n .cta-panel { flex-direction: row; }\n }\n .cta-content { flex: 1; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .cta-content { text-align: left; }\n }\n .cta-image { flex: 1; height: 100%; display: flex; align-items: stretch;}\n .cta-image img { width: 100%; object-fit: cover; border-right: 2px solid rgba(212, 175, 55, 0.3); min-height: 400px; }\n @media (max-width: 992px) {\n .cta-image img { border-right: none; border-top: 2px solid rgba(212, 175, 55, 0.3); }\n .lead-text { border-right: none; padding-left: 0; border-top: 3px solid #D4AF37; padding-top: 1.5rem; }\n }\n\u003c\/style\u003e\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -30px 0px\"\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const revealElements = document.querySelectorAll('.glass-reveal');\n revealElements.forEach(el =\u003e {\n observer.observe(el);\n });\n});\n\u003c\/script\u003e\n","brand":"Some by Mi","offers":[{"title":"Default Title","offer_id":47935372329134,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/59.jpg?v=1788175184"},{"product_id":"capixy-dandruff-conditioner","title":"Acondicionador Capxi, suaviza e hidrata el cabello propenso a la caspa, 250 ml","description":"\u003cdiv class=\"cpx-conditioner-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* =========================================\n CAPIXY CONDITIONER - DEEP GREEN LUXURY (ARABIC)\n ========================================= *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900\u0026family=Tajawal:wght@500;700;900\u0026display=swap');\n\n .cpx-conditioner-wrapper {\n --cpx-bg-dark: #010d06; \n --cpx-bg-card: rgba(4, 30, 15, 0.75); \n --cpx-green-main: #00ff88; \n --cpx-green-dark: #008f4c; \n --cpx-gold-main: #ffd700; \n \n --cpx-text-title: #ffffff; \n --cpx-text-body: #ffffff; \n \n --cpx-border: rgba(0, 255, 136, 0.3);\n\n background-color: var(--cpx-bg-dark);\n color: var(--cpx-text-body);\n font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n padding: 50px 0;\n border-radius: 24px;\n box-shadow: 0 0 100px rgba(0, 255, 136, 0.05) inset;\n }\n\n .cpx-conditioner-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n \/* --- STREAMING_CHUNK:Styling Neon Text \u0026 Ambient Background... --- *\/\n .neon-green {\n color: var(--cpx-green-main) !important;\n text-shadow: 0 0 10px rgba(0, 255, 136, 0.8), 0 0 20px rgba(0, 255, 136, 0.5);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--cpx-gold-main) !important;\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.5);\n font-weight: 900;\n }\n\n .cpx-container { max-width: 1100px; margin: 0 auto; padding: 0 25px; position: relative; z-index: 2; }\n\n .cpx-ambient-bg {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n background: radial-gradient(circle at 15% 25%, rgba(0, 255, 136, 0.07) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255, 215, 0, 0.05) 0%, transparent 50%);\n z-index: 1; pointer-events: none;\n }\n\n \/* --- STREAMING_CHUNK:Building CSS Art for Hydration Drop... --- *\/\n .cpx-css-art-container {\n width: 100%; height: 300px; display: flex; align-items: center; justify-content: center;\n margin: 40px 0; position: relative;\n }\n\n .cpx-hydration-drop {\n width: 120px; height: 120px;\n background: linear-gradient(135deg, rgba(0, 255, 136, 0.8), rgba(0, 143, 76, 0.9));\n border-radius: 50% 50% 50% 5px; \/* Tear drop shape *\/\n transform: rotate(-45deg);\n box-shadow: 0 0 50px rgba(0, 255, 136, 0.5), inset 20px 20px 40px rgba(255,255,255,0.3);\n position: relative; z-index: 3;\n animation: pulseDrop 3s infinite ease-in-out alternate;\n display: flex; align-items: center; justify-content: center;\n }\n\n .cpx-hydration-drop svg {\n transform: rotate(45deg); \/* Correct the icon inside the drop *\/\n }\n\n .cpx-ring {\n position: absolute; border-radius: 50%; border: 2px dashed rgba(255, 215, 0, 0.5);\n width: 200px; height: 200px; animation: spinRing 10s linear infinite; z-index: 2;\n }\n\n @keyframes pulseDrop {\n 0% { transform: rotate(-45deg) scale(0.95); box-shadow: 0 0 30px rgba(0, 255, 136, 0.4); }\n 100% { transform: rotate(-45deg) scale(1.05); box-shadow: 0 0 60px rgba(0, 255, 136, 0.8); }\n }\n @keyframes spinRing { 100% { transform: rotate(360deg); } }\n\n \/* --- STREAMING_CHUNK:Styling Headings \u0026 Glass Panels... --- *\/\n .cpx-title-glow {\n display: block; width: 100%; font-size: clamp(30px, 5vw, 46px); font-weight: 900;\n text-align: center; margin-bottom: 25px; line-height: 1.4; color: var(--cpx-text-title);\n text-shadow: 0 0 15px rgba(0, 255, 136, 0.6); letter-spacing: -0.5px;\n }\n\n .cpx-section-title {\n display: flex; align-items: center; justify-content: center; gap: 15px;\n width: 100%; font-size: clamp(24px, 4vw, 34px); font-weight: 900;\n color: var(--cpx-text-title); text-align: center; margin: 70px auto 40px; line-height: 1.5;\n }\n\n .cpx-section-title::before, .cpx-section-title::after {\n content: ''; display: block; width: 50px; height: 4px;\n background: var(--cpx-green-main); border-radius: 4px; box-shadow: 0 0 10px var(--cpx-green-main);\n }\n\n .cpx-glass-panel {\n background: linear-gradient(135deg, rgba(4, 30, 15, 0.9), rgba(2, 15, 8, 0.95));\n border: 1px solid var(--cpx-border); border-radius: 24px; padding: 40px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8); text-align: center; margin: 60px 0; position: relative; overflow: hidden;\n }\n \n .cpx-glass-panel::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\n background: linear-gradient(90deg, var(--cpx-green-main), var(--cpx-gold-main));\n }\n\n \/* --- STREAMING_CHUNK:Creating Interactive Ingredient Grid... --- *\/\n .cpx-ingredients-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin: 40px 0; text-align: left;\n }\n\n .cpx-ing-card {\n background: var(--cpx-bg-card); border: 1px solid var(--cpx-border); border-radius: 20px;\n padding: 30px; position: relative; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n backdrop-filter: blur(15px); display: flex; flex-direction: column; gap: 15px; cursor: crosshair;\n }\n\n .cpx-ing-card::after {\n content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 2px;\n background: linear-gradient(135deg, var(--cpx-green-main), transparent);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.4s ease;\n }\n\n .cpx-ing-card:hover {\n transform: translateY(-10px); background: rgba(6, 45, 22, 0.85); box-shadow: 0 15px 40px rgba(0, 255, 136, 0.15);\n }\n\n .cpx-ing-card:hover::after { opacity: 1; }\n\n .cpx-ing-header { display: flex; align-items: center; gap: 15px; position: relative; z-index: 2; }\n\n .cpx-ing-icon {\n width: 55px; height: 55px; min-width: 55px; background: rgba(0, 255, 136, 0.1);\n border: 1px solid rgba(0, 255, 136, 0.4); border-radius: 14px; display: flex; align-items: center; justify-content: center;\n color: var(--cpx-green-main); transition: all 0.4s ease;\n }\n\n .cpx-ing-card:hover .cpx-ing-icon {\n background: var(--cpx-green-main); color: #000; transform: rotate(10deg) scale(1.1);\n box-shadow: 0 0 20px var(--cpx-green-main); border-color: transparent;\n }\n\n .cpx-ing-name { font-size: 1.4rem; font-weight: 900; color: #ffffff; font-family:monospace; letter-spacing: 0.5px; }\n .cpx-ing-desc { font-size: 1.15rem; color: #ffffff; font-weight: 700; line-height: 1.7; position: relative; z-index: 2; }\n\n \/* --- STREAMING_CHUNK:Steps \u0026 CTA Setup... --- *\/\n .cpx-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 40px 0; text-align: center; }\n .cpx-step-card { background: rgba(0,0,0,0.4); border: 1px dashed var(--cpx-green-main); border-radius: 16px; padding: 30px 20px; }\n .cpx-cta-box {\n background: linear-gradient(180deg, rgba(0, 255, 136, 0.1) 0%, rgba(4, 30, 15, 0.9) 100%);\n border: 2px solid var(--cpx-green-main); border-radius: 24px; padding: 60px 30px; text-align: center;\n margin-top: 60px; box-shadow: 0 0 50px rgba(0, 255, 136, 0.15); position: relative; overflow: hidden;\n }\n\n .cpx-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .cpx-reveal.cpx-active { opacity: 1; transform: translateY(0); }\n .cpx-delay-1 { transition-delay: 0.15s; }\n .cpx-delay-2 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .cpx-conditioner-wrapper { padding: 30px 0; }\n .cpx-title-glow { font-size: 28px; }\n .cpx-section-title { font-size: 22px; flex-direction: column; gap: 10px; }\n .cpx-glass-panel { padding: 25px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"cpx-ambient-bg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cpx-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"cpx-reveal cpx-active\" style=\"text-align: center; padding-top: 20px;\"\u003e\n\u003cdiv style=\"display: inline-block; background: rgba(0, 255, 136, 0.15); border: 1px solid var(--cpx-green-main); color: #ffffff; padding: 10px 30px; border-radius: 40px; font-weight: 900; font-size: 1.1rem; margin-bottom: 30px; box-shadow: 0 0 20px rgba(0, 255, 136, 0.2);\"\u003e\n Hidratación profunda sin sobrecargar el cuero cabelludo 💧\n \u003c\/div\u003e\n\u003ch1 class=\"cpx-title-glow\"\u003e\n Bálsamo Capexi para tratar la caspa\u003cbr\/\u003e\n\u003cspan class=\"neon-green\"\u003eAlivia el cuero cabelludo y desenreda el cabello\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp style=\"font-size: 1.3rem; color: #ffffff; font-weight: 700; max-width: 850px; margin: 0 auto 50px; line-height: 1.8;\"\u003e\n El complemento perfecto para tu rutina de tratamiento de la caspa. Restaura la humedad vital y\u003cspan class=\"neon-gold\"\u003eRefuerza la barrera del cuero cabelludo\u003c\/span\u003e Sin apelmazar el cabello ni irritar de nuevo la caspa.\n \u003c\/p\u003e\n\u003c!-- CSS Art Centerpiece (Hydration Drop) --\u003e\n\u003cdiv class=\"cpx-css-art-container\"\u003e\n\u003cdiv class=\"cpx-ring\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cpx-hydration-drop\"\u003e\n\u003csvg fill=\"none\" height=\"40\" stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"40\"\u003e\n\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem \u0026 Smart Solution --\u003e\n\u003cdiv class=\"cpx-glass-panel cpx-reveal\"\u003e\n\u003ch2 style=\"font-size: 1.8rem; font-weight: 900; color: #ffffff; margin-bottom: 20px;\"\u003e\n El dilema del bálsamo: \u003cspan class=\"neon-gold\"\u003eHidratación vs. caspa\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.25rem; color: #ffffff; font-weight: 700; margin-bottom: 30px;\"\u003e\n La mayoría de los acondicionadores comunes están llenos de siliconas pesadas que obstruyen los poros del cuero cabelludo y aumentan la caspa. Por otro lado, descuidar el uso del acondicionador después de lavar el cabello lo dejará seco \u003cspan style=\"color: #ff2a7a; text-shadow: 0 0 10px rgba(255,42,122,0.8); font-weight: 900;\"\u003eSecos, opacos y enredados\u003c\/span\u003e.\n \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(0, 255, 136, 0.08); border: 2px dashed var(--cpx-green-main); border-radius: 16px; padding: 30px;\"\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003eSolución con Capexy: \u003cspan class=\"neon-green\"\u003eHumectante completamente seguro para el cuero cabelludo\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp style=\"color: #ffffff; font-weight: 700; font-size: 1.2rem;\"\u003e\n Fórmula diseñada científicamente para proporcionar \u003cspan class=\"neon-gold\"\u003eNutrición intensa y desenredado instantáneo\u003c\/span\u003e Para tu cabello, apoyando activamente un ambiente del cuero cabelludo equilibrado completamente libre de molesta caspa.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Ingredients Grid --\u003e\n\u003ch2 class=\"cpx-section-title cpx-reveal\"\u003eCompuesto sinérgico de reparación\u003c\/h2\u003e\n\u003cp class=\"cpx-reveal\" style=\"text-align: center; color: #ffffff; font-weight: 900; font-size: 1.3rem; margin-bottom: 40px;\"\u003e\n Diseñado para hidratar y suavizar el cabello manteniendo las defensas del cuero cabelludo.\n \u003c\/p\u003e\n\u003cdiv class=\"cpx-ingredients-grid\"\u003e\n\u003c!-- Ceramides Grouped --\u003e\n\u003cdiv class=\"cpx-ing-card cpx-reveal\" style=\"border-color: var(--cpx-gold-main);\"\u003e\n\u003cdiv class=\"cpx-ing-header\"\u003e\n\u003cdiv class=\"cpx-ing-icon\" style=\"color: var(--cpx-gold-main); border-color: var(--cpx-gold-main);\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003crect height=\"11\" rx=\"2\" ry=\"2\" width=\"18\" x=\"3\" y=\"11\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-name neon-gold\"\u003eTriple Ceramide \u003cbr\/\u003e\u003cspan style=\"font-size: 1rem;\"\u003e(NP, AP, EOP)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cpx-ing-desc\" style=\"font-size: 1.05rem;\"\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Hidrata en profundidad el cabello y el cuero cabelludo.\u003cbr\/\u003e\n\u003cstrong\u003eCeramide AP:\u003c\/strong\u003e Mejora la protección contra agentes irritantes.\u003cbr\/\u003e\n\u003cstrong\u003eCeramide EOP:\u003c\/strong\u003e Retiene la humedad para prevenir las puntas secas y frágiles.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-1\"\u003e\n\u003cdiv class=\"cpx-ing-header\"\u003e\n\u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\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\u003cdiv class=\"cpx-ing-name neon-gold\"\u003eApiscalp™\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cpx-ing-desc\"\u003eAyuda en \u003cspan class=\"neon-green\"\u003eReequilibrar y calmar\u003c\/span\u003e El cuero cabelludo, para garantizar que la fase de hidratación no lleve a la reaparición de la caspa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-2\"\u003e\n\u003cdiv class=\"cpx-ing-header\"\u003e\n\u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpolyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-name neon-gold\"\u003eSaw Palmetto\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cpx-ing-desc\"\u003eEl extracto de palma para aserrar apoya \u003cspan class=\"neon-green\"\u003eVitalidad del cuero cabelludo\u003c\/span\u003e Fortalece los hilos del cabello haciéndolos más gruesos y saludables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-card cpx-reveal\"\u003e\n\u003cdiv class=\"cpx-ing-header\"\u003e\n\u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-name neon-gold\"\u003eMillet Seed Extract\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cpx-ing-desc\"\u003eRico en nutrientes, ayuda... \u003cspan class=\"neon-green\"\u003eNutrir el cabello desde el interior\u003c\/span\u003eMejora la textura del cabello y la facilidad para peinarlo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-1\"\u003e\n\u003cdiv class=\"cpx-ing-header\"\u003e\n\u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline x1=\"16\" x2=\"2\" y1=\"8\" y2=\"22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-name neon-gold\"\u003eTea Tree Oil\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cpx-ing-desc\"\u003eProporciona efecto \u003cspan class=\"neon-green\"\u003ePurificación delicada\u003c\/span\u003ePara mantener el cuero cabelludo fresco y limpio incluso después de la ducha.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-2\"\u003e\n\u003cdiv class=\"cpx-ing-header\"\u003e\n\u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\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\u003cdiv class=\"cpx-ing-name neon-gold\"\u003eSalicylic Acid (Trace)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cpx-ing-desc\"\u003eAgregado en una proporción precisa y estudiada para garantizar \u003cspan class=\"neon-green\"\u003eNo dejes acumulaciones\u003c\/span\u003e En la piel después de la aplicación de hidratación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Usage Protocol --\u003e\n\u003ch2 class=\"cpx-section-title cpx-reveal\"\u003eLa rutina hidratante perfecta\u003c\/h2\u003e\n\u003cdiv class=\"cpx-steps-grid cpx-reveal\"\u003e\n\u003cdiv class=\"cpx-step-card\"\u003e\n\u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e01 Lavado\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eLavar y limpiar primero el cabello con el champú anticaspa Capexi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-step-card\"\u003e\n\u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e02 aplicación\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eAplica una cantidad generosa de acondicionador, concentrándote principalmente en la parte media del cabello y en las puntas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-step-card\"\u003e\n\u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e03 Esperar\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eDéjalo por un rato \u003cspan class=\"neon-gold\"\u003e1 a 3 minutos\u003c\/span\u003e Para desenredar y penetrar en profundidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpx-step-card\"\u003e\n\u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e04 Enjuague\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eEnjuaga bien. Nota cómo los dedos se mueven fácilmente entre los mechones de cabello sedoso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Final Powerful CTA --\u003e\n\u003cdiv class=\"cpx-cta-box cpx-reveal\"\u003e\n\u003cdiv style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; background: radial-gradient(circle, rgba(0,255,136,0.15) 0%, transparent 70%); animation: pulseDrop 4s infinite alternate; z-index: 0; pointer-events: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: relative; z-index: 1;\"\u003e\n\u003ch2 style=\"font-size: clamp(28px, 5vw, 42px); font-weight: 900; color: #ffffff; margin-bottom: 25px;\"\u003e\n\u003cspan class=\"neon-gold\"\u003eCompleta tu rutina saludable y di adiós a la caspa\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3rem; color: #ffffff; font-weight: 700; max-width: 800px; margin: 0 auto 35px; line-height: 1.8;\"\u003e\n No dejes que tu acondicionador habitual arruine todo lo que has hecho con tu champú anticaspa. \u003cbr\/\u003e\n El acondicionador Capexi te garantiza \u003cspan class=\"neon-green\"\u003eUltra suave e hidratante\u003c\/span\u003e Sin dañar la salud del cuero cabelludo o causar de nuevo la caspa.\n \u003c\/p\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 1.8rem; font-weight: 900; margin-bottom: 0;\"\u003e\n Bloquea la humedad en tu cabello, y\u003cspan class=\"neon-green\"\u003e¡Expulsa la caspa!\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n const reveals = document.querySelectorAll('.cpx-reveal');\n const revealOptions = { root: null, threshold: 0.1, rootMargin: \"0px 0px -40px 0px\" };\n\n const revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('cpx-active');\n observer.unobserve(entry.target); \n }\n });\n }, revealOptions);\n\n reveals.forEach(function(reveal) {\n revealObserver.observe(reveal);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":49341265379502,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1_1_7bc95a72-1b34-4162-8bdb-d6a04282893b.jpg?v=1789089540"},{"product_id":"dermacy-firming-hydrating-eye-cream-15ml","title":"Crema de ojos reafirmante e hidratante Dermacy 15ml","description":"\u003cstyle\u003e\n#dmeye{--bg:#031518;--card:rgba(7,38,43,.74);--line:rgba(94,214,206,.22);--rs:#5ed6ce;--ice:#d3f7f3;--gold:#f6b99a;--txt:#effcfb;--mut:#9fc7c4;position:relative;border-radius:28px;background:radial-gradient(circle at 50% 0%,#0a3a40 0%,#031518 62%);color:var(--txt);font-family:'Tajawal','Cairo',system-ui,-apple-system,'SegoeUI',sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align: left;}\n#dmeye *{box-sizing:border-box}\n#dmeye .orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.28;pointer-events:none;animation:deFloat 18s ease-in-out infinite alternate}\n#dmeye .o1{width:420px;height:420px;background:#0e8b87;top:-80px;right:-100px}\n#dmeye .o2{width:380px;height:380px;background:#c9794f;top:48%;left:-120px;opacity:.12;animation-delay:-6s}\n#dmeye .o3{width:460px;height:460px;background:#0a5f63;bottom:-120px;right:10%;opacity:.24;animation-delay:-11s}\n@keyframes deFloat{0%{transform:translate(0,0)}100%{transform:translate(30px,40px)}}\n@keyframes dePulse{0%,100%{opacity:.55}50%{opacity:1}}\n@keyframes deRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n#dmeye .band{position:relative;z-index:2}#dmeye .band.a{background:rgba(2,14,17,.82)}#dmeye .band.b{background:linear-gradient(180deg,#0b3a40,#0f4f56);border-top:1px solid rgba(94,214,206,.14);border-bottom:1px solid rgba(94,214,206,.14)}\n#dmeye .band.b .card,#dmeye .band.b .step,#dmeye .band.b .tl,#dmeye .band.b details,#dmeye .band.b .panel,#dmeye .band.b .fb\u003ediv{background:rgba(2,18,21,.55)}\n#dmeye .sec{position:relative;max-width:1080px;margin:0 auto;padding:3.4rem 1.4rem;animation:deRise .9s ease both}\n#dmeye .badge{display:inline-flex;gap:.5rem;align-items:center;padding:.4rem 1rem;border:1px solid var(--line);border-radius:99px;background:rgba(94,214,206,.08);color:var(--rs);font-size:.95rem;font-weight:700}\n#dmeye .badge i{width:8px;height:8px;border-radius:50%;background:var(--rs);animation:dePulse 2s infinite}\n#dmeye .eyebrow{color:var(--gold);font-weight:700;margin:1.1rem 0 .3rem;font-size:1.05rem}\n#dmeye h1{font-size:clamp(1.9rem,5.4vw,3.1rem);line-height:1.35;font-weight:800;margin:.2rem 0 1rem;color:#fff}\n#dmeye h2{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.45;font-weight:800;margin:.2rem 0 .8rem;color:#fff}\n#dmeye h1 em,#dmeye h2 em{font-style:normal;background:linear-gradient(90deg,var(--rs),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}\n#dmeye h3{font-size:1.15rem;margin:.2rem 0 .4rem;color:var(--rs);font-weight:800}\n#dmeye p{margin:.4rem 0;color:var(--txt);font-size:1.05rem}\n#dmeye .mut{color:var(--mut)}\n#dmeye .hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}\n#dmeye .chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}\n#dmeye .chip{padding:.45rem .95rem;border-radius:12px;border:1px solid var(--line);background:var(--card);font-size:.92rem;font-weight:700;color:var(--ice)}\n#dmeye .head{text-align:center;max-width:760px;margin:0 auto 2rem}\n#dmeye .rule{height:3px;width:64px;margin:.9rem auto 0;border-radius:3px;background:linear-gradient(90deg,var(--rs),var(--gold))}\n#dmeye .panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.6rem;backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.55)}\n#dmeye .grid{display:grid;gap:1.1rem}#dmeye .g3{grid-template-columns:repeat(3,1fr)}\n#dmeye .card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.4rem;transition:transform .35s,border-color .35s}\n#dmeye .card:hover{transform:translateY(-6px);border-color:rgba(94,214,206,.5)}\n#dmeye .ico{margin-bottom:.5rem}#dmeye .ic{width:34px;height:34px;display:block}\n#dmeye .tag{display:inline-block;font-size:.78rem;color:var(--gold);border:1px solid rgba(246,185,154,.35);border-radius:8px;padding:.05rem .5rem;margin-bottom:.4rem;font-weight:700}\n#dmeye .split{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:center}\n#dmeye ul.ck{list-style:none;padding:0;margin:.6rem 0}\n#dmeye ul.ck li{position:relative;padding:.55rem 2rem .55rem 0;border-bottom:1px dashed rgba(94,214,206,.18)}\n#dmeye ul.ck li:before{content:'';position:absolute;right:.15rem;top:.95rem;width:.9rem;height:.45rem;border-right:2.5px solid var(--rs);border-bottom:2.5px solid var(--rs);transform:rotate(-45deg) scale(.9)}\n#dmeye .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}\n#dmeye .step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.2rem}\n#dmeye .step b{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--rs),var(--ice));color:#04262a;font-weight:800;margin-bottom:.5rem}\n#dmeye .time{display:grid;gap:.9rem}\n#dmeye .tl{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem}\n#dmeye .tl span{color:var(--gold);font-weight:800}\n#dmeye .warn{border:1px solid rgba(246,185,154,.4);background:linear-gradient(135deg,rgba(246,185,154,.09),rgba(246,185,154,.02));border-radius:22px;padding:1.5rem}\n#dmeye .warn h3{color:var(--gold)}\n#dmeye details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.9rem 1.2rem;margin:.7rem 0}\n#dmeye summary{cursor:pointer;font-weight:800;color:#fff;font-size:1.05rem}\n#dmeye details p{margin-top:.6rem;color:var(--mut)}\n#dmeye .cta{text-align:center;background:linear-gradient(135deg,rgba(94,214,206,.13),rgba(246,185,154,.07));border:1px solid var(--line);border-radius:26px;padding:2.4rem 1.4rem}\n#dmeye .trust{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.2rem}\n#dmeye .trust span{font-size:.9rem;padding:.4rem .9rem;border-radius:99px;border:1px solid var(--line);background:rgba(2,18,21,.6);color:var(--ice);font-weight:700}\n#dmeye .inci{font-size:.8rem;color:var(--mut);direction:ltr;text-align:left;line-height:1.7;margin-top:.8rem}\n#dmeye .fb{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}\n#dmeye .fb\u003ediv{border-radius:18px;padding:1.2rem;border:1px solid var(--line);background:var(--card)}\n#dmeye .fb .g{border-color:rgba(94,214,206,.45)}#dmeye .fb .n{border-color:rgba(246,185,154,.45)}\n#dmeye .big{font-size:2.4rem;font-weight:800;color:var(--gold);direction:ltr;text-align: left;line-height:1.2;margin:.2rem 0}\n#dmeye .ph{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(94,214,206,.3);box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 6px rgba(94,214,206,.05)}\n#dmeye .ph img{width:100%;height:auto;display:block;aspect-ratio:1\/1;object-fit:cover}\n#dmeye .ph .lb{position:absolute;bottom:.8rem;right:.8rem;background:rgba(2,18,21,.8);border:1px solid rgba(246,185,154,.45);color:var(--gold);border-radius:99px;padding:.3rem .95rem;font-size:.85rem;font-weight:800}\n#dmeye .ctaimg{max-width:360px;margin:0 auto 1.4rem}\n#dmeye .pt{position:absolute;border-radius:50%;background:var(--rs);opacity:0;pointer-events:none;animation:deUp 9s linear infinite;z-index:1}\n@keyframes deUp{0%{transform:translateY(0);opacity:0}15%{opacity:.7}100%{transform:translateY(-380px);opacity:0}}\n@media(max-width:820px){#dmeye .hero,#dmeye .split,#dmeye .g3,#dmeye .steps,#dmeye .fb{grid-template-columns:1fr}#dmeye .tl{grid-template-columns:1fr}#dmeye .sec{padding:2.2rem 1rem}}\n@media(prefers-reduced-motion:reduce){#dmeye *{animation:none!important}}\n\u003c\/style\u003e\n\u003cdiv dir=\"ltr\" id=\"dmeye\"\u003e\n\u003cspan class=\"pt\" style=\"left:8%;bottom:40px;width:4px;height:4px;animation-delay:0s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:30%;bottom:160px;width:6px;height:6px;animation-delay:-3s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:55%;bottom:240px;width:5px;height:5px;animation-delay:-2s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:78%;bottom:60px;width:4px;height:4px;animation-delay:-7s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:92%;bottom:200px;width:6px;height:6px;animation-delay:-4s\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"orb o1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"orb o2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"orb o3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"band a\"\u003e\u003cheader class=\"sec\"\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"badge\"\u003e\u003ci\u003e\u003c\/i\u003e Ácido hialurónico • Colágeno • Cafeína\u003c\/span\u003e\n\u003cdiv class=\"eyebrow\"\u003eCrema de ojos hidratante y reafirmante \u003cbdi\u003eDermacy Laboratories\u003c\/bdi\u003e\n\u003c\/div\u003e\n\u003ch1\u003eLas ojeras no piden permiso antes de aparecer. \u003cem\u003ePrecederlo con una crema ligera que hidrate y reafirme\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp\u003eGeneroso \u003cbdi\u003eDermacy Eye Cream\u003c\/bdi\u003e Él recoge \u003cstrong\u003eÁcido hialurónico\u003c\/strong\u003e Y\u003cstrong\u003eColágeno\u003c\/strong\u003e Y\u003cstrong\u003eCafeína\u003c\/strong\u003e En un frasco airless de 15 ml. Su textura es ligera y se absorbe rápidamente, y está diseñada para ayudar a hidratar la zona de los ojos y mejorar el aspecto de las ojeras e hinchazón, según los datos de la marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eÁcido hialurónico\u003c\/span\u003e\u003cspan class=\"chip\"\u003eColágeno\u003c\/span\u003e\u003cspan class=\"chip\"\u003eCafeína\u003c\/span\u003e\u003cspan class=\"chip\"\u003eTextura ligera y de rápida absorción\u003c\/span\u003e\u003cspan class=\"chip\"\u003e15 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg alt=\"Crema de ojos Hidratante y Reafirmante Dermasie sobre una superficie de piedra y fondo turquesa\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/eff5fbf8-850e-4bfc-ab09-d44be2665edd.jpg\"\/\u003e\u003cspan class=\"lb\"\u003e15 ml | Airless\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c\/div\u003e\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eAntes de la solución\u003c\/div\u003e\n\u003ch2\u003e¿Por qué el área de los ojos? \u003cem\u003e¿Te expone antes que en otro lugar?\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eLa piel alrededor de los ojos es una de las más finas del cuerpo y contiene menos glándulas sebáceas que el resto del rostro. Es por esto que se seca rápidamente y comienza a parecer cansada y agotada antes que cualquier otra parte.\u003c\/p\u003e\n\u003cp\u003eCon el tiempo, la falta de sueño, las pantallas, el sol y la deshidratación deterioran esta área \u003cstrong\u003ePiel oscura, a veces hinchada y cansada\u003c\/strong\u003eAunque todavía estés cómodo.\u003c\/p\u003e\n\u003cp\u003eEsta área necesita \u003cstrong\u003eLa hidratación es lo primero\u003c\/strong\u003eLuego hay ingredientes que apoyan su elasticidad y mejoran su apariencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg alt=\"Crema de ojos Dermasie con gotas de ácido hialurónico y textura cremosa\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/5ba80087-8558-47e9-a606-100287afa9d3.jpg\"\/\u003e\u003cspan class=\"lb\"\u003eHidratante. Tonificar. Reducir la hinchazón\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eIdea de producto\u003c\/div\u003e\n\u003ch2\u003eTres trabajos, \u003cem\u003eCon un clic\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\" style=\"margin-bottom:1.8rem\"\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg alt=\"Tres ingredientes activos: ácido hialurónico, colágeno y cafeína en la Crema Contorno de Ojos Dermasie\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/60c5f2a8-0cdf-4e7a-8a86-bc15007e9f57.jpg\"\/\u003e\u003cspan class=\"lb\"\u003e3 principios activos clave\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv\u003e\n\u003ch3\u003eNo cualquier crema\u003c\/h3\u003e\n\u003cp\u003eLa marca lo propone como crema de ojos que hidrata, apoya la elasticidad y cuida las ojeras y la hinchazón. La fórmula se basa en tres conocidos ingredientes para el tratamiento contorno de ojos.\u003c\/p\u003e\n\u003cp\u003eSu textura es ligera, por lo que se absorbe rápidamente y no deja sensación de pesadez bajo los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid g3\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ico\"\u003e\u003csvg class=\"ic\" fill=\"none\" stroke=\"#5ed6ce\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eHidratante y voluminizador\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003e\u003cbdi\u003eHyaluronic Acid\u003c\/bdi\u003e Ayuda a la piel a retener la humedad y hace que las manos estén más suaves y tersas, según la marca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ico\"\u003e\u003csvg class=\"ic\" fill=\"none\" stroke=\"#5ed6ce\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3v18M5 8c3 2 11 2 14 0M5 16c3-2 11-2 14 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eFlexibilidad y barrera más fuerte\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eEl colágeno se menciona en la fórmula para apoyar la elasticidad de la piel y su barrera protectora, según los datos de la marca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ico\"\u003e\u003csvg class=\"ic\" fill=\"none\" stroke=\"#5ed6ce\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eOjeras e hinchazón\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eLa cafeína es conocida por su sensación refrescante y la marca la ofrece para ayudar con la aparición de ojeras e hinchazón.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003e¿Qué hay dentro del paquete?\u003c\/div\u003e\n\u003ch2\u003eLigero sobre la piel, \u003cem\u003eCada componente tiene una función\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\" style=\"margin-bottom:1.8rem\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eTextura ligera y cremosa que se extiende fácilmente\u003c\/h3\u003e\n\u003cp\u003eUna pequeña cantidad es suficiente para ambos ojos. Esta textura ligera facilita la aplicación sin tirar de la piel delicada y se absorbe rápidamente.\u003c\/p\u003e\n\u003cp class=\"mut\"\u003eEl embalaje tiene íconos que indican que el producto está dermatológicamente probado, es hipoalergénico, sin parabenos y libre de crueldad, y no ha sido probado en animales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg alt=\"Textura de la crema contorno de ojos ligera junto al envase\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/96a94378-1f9e-4eaf-8096-e4b98d7221ab.jpg\"\/\u003e\u003cspan class=\"lb\"\u003eTextura ligera\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid g3\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"tag\"\u003eHidratante\u003c\/span\u003e\u003cbr\/\u003e\n\u003ch3\u003eÁcido hialurónico\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eUn ingrediente hidratante conocido por atraer agua, mis manos parecen más suaves.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"tag\"\u003eFlexibilidad\u003c\/span\u003e\u003cbr\/\u003e\n\u003ch3\u003eColágeno\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eSegún la marca, se afirma que apoya la apariencia de una piel más tonificada y elástica y fortalece la barrera hidrolipídica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"tag\"\u003eRecuperación\u003c\/span\u003e\u003cbr\/\u003e\n\u003ch3\u003eCafeína\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eAporta una sensación de frescura y se utiliza en las cremas para ojos para la apariencia de ojeras e hinchazón.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"inci\"\u003e\u003cstrong\u003eBrand-listed actives:\u003c\/strong\u003e Hyaluronic Acid, Collagen, Caffeine. The full ingredient list is printed on the pack.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"head\" style=\"margin-bottom:1rem\"\u003e\n\u003cdiv class=\"eyebrow\"\u003e¿Esta es tu crema?\u003c\/div\u003e\n\u003ch2\u003eEstoy seguro \u003cem\u003e5 puntos\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eTus ojos parecen cansados o apagados, incluso cuando duermes bien.\u003c\/li\u003e\n\u003cli\u003e¿Te despiertas con una ligera hinchazón, especialmente después de haber estado despierto hasta tarde?\u003c\/li\u003e\n\u003cli\u003eLa piel de tus ojos se seca fácilmente y necesita verdadera hidratación.\u003c\/li\u003e\n\u003cli\u003eQuiero una crema ligera que no deje una sensación pesada o pegajosa.\u003c\/li\u003e\n\u003cli\u003ePuedes dar un paso simple para incluir en tu rutina de la mañana o de la noche.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg alt=\"Crema de ojos Dermasie en el estante del baño en mi rutina diaria\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/96184b4c-6d24-4547-a554-0a9c36c77a70.jpg\"\/\u003e\u003cspan class=\"lb\"\u003eParte de tu rutina\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003e¿Qué esperar?\u003c\/div\u003e\n\u003ch2\u003eNo magia en una noche, \u003cem\u003ePero notarás una diferencia a medida que continúes\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"mut\"\u003eLos resultados varían de persona a persona según la causa, el tipo de piel y la regularidad de uso.\u003c\/p\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg alt=\"Da palmaditas suavemente la crema contorno de ojos debajo del ojo\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/135d52c7-65c5-40b9-885d-130db8729181.jpg\"\/\u003e\u003cspan class=\"lb\"\u003eEducación delicada\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv class=\"time\"\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cspan\u003eDesde el primer uso\u003c\/span\u003e\n\u003cdiv\u003eUna sensación de ligereza e hidratación alrededor de los ojos, y la crema se absorbe rápidamente.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cspan\u003eAproximadamente dos semanas después\u003c\/span\u003e\n\u003cdiv\u003eLa piel a menudo parece más suave e hidratada y el área parece más cómoda.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cspan\u003eY continuar\u003c\/span\u003e\n\u003cdiv\u003eEl aspecto de las ojeras y la hinchazón puede mejorar gradualmente, porque las ojeras tienen muchas causas y requieren tiempo.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eCómo usar\u003c\/div\u003e\n\u003ch2\u003e4 pasos \u003cem\u003eNo hay complejidad\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\" style=\"margin-bottom:1.6rem\"\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg alt=\"Una pequeña presión del dispensador es suficiente\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1753125b-590a-4688-b6f0-0c907ec15f20.jpg\"\/\u003e\u003cspan class=\"lb\"\u003eUna pequeña presión es suficiente\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv class=\"steps\" style=\"grid-template-columns:1fr 1fr\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch3\u003eLimpia el lavado\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eLava con un detergente delicado y seca dando toques para secar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch3\u003ePresiona el dispensador\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eUna pequeña cantidad es suficiente para ambos ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch3\u003eHe sido criado dulcemente\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eAplicarlo con el dedo anular sobre el hueso alrededor del ojo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch3\u003eCompleta tu rutina\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eLuego crema hidratante o protección solar por la mañana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mut\" style=\"text-align:center\"\u003eEvitar directamente en el párpado y dentro del ojo.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"warn\" style=\"max-width:820px;margin:0 auto\"\u003e\n\u003ch3\u003eUna palabra de honestidad antes de probarlo\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePruébalo en una pequeña zona\u003c\/strong\u003e 24 An hour Primero .\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLas ojeras tienen muchas causas\u003c\/strong\u003e: Herencia, falta de sueño o motivos de salud. La crema ayuda en la apariencia, pero no es un tratamiento médico.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLos resultados no están garantizados\u003c\/strong\u003e Es diferente de persona a persona.\u003c\/li\u003e\n\u003cli\u003eSolo para uso externo, evitar el contacto con los ojos.\u003c\/li\u003e\n\u003cli\u003eSi se produce irritación o enrojecimiento persistente, interrumpe el uso y consulta a un médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eOpiniones de los usuarios\u003c\/div\u003e\n\u003ch2\u003eResumen de valoraciones: \u003cem\u003eLos números son lo que son\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"mut\"\u003eTomado de la página del producto en Noon, no un cliente de Instachiq.\u003c\/p\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb\"\u003e\n\u003cdiv class=\"g\"\u003e\n\u003ch3\u003ePuntos positivos\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eCalificación promedio superior a 4 de 5.\u003c\/li\u003e\n\u003cli\u003e359 reseñas, lo que significa la experiencia de muchas personas, no solo de algunas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003e\n\u003ch3\u003eAlgunas notas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eNoon muestra las estrellas sin comentarios escritos, así que no podemos resumir comentarios específicos.\u003c\/li\u003e\n\u003cli\u003eLos resultados varían de persona a persona.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eValoración general\u003c\/h3\u003e\n\u003cdiv class=\"big\"\u003e4.2 \/ 5\u003c\/div\u003e\n\u003cp class=\"mut\"\u003eDe 359 reseñas en Noon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003ch2\u003ePreguntas \u003cem\u003ePregunta mucho\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Es beneficioso para todo tipo de piel?\u003c\/summary\u003e\n\u003cp\u003eLa marca afirma que es ideal para todo tipo de piel. Si tu piel es muy sensible, prueba primero en una pequeña área.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuándo debo usarlo?\u003c\/summary\u003e\n\u003cp\u003eEs útil en la rutina matutina o nocturna para una piel limpia. Por la mañana, integrar con la protección solar.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Eliminara las ojeras?\u003c\/summary\u003e\n\u003cp\u003eAyuda a mejorar su apariencia con el tiempo, pero las ojeras tienen muchas causas, y el resultado varía de persona a persona.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuál es la cantidad y cuánta es suficiente?\u003c\/summary\u003e\n\u003cp\u003e15 ml en frasco airless. Dado que estás usando una pequeña cantidad, el frasco durará bastante tiempo.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿El producto es original?\u003c\/summary\u003e\n\u003cp\u003eSí, vendemos el producto original de la marca y enviamos a todo el mundo.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003cfigure class=\"ph ctaimg\"\u003e\u003cimg alt=\"Crema para ojos Dermasie botella de 15 ml es un producto original y se envía a todo el mundo\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ad8c6f3b-011a-4037-a946-0e0d79ea2d9f.jpg\"\/\u003e\u003cspan class=\"lb\"\u003e15 ml\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv class=\"eyebrow\"\u003eTu próximo paso\u003c\/div\u003e\n\u003ch2\u003eTus ojos lo merecen \u003cem\u003eCrema hecha para ella\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\u003cbdi\u003eDermacy Eye Cream\u003c\/bdi\u003e | 15 ml. Ácido hialurónico, colágeno y cafeína en un ligero frasco airless.\u003c\/p\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003eProducto 100% Auténtico Garantizado\u003c\/span\u003e\u003cspan\u003eEnvío al mundo entero\u003c\/span\u003e\u003cspan\u003epago contra reembolso\u003c\/span\u003e\u003cspan\u003eCambio y fácil rendición\u003c\/span\u003e\u003cspan\u003eSoporta en WhatsApp\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Dermacy","offers":[{"title":"Default Title","offer_id":67699792642222,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/5ba80087-8558-47e9-a606-100287afa9d3.jpg?v=1792063125"}],"url":"https:\/\/skingeer.com\/es\/collections\/premium-facial-moisturizers-hydration.oembed","provider":"SkinGeer","version":"1.0","type":"link"}