{"title":"The ordinary products","description":"","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\/* Styles *\/\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-right: 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-right: 50%;\n }\n to {\n width: 100%;\n margin-right: 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":42298278117573,"sku":"INSTA0382CHIQ","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"60 ml","offer_id":44645698240709,"sku":"INSTA0382CHIQ","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/ezgif.com-gif-maker_5.jpg?v=1636380967"},{"product_id":"the-ordinary-caffeine-solution","title":"The Ordinary Solución con Cafeína 5% + EGCG - Suero para Ojeras e Hinchazón Bajo los Ojos","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n .caf-premium-wrapper {\n --caf-bg-dark: #120b08; \/* Styles *\/\n --caf-bg-card: rgba(30, 20, 15, 0.6); \/* Styles *\/\n --caf-gold-main: #d4af37; \/* Styles *\/\n --caf-gold-light: #f3e5ab; \/* Styles *\/\n --caf-gold-glow: rgba(212, 175, 55, 0.25);\n --caf-tea-green: #81b29a; \/* Styles *\/\n --caf-text-main: #fdfbf7;\n --caf-text-muted: #cbbca0;\n --caf-border: rgba(212, 175, 55, 0.2);\n --caf-border-hover: rgba(243, 229, 171, 0.6);\n \n background-color: var(--caf-bg-dark);\n color: var(--caf-text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n }\n\n .caf-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .caf-premium-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border: 1px solid rgba(212, 175, 55, 0.1);\n }\n\n .caf-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Styles *\/\n .caf-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .caf-particle {\n position: absolute;\n border-radius: 50%;\n bottom: -100px;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n box-shadow: 0 0 15px var(--caf-gold-glow);\n animation: floatUpCaf 16s infinite ease-in-out;\n filter: blur(5px);\n }\n\n @keyframes floatUpCaf {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* Styles *\/\n .caf-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #fff;\n text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n }\n\n .caf-title-glow span {\n background: linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 800;\n color: #fff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .caf-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--caf-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--caf-gold-main);\n }\n\n \/* Styles *\/\n .caf-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .caf-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--caf-gold-main);\n color: var(--caf-gold-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--caf-gold-glow);\n }\n \n .caf-hero-subtitle {\n font-size: 1.15rem;\n color: var(--caf-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Styles *\/\n .caf-glass-box {\n background: var(--caf-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--caf-border);\n border-radius: 20px;\n padding: 40px;\n margin: 40px 0;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .caf-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--caf-gold-light), var(--caf-gold-main), transparent);\n }\n\n \/* Styles *\/\n .caf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .caf-card {\n background: linear-gradient(145deg, rgba(25, 15, 10, 0.7), rgba(10, 5, 5, 0.9));\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 16px;\n padding: 30px 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: left;\n }\n\n .caf-card:hover {\n transform: translateY(-8px);\n border-color: var(--caf-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(35, 20, 10, 0.8);\n }\n\n .caf-icon {\n width: 55px;\n height: 55px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--caf-gold-light);\n font-size: 26px;\n transition: all 0.3s ease;\n }\n \n .caf-card:hover .caf-icon {\n background: linear-gradient(135deg, var(--caf-gold-main), var(--caf-gold-light));\n color: #000;\n transform: scale(1.1) rotate(-5deg);\n border-color: transparent;\n box-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-card h3 {\n font-size: 1.2rem;\n color: #fff;\n margin-bottom: 12px;\n }\n\n .caf-card p {\n color: var(--caf-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Styles *\/\n .caf-stats-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 40px 0;\n background: var(--caf-bg-card);\n padding: 35px;\n border-radius: 20px;\n border: 1px solid var(--caf-border);\n }\n\n .caf-stat-item {\n text-align: center;\n position: relative;\n padding: 15px;\n }\n\n .caf-stat-num {\n font-size: 3.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--caf-gold-light), var(--caf-gold-main));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n line-height: 1;\n margin-bottom: 10px;\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n font-family: system-ui, -apple-system, sans-serif;\n }\n \n .caf-stat-desc {\n color: #fff;\n font-size: 1.05rem;\n line-height: 1.5;\n }\n\n \/* Styles *\/\n .caf-timeline {\n position: relative;\n padding-right: 35px;\n margin: 50px 0;\n }\n\n .caf-timeline::before {\n content: '';\n position: absolute;\n top: 0;\n right: 15px;\n width: 3px;\n height: 100%;\n background: linear-gradient(180deg, var(--caf-gold-main), transparent);\n border-radius: 3px;\n }\n\n .caf-timeline-item {\n position: relative;\n margin-bottom: 30px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--caf-border);\n padding: 25px;\n border-radius: 16px;\n text-align: left;\n transition: all 0.3s;\n }\n\n .caf-timeline-item:hover {\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-10px);\n border-color: rgba(212, 175, 55, 0.4);\n }\n\n .caf-timeline-item::before {\n content: '';\n position: absolute;\n top: 35px;\n right: -23px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: var(--caf-gold-main);\n box-shadow: 0 0 15px var(--caf-gold-main);\n border: 3px solid var(--caf-bg-dark);\n }\n\n \/* Styles *\/\n .caf-steps-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 50px;\n }\n\n .caf-step-box {\n background: rgba(0,0,0,0.5);\n border: 1px solid var(--caf-border);\n padding: 35px 20px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s;\n }\n\n .caf-step-box:hover {\n border-color: var(--caf-gold-main);\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .caf-step-num {\n width: 50px;\n height: 50px;\n background: var(--caf-bg-dark);\n border: 2px solid var(--caf-gold-main);\n color: var(--caf-gold-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n font-weight: bold;\n margin: 0 auto 20px;\n box-shadow: 0 0 15px var(--caf-gold-glow);\n }\n\n \/* === Animations === *\/\n .caf-reveal {\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .caf-reveal.caf-active {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n .caf-delay-1 { transition-delay: 0.1s; }\n .caf-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .caf-hero { padding: 10px 0 20px; }\n .caf-synergy-plus { transform: rotate(90deg); }\n .caf-timeline { padding-right: 25px; }\n .caf-timeline::before { right: 10px; }\n .caf-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"caf-ambient-particles\" id=\"caf-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"caf-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"caf-hero caf-reveal caf-active\"\u003e\n\u003cdiv class=\"caf-badge\"\u003eElixir despertador del contorno de ojos\u003c\/div\u003e\n\u003ch1 class=\"caf-title-glow\"\u003eLa pesadilla de las ojeras y las bolsas ha terminado: \u003cbr\/\u003e\u003cspan\u003eUna “tacita concentrada de café” despierta tus ojos en pocos segundos!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"caf-hero-subtitle\"\u003e\n No importa cuánto duermas 8 horas, ¿pareces igualmente cansado? ¿El corrector se cuartea y no cubre las ojeras? \n \u003cstrong style=\"color: #fff;\"\u003eEl problema no es el número de horas de sueño, el problema es la circulación sanguínea debajo de los ojos.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem --\u003e\n\u003cdiv class=\"caf-glass-box caf-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003e¿Por qué las cremas normales para ojos fallan?\u003c\/h2\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n La mayoría de las cremas para ojos solo hidratan la superficie. Pero el color oscuro que se ve es en realidad “sangre congestionada” debido a una mala circulación, y la hinchazón es solo “líquido atrapado” bajo la piel muy delgada debajo del ojo. La hidratación por sí sola no resolverá este problema estructural.\n \u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--caf-border); padding-top: 25px; margin-top: 25px;\"\u003e\n\u003cp style=\"color: var(--caf-gold-light); font-size: 1.25rem; font-weight: bold;\"\u003eSolución médica directa: Solución de cafeína 5% + EGCG\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n No necesitas una crema hidratante. Necesitas un estimulante biológico que atrae fluidos y disuelve la pigmentación con el poder de altas concentraciones de The Ordinary.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Synergy UVP (The Golden Equation) --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eLa ecuación que sorprendió a los dermatólogos\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003eEl secreto de la enorme eficacia reside en la combinación de los dos ingredientes más poderosos en el mundo del tratamiento contorno de ojos:\u003c\/p\u003e\n\u003cdiv class=\"caf-synergy-box caf-reveal\"\u003e\n\u003cdiv class=\"caf-synergy-equation\"\u003e\n\u003cdiv class=\"caf-synergy-item\"\u003e\n\u003ch3 style=\"color: var(--caf-gold-light); font-size: 1.5rem; margin-bottom: 10px;\"\u003e☕ Cafeína 5%\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eSolo extrae los fluidos retenidos, contrae los vasos sanguíneos y alivia inmediatamente la hinchazón matutina.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-item\" style=\"border-color: var(--caf-tea-green);\"\u003e\n\u003ch3 style=\"color: var(--caf-tea-green); font-size: 1.5rem; margin-bottom: 10px;\"\u003e🌿 EGCG té verde\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eSolo aclara la pigmentación oscura bajo la piel y protege de la oxidación que causa color marrón y azul.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-result\"\u003e\n = El dúo más poderoso del mundo para borrar ojeras e hinchazón como si nunca hubieran existido!\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Clinical Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eLos números hablan por sí mismos\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003eBasado en evaluaciones clínicas de los usuarios después de 6 semanas de uso regular:\u003c\/p\u003e\n\u003cdiv class=\"caf-stats-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e87%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eReducción evidente de las ojeras y de la pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eReducción radical de la hinchazón y de las bolsas bajo los ojos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e95%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eMayor radiosidad y luminosidad de toda el área de los ojos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Benefits Grid --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003e¿Qué hará el “Suero de Cafeína” por tus ojos?\u003c\/h2\u003e\n\u003cdiv class=\"caf-grid\"\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eDesempaquetado matutino\u003c\/h3\u003e\n\u003cp\u003eAdiós a los ojos hinchados al despertar. La alta concentración de cafeína estimula el drenaje linfático para eliminar los líquidos retenidos en pocos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-1\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🔆\u003c\/div\u003e\n\u003ch3\u003eElasticidad de la pigmentación hereditaria\u003c\/h3\u003e\n\u003cp\u003eExtracto Puro EGCG de hojas de té verde dirigido a la melanina y a los antioxidantes para uniformar y aclarar visiblemente el color de la zona de los ojos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-2\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eEscudo protector contra la flacidez\u003c\/h3\u003e\n\u003cp\u003eLa fórmula enriquecida con antioxidantes protege el colágeno delicadísimo alrededor de los ojos del deterioro causado por las pantallas y la contaminación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eCorrector con la mezcla perfecta\u003c\/h3\u003e\n\u003cp\u003eGracias a su textura ligera y a la rápida absorción, funciona como un primer ideal que impide que el corrector se agrume o forme rayas bajo los ojos durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline of Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eEl viaje de la transformación: del agotamiento a la frescura\u003c\/h2\u003e\n\u003cdiv class=\"caf-timeline caf-reveal\"\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDespués del primer uso\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eSensación inmediata de frescura y ligero reafirmamiento. Un rápido alivio de la hinchazón matutina y al mirarte al espejo encuentras tus ojos completamente “despiertos”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDespués de dos semanas\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eEl color azuláceo\/marrón oscuro comienza a desvanecerse. El contorno de ojos se ve más luminoso y la cantidad de corrector necesaria disminuye gradualmente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eDespués de un mes completo\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eUna verdadera transformación en el aspecto del cansancio. Las ojeras persistentes han disminuido visiblemente, y el contorno de ojos está firme, claro y refleja salud y frescura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003ePasos sencillos para excelentes resultados\u003c\/h2\u003e\n\u003cdiv class=\"caf-steps-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-step-box\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eLimpieza\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eLávate bien la cara y asegúrate de que la zona de los ojos esté completamente seca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-1\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eUna gota\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eAplicar de una a dos gotas como máximo en las puntas de los dedos (una pequeña cantidad es suficiente).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-2\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003ePlenitud\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eAplica el suero delicadamente (de adentro hacia afuera) alrededor del hueso orbital hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-3\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eContinuidad\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eÚsalo dos veces al día (mañana y noche). Continúa con un ligero hidratante para ojos si es necesario.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"caf-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--caf-border);\"\u003e\n\u003ch2 class=\"caf-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e¡No dejes que el cansancio robe la belleza de tus ojos!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n En lugar de gastar tu dinero en un corrector nuevo que esconderá el problema, invierte en una fórmula científica que trata el problema desde la raíz.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--caf-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--caf-gold-glow);\"\u003e\n ¡Ordena ahora el suero original Caffeine 5% + EGCG y devuelve a tus ojos su verdadero esplendor!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Scroll Reveal Animation Logic\n var reveals = document.querySelectorAll('.caf-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('caf-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('caf-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Generate Ambient Caffeine Drops\n var ambientContainer = document.getElementById('caf-particles');\n var particleCount = 20; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('caf-particle');\n \n var size = Math.random() * 30 + 10; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 10; \n var delay = Math.random() * 10; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40639739134149,"sku":"INSTA0542CHIQ","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424"},{"product_id":"the-ordinary-peeling-solution","title":"The Ordinary Solución Peeling AHA 30% + BHA 2% - Tratamiento Exfoliante Facial 10 Minutos","description":"\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Add hover effects to timeline cards\n const timelineCards = document.querySelectorAll('.timeline-card');\n \n timelineCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)';\n this.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.08)';\n });\n });\n \n \/\/ Animate timeline cards on scroll\n function isInViewport(element) {\n const rect = element.getBoundingClientRect();\n return (\n rect.top \u003c= (window.innerHeight || document.documentElement.clientHeight) * 0.8 \u0026\u0026\n rect.bottom \u003e= 0\n );\n }\n \n function handleTimelineAnimation() {\n timelineCards.forEach((card, index) =\u003e {\n if (isInViewport(card) \u0026\u0026 !card.classList.contains('animated')) {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n card.classList.add('animated');\n }, index * 200);\n }\n });\n }\n \n \/\/ Initial setup - hide all cards\n timelineCards.forEach(card =\u003e {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n });\n \n \/\/ Check on load and scroll\n handleTimelineAnimation();\n window.addEventListener('scroll', handleTimelineAnimation);\n \n \/\/ Reviews Slider\n const reviewItems = document.querySelectorAll('.review-item');\n const dots = document.querySelectorAll('.dot');\n let currentIndex = 0;\n \n function showReview(index) {\n \/\/ Hide all reviews\n reviewItems.forEach(item =\u003e {\n item.style.display = 'none';\n });\n \n \/\/ Remove active class from all dots\n dots.forEach(dot =\u003e {\n dot.classList.remove('active');\n });\n \n \/\/ Show current review and activate dot\n reviewItems[index].style.display = 'block';\n dots[index].classList.add('active');\n }\n \n \/\/ Initialize with first review visible\n showReview(0);\n \n \/\/ Add click event to dots\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', function() {\n currentIndex = index;\n showReview(currentIndex);\n });\n });\n \n \/\/ Auto slide every 5 seconds\n setInterval(() =\u003e {\n currentIndex = (currentIndex + 1) % reviewItems.length;\n showReview(currentIndex);\n }, 5000);\n \n \/\/ Add hover effects to instant result items\n const instantItems = document.querySelectorAll('.instant-result-item');\n \n instantItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n this.style.boxShadow = '0 8px 15px rgba(0, 0, 0, 0.1)';\n this.style.transition = 'all 0.3s ease';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = '0 3px 10px rgba(0, 0, 0, 0.05)';\n });\n });\n});\n\u003c\/script\u003e\u003cdiv class=\"peeling-container\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"The Ordinary Exfoliante Ácido\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Orinary-AHA-BHA_egypt.webp?v=1745951507\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eEl peeling químico que eliminará todos los problemas que enfrentes en tu piel\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Instant Results Section --\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003e¡Resultados inmediatos!\u003c\/h2\u003e\n\u003cdiv class=\"instant-results-grid\"\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 17V21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 3V7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M17 12H21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M3 12H7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 16L18.5 18.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 5.5L8 8\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 8L18.5 5.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 18.5L8 16\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eResplandor instantáneo\u003c\/h3\u003e\n\u003cp\u003ePiel luminosa y radiante inmediatamente después de enjuagar el exfoliante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAclaramiento inmediato\u003c\/h3\u003e\n\u003cp\u003eAclara instantáneamente la piel y uniforma visiblemente su color\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 10H9.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M15 10H15.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eFrescura instantánea\u003c\/h3\u003e\n\u003cp\u003eRevela instantáneamente una piel fresca y joven oculta bajo las células muertas de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M3.27 6.96L12 12.01L20.73 6.96\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 22.08V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M21 16.5V7.5C20.9992 7.18001 20.9071 6.86831 20.7345 6.60232C20.5618 6.33634 20.3161 6.12868 20.03 6.005L12.53 2.265C12.3719 2.19245 12.1971 2.15472 12.02 2.15472C11.8429 2.15472 11.6681 2.19245 11.51 2.265L4.01 6.005C3.72386 6.12868 3.47825 6.33634 3.30552 6.60232C3.13279 6.86831 3.04075 7.18001 3 7.5V16.5C3.04075 16.82 3.13279 17.1317 3.30552 17.3977C3.47825 17.6637 3.72386 17.8713 4.01 17.995L11.51 21.735C11.6681 21.8075 11.8429 21.8453 12.02 21.8453C12.1971 21.8453 12.3719 21.8075 12.53 21.735L20.03 17.995C20.3161 17.8713 20.5618 17.6637 20.7345 17.3977C20.9071 17.1317 20.9992 16.82 21 16.5Z\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePoros limpios\u003c\/h3\u003e\n\u003cp\u003eLimpieza profunda de los poros y eliminación inmediata de los puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-message\"\u003e\n\u003cp\u003eDespués de enjuagar la solución de la piel, ¡te sorprenderá su aspecto! Descubrirás que la piel muerta estaba cubriendo una capa fresca y joven y que estabas impidiendo que apareciera. ¡No dejes que tu piel muerta oculte tu cutis!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits List --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePrincipales Beneficios\u003c\/h2\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEliminar las células muertas de la piel\u003c\/li\u003e\n\u003cli\u003eExfoliación y limpieza profunda de la piel\u003c\/li\u003e\n\u003cli\u003eAclarar la piel y unificar su color\u003c\/li\u003e\n\u003cli\u003eHidratar la piel haciéndola más elástica y suave\u003c\/li\u003e\n\u003cli\u003ePurifica la piel de las impurezas y la hace más pura\u003c\/li\u003e\n\u003cli\u003eHace que la piel sea más luminosa y radiante\u003c\/li\u003e\n\u003cli\u003eTrata líneas finas y arrugas de expresión de la piel\u003c\/li\u003e\n\u003cli\u003ePurifica los poros obstruidos de la piel\u003c\/li\u003e\n\u003cli\u003eExcelente para mejorar la textura de la piel\u003c\/li\u003e\n\u003cli\u003eIdeal para todo tipo de piel, excepto para la piel sensible\u003c\/li\u003e\n\u003cli\u003eSin aceite\u003c\/li\u003e\n\u003cli\u003eSin alcohol ni silicona\u003c\/li\u003e\n\u003cli\u003eAyuda a tratar el acné y las cicatrices\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Cómo funciona?\u003c\/h2\u003e\n\u003cdiv class=\"ingredients\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eÁcido glicólico\u003c\/h3\u003e\n\u003cp\u003eEl ácido glicólico es un tipo de alfa-hidroxiácido (AHA). Exfolia la piel rompiendo y eliminando los enlaces entre las células de la piel viejas y muertas. Esto favorece la regeneración de la piel y mejora su textura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eÁcido láctico\u003c\/h3\u003e\n\u003cp\u003eEste otro ácido AHA contribuye a mejorar la textura de la piel y a aclararla. Funciona de manera similar al ácido glicólico al exfoliar y suavizar la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eÁcido salicílico\u003c\/h3\u003e\n\u003cp\u003eSe trata de un ácido beta-hidroxiácido (BHA) y se considera un solvente de aceites. El ácido salicílico puede penetrar en los poros y limpiarlos de aceite e impurezas. También funciona para reducir puntos negros y puntos blancos y mejorar la apariencia de los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eHialuronato de sodio\u003c\/h3\u003e\n\u003cp\u003eEsta sustancia hialurónica forma parte del complejo hialurónico. Tiene la capacidad de atraer y retener agua, lo que ayuda a hidratar la piel y hacerla parecer más llena y suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eVerpolyzine (Pimienta de Tasmania)\u003c\/h3\u003e\n\u003cp\u003eEste extracto vegetal se utiliza para reducir la congestión y la irritación de la piel. Puede tener un efecto calmante sobre la piel y ayudar a aliviar las alergias.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cimg alt=\"The Ordinary Exfoliante Ácido\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_aha_bha_peeling_solution_egypt.png?v=1745951545\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline - Simplified --\u003e\n\u003cdiv class=\"results-journey-simple\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de transformación de la piel\u003c\/h2\u003e\n\u003cdiv class=\"timeline-simple\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eInmediatamente\u003c\/div\u003e\n\u003ch3\u003eResultados inmediatos\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eResplandor instantáneo y piel luminosa\u003c\/li\u003e\n\u003cli\u003eAlisar la textura de la piel\u003c\/li\u003e\n\u003cli\u003ePoros limpios y elimina los puntos negros\u003c\/li\u003e\n\u003cli\u003ePiel más suave y fresca\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de una semana\u003c\/div\u003e\n\u003ch3\u003eEl inicio sorprendente\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eAclaramiento visible del tono de la piel\u003c\/li\u003e\n\u003cli\u003eUna reducción visible del tamaño de los poros.\u003c\/li\u003e\n\u003cli\u003eEl inicio de una mejora de los efectos del acné\u003c\/li\u003e\n\u003cli\u003eReducir el enrojecimiento y la inflamación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003ch3\u003eMejora evidente\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eComienzo del aclaramiento de la pigmentación oscura\u003c\/li\u003e\n\u003cli\u003eMejor tono de la piel\u003c\/li\u003e\n\u003cli\u003eReducción significativa del acné activo\u003c\/li\u003e\n\u003cli\u003eMejora la textura de la piel y aumenta su suavidad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003ch3\u003eCambio radical\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eAclaramiento evidente de las cicatrices de acné\u003c\/li\u003e\n\u003cli\u003eDesaparición evidente de la pigmentación\u003c\/li\u003e\n\u003cli\u003ePoros más pequeños y más limpios\u003c\/li\u003e\n\u003cli\u003ePiel completamente renovada\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de dos meses\u003c\/div\u003e\n\u003ch3\u003ePiel perfecta\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eAclaramiento completo de las pigmentaciones persistentes y de las manchas oscuras\u003c\/li\u003e\n\u003cli\u003eDesaparición casi completa de las cicatrices antiguas de acné\u003c\/li\u003e\n\u003cli\u003eUniforma perfectamente el tono de la piel\u003c\/li\u003e\n\u003cli\u003eMejora visible de las líneas finas y arrugas\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!-- Comparison Table --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e¡Mejor que los exfoliantes físicos y las sesiones de peeling!\u003c\/h2\u003e\n\u003cp class=\"comparison-intro\"\u003eEl peeling con ácidos de frutas te dará mejores resultados que las sesiones de peeling en los salones de belleza más caros desde tu hogar, y a una cuarta parte del costo\u003c\/p\u003e\n\u003cdiv class=\"comparison-table\"\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling físico\u003c\/th\u003e\n\u003cth\u003ePeeling químico\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDepende de materiales ásperos o herramientas mecánicas para eliminar la capa superior de la piel.\u003c\/td\u003e\n\u003ctd\u003eUtiliza sustancias químicas especiales para eliminar la capa superficial de la piel.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePodría ser doloroso y causar irritación cutánea.\u003c\/td\u003e\n\u003ctd\u003eIdeal para todo tipo de piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePodría dejar marcas permanentes y pigmentación en la piel.\u003c\/td\u003e\n\u003ctd\u003eTrata problemas de la piel como manchas y pigmentación y mejora la estructura y la textura de la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRequiere tiempo para curar y restaurar la piel.\u003c\/td\u003e\n\u003ctd\u003eTiene un tiempo de curación rápido y no deja residuos  \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLas sesiones requieren una cantidad significativa de tiempo y cuestan una suma considerable de dinero por sesión\u003c\/td\u003e\n\u003ctd\u003e Ahorra tiempo y dinero. El paquete durará más de 8 meses\u003cbr\/\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Reviews Section --\u003e\n\u003cdiv class=\"reviews-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eOpiniones de los usuarios sobre el ácido peel de The Ordinary\u003c\/h2\u003e\n\u003cdiv class=\"reviews-slider\"\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eLos usuarios coinciden en que este exfoliante de The Ordinary es excelente para eliminar el acné y funciona como por arte de magia. Ilumina la piel y la deja suave y sedosa. El único inconveniente de este producto es que a veces quema un poco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eLos usuarios han confirmado que es un exfoliante facial ideal para el uso semanal. Pica un poco al principio, pero posee propiedades despigmentantes significativas y se puede notar una gran diferencia en la pigmentación después del uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUn usuario dijo que este producto es increíble y ha reducido significativamente su acné así como los puntos negros y las cicatrices de los granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUna usuaria ha reportado que lo aplica una vez a la semana y ha notado una mejora evidente en la pigmentación, así como una reducción del tamaño de los poros. Tiene un aroma muy ligero y es muy fluido, y se necesita solo un poco, por lo que 30 ml pueden durar mucho tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUn usuario dijo que es un excelente producto para eliminar las células muertas de la piel. Dejando la piel más suave. He visto una enorme mejora en el tono y la uniformidad de mi piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reviews-dots\"\u003e\n\u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.peeling-container {\n direction: ltr;\n\n max-width: 100%;\n margin: 0 auto;\n padding: 0;\n overflow-x: hidden;\n color: #333;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n margin: 0;\n padding: 0;\n}\n\n.main-title {\n font-size: 1.5rem;\n line-height: 1.4;\n font-weight: bold;\n color: #9C8102;\n margin: 15px 0;\n text-align: center;\n padding: 0 10px;\n}\n\n.section-title {\n font-size: 1.4rem;\n color: #9C8102;\n text-align: center;\n margin-bottom: 20px;\n padding-bottom: 10px;\n position: relative;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n}\n\n\/* Header Section *\/\n.product-header {\n margin-bottom: 20px;\n text-align: center;\n}\n\n.product-image img {\n width: 100%;\n max-width: 400px;\n height: auto;\n margin: 0 auto;\n display: block;\n}\n\n\/* Instant Results Section *\/\n.instant-results {\n background-color: #f9f9f9;\n padding: 20px 15px;\n border-radius: 10px;\n margin-bottom: 30px;\n}\n\n.instant-results-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n margin-bottom: 20px;\n}\n\n.instant-result-item {\n background-color: white;\n border-radius: 8px;\n padding: 15px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.instant-icon {\n margin-bottom: 10px;\n}\n\n.instant-result-item h3 {\n font-size: 1rem;\n margin-bottom: 8px;\n color: #9C8102;\n}\n\n.instant-result-item p {\n font-size: 0.85rem;\n color: #666;\n line-height: 1.4;\n}\n\n.instant-message {\n background-color: #fffbeb;\n border: 1px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\n font-size: 0.9rem;\n line-height: 1.5;\n color: #333;\n}\n\n\/* Benefits List *\/\n.benefits-section {\n padding: 0 15px;\n margin-bottom: 30px;\n}\n\n.benefits-list {\n list-style: none;\n padding: 0;\n}\n\n.benefits-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 12px;\n font-size: 0.95rem;\n line-height: 1.4;\n}\n\n.benefits-list li:before {\n content: '';\n position: absolute;\n right: 0;\n top: 6px;\n width: 12px;\n height: 12px;\n background-color: #9C8102;\n border-radius: 50%;\n}\n\n\/* How It Works Section *\/\n.how-it-works {\n padding: 20px 15px;\n background-color: #f9f9f9;\n border-radius: 10px;\n margin-bottom: 30px;\n}\n\n.ingredients {\n display: flex;\n flex-direction: column;\n gap: 15px;\n}\n\n.ingredient-item {\n background-color: white;\n border-radius: 8px;\n padding: 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-item h3 {\n font-size: 1rem;\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.ingredient-item p {\n font-size: 0.9rem;\n color: #666;\n line-height: 1.5;\n}\n\n\/* Product Visual *\/\n.product-visual {\n text-align: center;\n margin: 30px 0;\n}\n\n.product-visual img {\n max-width: 90%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Results Journey *\/\n.results-journey {\n padding: 30px 15px;\n margin-bottom: 30px;\n background: linear-gradient(to bottom, #fff, #f9f9f9);\n}\n\n.journey-timeline {\n position: relative;\n padding-right: 30px;\n}\n\n.timeline-marker {\n position: absolute;\n top: 0;\n right: 15px;\n width: 2px;\n height: 100%;\n background: linear-gradient(to bottom, #9C8102, rgba(156, 129, 2, 0.3));\n border-radius: 1px;\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.timeline-item.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.time-dot {\n position: absolute;\n top: 0;\n right: -30px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50%;\n z-index: 2;\n box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n}\n\n.time-label {\n position: absolute;\n top: 0;\n right: -110px;\n background-color: #9C8102;\n color: white;\n padding: 3px 10px;\n border-radius: 12px;\n font-size: 0.8rem;\n font-weight: bold;\n}\n\n\/* Simplified Timeline Style *\/\n.results-journey-simple {\n padding: 30px 15px;\n margin-bottom: 30px;\n}\n\n.timeline-simple {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.timeline-card {\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n}\n\n.timeline-header {\n background-color: #f9f9f9;\n padding: 15px;\n border-bottom: 1px solid #eee;\n position: relative;\n}\n\n.time-badge {\n position: absolute;\n top: 15px;\n left: 15px;\n background-color: #9C8102;\n color: white;\n padding: 5px 12px;\n border-radius: 15px;\n font-size: 0.9rem;\n font-weight: bold;\n}\n\n.timeline-header h3 {\n margin: 0;\n color: #9C8102;\n font-size: 1.2rem;\n padding-right: 10px;\n}\n\n.timeline-body {\n padding: 15px;\n}\n\n.timeline-body ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.timeline-body li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 10px;\n font-size: 0.95rem;\n line-height: 1.5;\n}\n\n.timeline-body li:before {\n content: '';\n position: absolute;\n right: 0;\n top: 7px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n}\n\n.timeline-body li:last-child {\n margin-bottom: 0;\n}\n\n\/* Comparison Table *\/\n.comparison-section {\n padding: 20px 15px;\n margin-bottom: 30px;\n}\n\n.comparison-intro {\n text-align: center;\n margin-bottom: 20px;\n font-size: 0.95rem;\n line-height: 1.5;\n color: #333;\n}\n\n.comparison-table {\n margin: 0 auto 30px;\n width: 100%;\n overflow-x: auto;\n}\n\n.comparison-table table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n overflow: hidden;\n}\n\n.comparison-table th {\n background-color: #9C8102;\n color: white;\n padding: 12px 15px;\n text-align: center;\n font-weight: bold;\n font-size: 1rem;\n}\n\n.comparison-table td {\n padding: 12px 15px;\n border-bottom: 1px solid #e0e0e0;\n font-size: 0.9rem;\n line-height: 1.5;\n}\n\n.comparison-table tr:last-child td {\n border-bottom: none;\n}\n\n.comparison-table tr:nth-child(odd) {\n background-color: white;\n}\n\n.comparison-table tr:nth-child(even) {\n background-color: #f9f9f9;\n}\n\n.comparison-table th:first-child, \n.comparison-table td:first-child {\n border-left: 1px solid #e0e0e0;\n}\n\n.comparison-table td:last-child {\n background-color: #fffbeb;\n font-weight: 500;\n}\n\n@keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n }\n 70% {\n box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n }\n}\n\n\/* Reviews Section *\/\n.reviews-section {\n padding: 20px 15px 30px;\n margin-bottom: 30px;\n background-color: #f9f9f9;\n border-radius: 10px;\n}\n\n.reviews-slider {\n position: relative;\n overflow: hidden;\n}\n\n.review-item {\n position: relative;\n background-color: white;\n border-radius: 8px;\n padding: 20px 15px 15px;\n margin: 0 5px 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.review-quote {\n position: absolute;\n top: 5px;\n right: 10px;\n font-size: 2rem;\n color: #9C8102;\n opacity: 0.3;\n font-family: serif;\n}\n\n.review-item p {\n font-size: 0.9rem;\n line-height: 1.6;\n color: #333;\n text-align: justify;\n}\n\n.reviews-dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n}\n\n.dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ddd;\n cursor: pointer;\n}\n\n.dot.active {\n background-color: #9C8102;\n}\n\n@media (max-width: 480px) {\n .main-title {\n font-size: 1.3rem;\n }\n \n .section-title {\n font-size: 1.2rem;\n }\n \n .instant-results-grid {\n grid-template-columns: 1fr;\n }\n \n .time-label {\n right: -90px;\n font-size: 0.75rem;\n }\n \n .comparison-table th,\n .comparison-table td {\n padding: 10px 8px;\n font-size: 0.8rem;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .instant-results-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (min-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n \n .instant-results-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n \n .ingredients {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* Animations *\/\n@keyframes pulse {\n 0% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n }\n 70% {\n transform: scale(1.05);\n box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n }\n}\n\n.time-dot {\n animation: pulse 2s infinite;\n}\n\n.timeline-\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40639760564421,"sku":"INSTA0545CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Theordinarypeelingsolutionahabha..jpg?v=1698236228"},{"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-right: 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-right: 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":40124296298693,"sku":"INSTA0557CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Theordinarylacticacid.jpg?v=1627189462"},{"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: left;\" 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: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" 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: left;\" 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: left;\" 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":40124313272517,"sku":"INSTA0558CHIQ","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_60.jpg?v=1697108608"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary Suero Péptidos y Tecnología Hialurónica para la piel | Anti-edad | Rejuvenecimiento cutáneo completo","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n color: #333;\n line-height: 1.6;\n background-color: white;\n direction: ltr;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .subtitle {\n color: #9C8102;\n font-size: 22px;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .feature-card {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n }\n \n .feature-card-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .grid-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 30px 0;\n }\n \n .grid-item {\n flex: 1;\n min-width: 250px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n \n .divider {\n height: 1px;\n background-color: #e0e0e0;\n margin: 40px 0;\n }\n \n .peptide-box {\n background-color: white;\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n border-right: 4px solid #9C8102;\n }\n \n .peptide-name {\n color: #9C8102;\n font-size: 20px;\n margin-bottom: 12px;\n font-weight: 600;\n }\n \n .peptide-technical {\n color: #888;\n font-size: 14px;\n margin-bottom: 15px;\n font-style: italic;\n }\n \n .peptide-effect {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .stat-container {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin: 30px 0;\n }\n \n .stat-item {\n text-align: center;\n padding: 20px;\n width: 180px;\n margin: 10px;\n }\n \n .stat-number {\n font-size: 42px;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 5px;\n }\n \n .stat-label {\n font-size: 14px;\n color: #666;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eUn descubrimiento revolucionario en el mundo del skincare\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eEl Suero Multi-Péptido + HA de The Ordinary no es solo un producto para el skincare, es una fórmula avanzada que cambia la forma en que pensamos sobre la salud y el rejuvenecimiento de la piel. Esta fórmula avanzada combina las innovaciones científicas más recientes con los ingredientes activos más efectivos, para proporcionar a tu piel todo lo que necesita para recuperar juventud y luminosidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003e¿Qué son los péptidos y por qué son importantes para la piel?\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eLos péptidos son cadenas cortas de aminoácidos y son los bloques de construcción de las proteínas de la piel como el colágeno y la elastina, que son responsables del aspecto joven y firme de la piel. Los péptidos actúan como moléculas señalizadoras, ayudando a estimular la producción de colágeno y de otras proteínas esenciales en la piel.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eEl suero The Ordinary Multi-Peptide + HA contiene una mezcla avanzada de cinco tecnologías peptídicas científicamente estudiadas, además de aminoácidos amigables con la piel y múltiples complejos de ácido hialurónico. Esta potente combinación ayuda a mejorar la elasticidad y la tonicidad de la piel y a reducir significativamente la apariencia de las arrugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003ePéptidos en el Suero Multi-Péptido + HA de The Ordinary\u003c\/h2\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngredientes activos: palmitoil tetrapéptido-7 y palmitoil tripéptido-1\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 es un complejo de péptidos popular que estimula la producción de colágeno en la piel. Este complejo ayuda a reducir la apariencia de líneas finas y arrugas de expresión apoyando componentes estructurales clave dentro de la piel. Se considera uno de los agentes antienvejecimiento más efectivos ya que fomenta que la piel produzca más colágeno y elastina, lo que ayuda a rellenar líneas finas y arrugas de expresión.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente activo: palmitoil tripeptido-38\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ synthe'6™ promueve la producción de seis componentes esenciales de la matriz cutánea, incluidos colágeno y elastina. Este péptido avanzado ayuda a mejorar la elasticidad de la piel y a reducir la profundidad de las arrugas, especialmente en las zonas de la frente y los ojos. También mejora la estructura general y la textura de la piel, potenciando su apariencia joven y tonificada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente activo: dipeptido diaminobutirroil benzilamida diacetato\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eSYN™-AKE es un péptido avanzado que imita el efecto del veneno de serpiente, inhibiendo la liberación de neurotransmisores que causan contracciones musculares. Esto ayuda a relajar los músculos del rostro y a reducir la apariencia de las “líneas dinámicas” que se forman con expresiones faciales repetidas como sonreír o fruncir el ceño. Este péptido es particularmente eficaz para reducir las líneas en la frente y alrededor de los ojos, dando a la piel un aspecto más liso y relajado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngredientes activos: acetil hexapéptido-8 (Argireline) y pentapéptido-18\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eARGIRELOX™ es un complejo peptídico dual que combina el poder del péptido Argireline y del péptido Leuphasyl. Funciona de manera similar al Botox pero sin inyecciones, inhibiendo las señales nerviosas que causan la contracción de los músculos. Este complejo es particularmente eficaz en reducir la apariencia de las líneas de expresión y las arrugas dinámicas en las áreas de la frente, entre las cejas y alrededor de los ojos. Los estudios han demostrado que combinar estos dos péptidos obtiene mejores resultados que el uso de cada uno por separado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eIngrediente activo: acetilarginiltriptifil difenilglicina\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eRELISTASE™ es un péptido especializado que mejora la elasticidad y la firmeza de la piel. Este péptido se centra en la promoción de la producción de elastina y en la protección de las fibras elásticas de la piel, ayudando a combatir la flacidez cutánea y a mejorar la firmeza de la piel. También promueve la síntesis de colágeno y protege las fibras existentes de la degradación, resultando en una piel más firme y joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eÁcido hialurónico: el compañero ideal para los péptidos\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eEl suero Multi-Péptidos + HA contiene más compuestos de ácido hialurónico, que es un potente hidratante para la piel. El ácido hialurónico no es como cualquier ingrediente hidratante ordinario; Es \u003cstrong\u003eUn súper potente imán molecular que puede absorber hasta 1.000 veces su peso en agua\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eGracias a sus partículas de diferentes tamaños, el ácido hialurónico en este suero puede penetrar en diferentes capas de la piel, proporcionando una hidratación profunda y duradera. Esta hidratación profunda ayuda:\u003c\/p\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eBeneficios del ácido hialurónico en el suero:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eVoluminizar la piel y hacerla más llena y más suave\u003c\/li\u003e\n\u003cli\u003eReduce inmediatamente la apariencia de líneas finas y arrugas de expresión\u003c\/li\u003e\n\u003cli\u003eMejorar la elasticidad de la piel y su capacidad de retener la humedad\u003c\/li\u003e\n\u003cli\u003eMejorar la eficacia de los péptidos proporcionando un entorno ideal para su acción\u003c\/li\u003e\n\u003cli\u003eMejora la absorción de otros principios activos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eViaje de rejuvenecimiento de la piel con Suero Multi-Péptido + HA\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eExperimenta una transformación de la piel con el uso regular. ¡En cada etapa, la piel se vuelve más joven, fresca y radiante!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eInmediato - 1 semana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 2-4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 5-8\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 9-12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eInmediato - Semana 1: Hidratación profunda y relax\u003c\/h3\u003e\n\u003cp\u003eLos resultados inmediatos comienzan gracias al ácido hialurónico, a los péptidos SYN-AKE y ARGIRELOX que hidratan la piel y relajan los músculos del rostro.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eHidratación instantánea y profunda de la piel\u003c\/li\u003e\n\u003cli\u003eLigero relajamiento de los músculos faciales reduce la aparición de las líneas de expresión\u003c\/li\u003e\n\u003cli\u003ePiel más suave y luminosa\u003c\/li\u003e\n\u003cli\u003eMejora instantánea de la textura de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eSemana 2-4: Mejora de la textura y luminosidad de la piel\u003c\/h3\u003e\n\u003cp\u003ePéptidos como Matrixyl 3000 y Matrixyl Synthe'6 comienzan a estimular la producción de colágeno, llevando a una mejora gradual de la elasticidad y suavidad de la piel.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eComienzo a reducir la apariencia de las líneas finas\u003c\/li\u003e\n\u003cli\u003eMejora evidente de la elasticidad de la piel\u003c\/li\u003e\n\u003cli\u003eAumento de la luminosidad y frescura de la piel\u003c\/li\u003e\n\u003cli\u003eMejora del tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eSemana 5-8: Mejora evidente en los signos de envejecimiento\u003c\/h3\u003e\n\u003cp\u003eA medida que el suero sigue siendo utilizado, la producción de colágeno y elastina aumenta, llevando a una mayor mejora en la apariencia de las arrugas y en la elasticidad de la piel.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReducción visible de la profundidad de las arrugas\u003c\/li\u003e\n\u003cli\u003eMejora evidente del reafirmamiento de la piel y de la reducción de la flacidez\u003c\/li\u003e\n\u003cli\u003eMejor tono de la piel y reducción de la pigmentación\u003c\/li\u003e\n\u003cli\u003eUn aumento del tamaño y la densidad de las células, que confiere a la piel un aspecto más lleno\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eSemanas 9-12: Resultados completos y rejuvenecimiento total\u003c\/h3\u003e\n\u003cp\u003eDespués de 3 meses de uso regular, los péptidos y el ácido hialurónico alcanzan su máxima eficacia en rejuvenecer la piel y combatir los signos del envejecimiento.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReducción significativa de la profundidad y la longitud de arrugas y líneas finas\u003c\/li\u003e\n\u003cli\u003ePiel visiblemente más firme y elástica\u003c\/li\u003e\n\u003cli\u003eMejora en la estructura de la piel y aumento de la densidad cutánea\u003c\/li\u003e\n\u003cli\u003eColor uniforme y brillo sano\u003c\/li\u003e\n\u003cli\u003eMejora general del aspecto y la salud de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eCaracterísticas únicas del suero The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eUna fórmula completa con múltiples beneficios\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCombina 5 tecnologías avanzadas a base de péptidos en un solo producto\u003c\/li\u003e\n\u003cli\u003eActúa sobre todos los signos del envejecimiento simultáneamente\u003c\/li\u003e\n\u003cli\u003eTrata líneas finas, arrugas, pérdida de elasticidad y tono irregular de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eAlta concentración de ingredientes activos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContiene el 25,1% de tecnologías activas en peso\u003c\/li\u003e\n\u003cli\u003eFórmula libre de rellenos innecesarios\u003c\/li\u003e\n\u003cli\u003eConcentración óptima para máxima eficacia sin irritaciones cutáneas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eFórmula ligera a base de agua\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eTextura ligera, de fácil absorción\u003c\/li\u003e\n\u003cli\u003eNo deja ninguna sensación de grasa o pegajosidad en la piel\u003c\/li\u003e\n\u003cli\u003ePuede ser usado fácilmente debajo del maquillaje\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eIdeal para todo tipo de piel\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFórmula delicada adecuada también para pieles sensibles\u003c\/li\u003e\n\u003cli\u003eSin perfume, alcohol ni aceite mineral\u003c\/li\u003e\n\u003cli\u003eNo provoca poros obstruidos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-container\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eTecnologías peptídicas avanzadas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003ePorcentaje de ingredientes activos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eUna semana para resultados completos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eIdeal para todo tipo de piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003eModo de uso óptimo\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eLimpia la piel\u003c\/h4\u003e\n\u003cp\u003eComienza limpiando bien la piel y secándola suavemente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAplica unas gotas\u003c\/h4\u003e\n\u003cp\u003eDistribuye unas gotas del sérum sobre la piel limpia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eÚsalo dos veces al día\u003c\/h4\u003e\n\u003cp\u003eUsa dos veces al día, mañana y noche, para resultados óptimos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eSigue con un hidratante\u003c\/h4\u003e\n\u003cp\u003ePara una hidratación óptima, aplica tu hidratante favorito después de haber absorbido el suero\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eNotas importantes para el uso:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEvitar usar sueros con ácidos directos como ácido glicólico o ácido láctico en la misma rutina\u003c\/li\u003e\n\u003cli\u003eEvitar usarlo con productos a base de vitamina C (ácido ascórbico) en la misma rutina\u003c\/li\u003e\n\u003cli\u003eSe puede usar antes o después de otros productos a base de ácido hialurónico\u003c\/li\u003e\n\u003cli\u003eEs preferible realizar una prueba de alergia antes del uso completo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section7\"\u003e\n\u003ch2 class=\"title\"\u003eTodos los componentes\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836991254725,"sku":"INSTA0586CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_multipeptide_ha_serum.jpg?v=1734971193"},{"product_id":"the-ordinary-buffet-copper-peptides-1","title":"The Ordinary Suero Antiarrugas Buffet con Péptidos de Cobre 1% con Tecnología Peptídica | 30 ml","description":"\u003cdiv dir=\"ltl\"\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003eNo dejes que los factores ambientales te roben la juventud\u003c\/h2\u003e\n\u003cp\u003e¿Sabías que puedes prevenir el 80% de los signos del envejecimiento usando un producto eficaz que combate los daños oxidativos y las arrugas? \u003c\/p\u003e\n\u003cp data-sourcepos=\"3:1-3:232\"\u003eCon el envejecimiento, nuestro cuerpo produce menos colágeno y elastina, lo que conduce a la formación de...\u003cbr\/\u003e Arrugas y líneas finas. Los péptidos de cobre ayudan a revertir este proceso señalando a las células de la piel que produzcan más de estas proteínas.\u003c\/p\u003e\n\u003cp data-sourcepos=\"3:1-3:232\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"17:1-17:212\"\u003eLos beneficios más importantes del producto: \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eEspecialista anti-edad:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\nUno de los mejores productos anti-envejecimiento son los péptidos de cobre (GHK-Cu) que mejoran la salud de la piel ayudándola a comunicarse y combatir los signos del envejecimiento.\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eRejuvenecimiento de la piel:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eEl complejo de péptidos penetra en la dermis para detectar desequilibrios celulares y promover la recuperación de las células.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003eEspecialista en pigmentación\u003c\/strong\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan data-mce-style=\"font-size: 0.875rem;\" mce-data-marked=\"1\" style=\"font-size: 0.875rem;\"\u003eEl producto trabaja para equilibrar la producción de melanina para obtener una piel uniforme y libre de pigmentación\u003c\/span\u003e\n\u003cul data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\n\u003cstrong data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eHidratación ultra:\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eContiene un complejo probiótico nutritivo y ácido hialurónico humectante para ayudar a hidratar la piel.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\u003cstrong\u003eAlimentación múltiple:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eContiene 11 aminoácidos delicados para la piel para una nutrición completa.\u003c\/span\u003e\u003cbr\/\u003e\n\u003col\u003e\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003ch2\u003eMejora instantánea de la textura de la piel\u003c\/h2\u003e\n\u003cp\u003e Observa en directo el efecto inmediato en tu piel en términos de hidratación y frescura. Sabiendo que el efecto terapéutico sobre las arrugas requiere un uso continuo durante varios meses\u003c\/p\u003e\n\u003ch2 dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003ch2 dir=\"ltl\"\u003eCómo funciona: \u003c\/h2\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul\u003e\n\u003cli\u003eLos péptidos de cobre son pequeñas moléculas que pueden penetrar fácilmente en la piel. Una vez que entran en la piel, se unen a los receptores de cobre en las células. Esta conexión desencadena una serie de eventos que conducen a un aumento de la producción de colágeno y elastina.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e Los péptidos de cobre activan otras vías de señalización que promueven el crecimiento y la reparación celular. Por ejemplo, pueden activar la vía Nrf2, un regulador clave de la defensa y reparación celular.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdemás, los péptidos de cobre tienen propiedades antioxidantes y antiinflamatorias. Esto significa que pueden ayudar a proteger la piel del daño de los radicales libres y de la inflamación, que son dos factores principales que contribuyen al envejecimiento cutáneo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\/\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:65\"\u003e\u003cstrong\u003eLos ingredientes principales del Serum de Péptidos de Cobre + Buffet de The Ordinary son:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"3:1-11:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:116\"\u003eTripeptido de Cobre-1: Este es un péptido que estimula la producción de colágeno y elastina y ayuda a reducir la apariencia de líneas finas y arrugas de expresión.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"4:1-4:139\"\u003eAcetil hexapéptido-8: Este es un péptido que ayuda a relajar los músculos del rostro, reduciendo la apariencia de las arrugas de expresión, como las arrugas en la frente.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:74\"\u003ePentapéptido-18: Este es un péptido que ayuda a proteger y reparar la barrera natural de la piel.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"6:1-6:91\"\u003ePalmitoyl Tripeptide-1: Este es un péptido que estimula la producción de colágeno y ayuda a reducir la apariencia de las cicatrices.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:99\"\u003ePalmitoyl Tetrapeptide-7: Este es un péptido que ayuda a reducir la apariencia de ojeras e hinchazón debajo de los ojos.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"8:1-8:77\"\u003ePalmitoyl Tripeptide-38: Este es un péptido que ayuda a mejorar la elasticidad y la tonicidad de la piel.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:118\"\u003eDiaminobutiroil Benzilamida Diacetato: Este es un péptido que ayuda a reducir la apariencia de la hiperpigmentación y uniformar el tono de la piel.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"10:1-11:0\"\u003eAcetilarginiltriptofillifenilglicina: Este es un péptido que ayuda a proteger la piel de los daños de los radicales libres y del estrés ambiental.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"12:1-12:169\"\u003eEstos péptidos están respaldados por una mezcla de otros ingredientes beneficiosos, incluyendo ácido hialurónico, alantoína, pantenol y glicerina, que ayudan a hidratar, calmar y proteger la piel.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"12:1-12:169\"\u003e \u003c\/p\u003e\n\u003cbr\/\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003eEste suero actuará como primera línea de defensa para prevenir el envejecimiento prematuro \u003c\/h2\u003e\n\u003cp\u003eNo importa cuántos años tengas, debes usar antioxidantes para mantener tu juventud. No esperes a que las arrugas empeoren antes de comenzar el tratamiento. \u003c\/p\u003e\n\u003cp\u003e El suero contiene muchos antioxidantes que te protegen del estrés oxidativo que causa signos de envejecimiento, como las arrugas en la frente y las líneas finas.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 dir=\"ltl\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eRecomendado por los principales dermatólogos de todo el mundo. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEl suero presenta una tecnología altamente avanzada en el tratamiento y la prevención de los futuros signos del envejecimiento. Es muy apreciado por miles de clientes en todo el mundo y es recomendado por los principales dermatólogos como tratamiento de primera elección para los signos del envejecimiento.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836993450181,"sku":"INSTA0587CHIQ","price":1500.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarybuffetcopperpeptide.jpg?v=1698234389"},{"product_id":"the-ordinary-retinol-0-2","title":"The ordinary retinol in squalene serum","description":"\u003cdiv class=\"ordinary-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ordinary-hero\"\u003e\n\u003cdiv class=\"ordinary-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eEl tiempo no espera a nadie... pero tu piel no debería estar sujeta a ello\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eCada mañana, el espejo te revela la verdad: el tiempo deja su huella en todos. ¿Pero si pudieras reescribir esa historia?\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Science Intro --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eLa ciencia de retroceder el reloj\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eIncorporado en la estructura molecular del retinol hay un poder extraordinario: el poder de comunicarse directamente con las células de tu piel, indicándoles que se comporten como lo hacían cuando eran jóvenes. Estas no son exageraciones de marketing; son hechos biológicos científicos.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eThe Ordinary Retinol 0,5% en Escualano: la herramienta precisa para el rejuvenecimiento de la piel\u003c\/h2\u003e\n\u003cp\u003eLos científicos saben desde hace tiempo que el retinol es el estándar de oro para una transformación tangible de la piel. Lo que distingue a esta composición es \u003cstrong\u003ePrecisión clínica\u003c\/strong\u003e - Una concentración cuidadosamente calibrada del 0,5% suspendida en escualeno idéntico a la composición natural de la piel. Esto no es solo un producto; es un descubrimiento científico disponible en un frasco cuentagotas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eArmonía molecular que transforma la piel\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"molecule-animation\"\u003e\n\u003cdiv class=\"atom atom1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom2\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom3\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eRetinol: el mensajero celular\u003c\/h3\u003e\n\u003cp\u003eEl retinol no es solo un ingrediente; es un mensajero biológico que:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eAcelerar la regeneración celular mediante \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eEstimula las células fibroblásticas a aumentar la producción de colágeno\u003c\/li\u003e\n\u003cli\u003eReorganización de la matriz dérmica para mejorar la estructura estructural\u003c\/li\u003e\n\u003cli\u003eRegular la distribución de la melanina para obtener un color uniforme\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eEscualano: escudo biomimético\u003c\/h3\u003e\n\u003cp\u003eTu piel produce naturalmente esqualeno, pero la producción disminuye aproximadamente un 10% cada década después de los 30 años. Esta fórmula repone la piel con una forma pura y estable de esqualeno que:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eCrea una barrera protectora hidratante sin obstruir los poros\u003c\/li\u003e\n\u003cli\u003eEntrega precisa de las moléculas de retinol a sus objetivos celulares\u003c\/li\u003e\n\u003cli\u003eNeutraliza los posibles efectos deshidratantes del retinol\u003c\/li\u003e\n\u003cli\u003eSe siente ligero aunque ofrece la máxima eficacia\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eFases temporales de la transformación\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAunque muchos productos prometen milagros nocturnos, la verdadera transformación de la piel sigue un camino científico:\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 1-2\u003c\/h3\u003e\n\u003cp\u003eDespertar celular primario; puede ocurrir un ligero peeling con el inicio de la aceleración\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 3-4\u003c\/h3\u003e\n\u003cp\u003eSuavizado evidente de las líneas finas, especialmente alrededor de los ojos y la boca\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 5-8\u003c\/h3\u003e\n\u003cp\u003eMejora evidente de la textura y del tono de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 9-12\u003c\/h3\u003e\n\u003cp\u003eReestructuración significativa del aspecto de la piel; Disminución de la claridad de las líneas profundas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e¿Qué distingue esta fórmula de otros productos con retinol?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa ciencia del retinol no es nueva, pero administrarlo eficazmente es el verdadero desafío. La mayoría de las combinaciones falla en una de las tres áreas cruciales:\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eCoherencia\u003c\/h3\u003e\n\u003cp\u003eEl retinol se deteriora rápidamente cuando se expone a la luz y al aire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eEntrega\u003c\/h3\u003e\n\u003cp\u003eSin vectores adecuados, el retinol tiene dificultades para penetrar más allá de las capas superficiales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eResistencia\u003c\/h3\u003e\n\u003cp\u003eAltos índices de irritación conducen a la suspensión del uso antes de ver los resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eLa fórmula sin agua de The Ordinary, a base de escualano, aborda directamente los tres desafíos, manteniendo la integridad molecular hasta el momento de su uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eFórmula avanzada a un precio excepcional\u003c\/h3\u003e\n\u003cp\u003eEsto no es solo skincare, es bioquímica aplicada en su forma más pura. Cada frasco contiene la concentración exacta necesaria para obtener resultados visibles sin rellenos, fragancias ni aditivos de marketing innecesarios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eTu relación con el tiempo: redefinida\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEl espejo no miente: refleja las elecciones. Cada noche en que aplicas este suero representa una decisión de comprometerte con la ciencia de la renovación de la piel en lugar de aceptar el paso del tiempo como inevitable.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003ePara mejores resultados:\u003c\/h3\u003e\n\u003cul class=\"instruction-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eComienza con una pequeña cantidad (3-4 gotas) en tu rutina nocturna\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eAplicar sobre la piel limpia y seca antes de usar hidratantes pesados.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eUsa siempre la protección solar al día siguiente\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eConservarlo en el refrigerador después de abrirlo\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eConsiderar comenzar con el 0,2% si eres nuevo en los retinoides\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNo recomendado durante el embarazo o la lactancia, o con otros retinoides\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ordinary-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eLa opción científica para una transformación tangible\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eThe Ordinary Retinol 0,5% en Escualano – Porque un skincare efectivo no se trata de afirmaciones milagrosas. Se trata de ingredientes científicamente probados en concentraciones precisas.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eTu reloj biológico de la piel está haciendo tic-tac. El momento para reiniciarlo es ahora.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrdena ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.ordinary-product-container {\n \n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: ltr;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 2px;\n width: 60px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.ordinary-hero {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 60px;\n gap: 40px;\n}\n\n.ordinary-hero-content {\n flex: 1;\n}\n\n.ordinary-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n line-height: 1.6;\n color: #555;\n}\n\n.product-image-container {\n flex: 1;\n position: relative;\n}\n\n.product-image {\n text-align: center;\n position: relative;\n z-index: 2;\n}\n\n.product-image:after {\n content: '';\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: rgba(156, 129, 2, 0.1);\n right: 40px;\n bottom: -20px;\n z-index: 1;\n border-radius: 10px;\n}\n\n.main-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.main-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 60px;\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.section-header {\n margin-bottom: 30px;\n}\n\n.section-header h2 {\n font-size: 1.8rem;\n margin-bottom: 5px;\n}\n\n.product-title {\n margin: 40px 0;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 10px;\n text-align: center;\n}\n\n.product-title h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n color: #9C8102;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-icon {\n width: 60px;\n height: 60px;\n margin-bottom: 20px;\n position: relative;\n}\n\n.ingredient-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Molecule Animation *\/\n.molecule-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.atom {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #9C8102;\n opacity: 0.8;\n}\n\n.atom1 {\n top: 0;\n left: 20px;\n animation: pulse 2s infinite;\n}\n\n.atom2 {\n top: 30px;\n left: 0;\n animation: pulse 2s infinite 0.5s;\n}\n\n.atom3 {\n top: 30px;\n left: 40px;\n animation: pulse 2s infinite 1s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 15px;\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.8; }\n 80% { top: 30px; opacity: 0.8; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Benefits List *\/\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin-top: 15px;\n}\n\n.benefits-list li {\n padding: 10px 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n padding-right: 25px;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2rem;\n}\n\n.benefits-list li:last-child {\n border-bottom: none;\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline {\n position: relative;\n margin: 40px 0;\n padding-right: 40px;\n}\n\n.timeline:before {\n content: '';\n position: absolute;\n top: 0;\n right: 10px;\n height: 100%;\n width: 2px;\n background: #9C8102;\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: 40px;\n}\n\n.timeline-marker {\n position: absolute;\n top: 5px;\n right: -40px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n transform: scale(1.2);\n box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n background: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n color: #9C8102;\n margin-bottom: 10px;\n font-size: 1.2rem;\n}\n\n\/* Comparison Section *\/\n.comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n}\n\n.comparison-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n padding-top: 50px;\n}\n\n.comparison-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.comparison-number {\n position: absolute;\n top: -15px;\n right: 20px;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.comparison-card h3 {\n margin-bottom: 10px;\n font-size: 1.3rem;\n}\n\n.highlighted-text {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n margin: 30px 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition {\n margin-top: 40px;\n padding: 20px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 10px;\n text-align: center;\n}\n\n.value-proposition h3 {\n margin-bottom: 15px;\n font-size: 1.5rem;\n}\n\n\/* Usage Instructions *\/\n.usage-instructions {\n margin-top: 30px;\n}\n\n.instruction-list {\n list-style-type: none;\n padding: 0;\n}\n\n.instruction-list li {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.instruction-list li:last-child {\n border-bottom: none;\n}\n\n.instruction-icon {\n width: 35px;\n height: 35px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.instruction-text {\n flex: 1;\n}\n\n.warning-text {\n margin-top: 30px;\n padding: 15px;\n background-color: #fff6e8;\n border-radius: 10px;\n border-right: 4px solid #e8a317;\n color: #8B4513;\n}\n\n\/* CTA Section *\/\n.ordinary-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-top: 40px;\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.2rem;\n margin-bottom: 15px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cta-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n color: #555;\n}\n\n.cta-button {\n padding: 15px 40px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .ordinary-hero {\n flex-direction: column;\n }\n \n .ingredients-container, .comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline {\n padding-right: 30px;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40837000331461,"sku":"INSTA0589CHIQ","price":780.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/The-Ordinary-Retinol-1_-in-Squalane.jpg?v=1682325031"},{"product_id":"the-ordinary-granactive-retinoid-2-emulsion","title":"The Ordinary Emulsión Retinoide | Antiarrugas Dinámico | Anti-pigmentación y acné 2%","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n \n direction: ltr;\n color: #333;\n line-height: 1.6;\n background-color: white;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .features-list {\n list-style: none;\n margin-bottom: 20px;\n }\n \n .features-list li {\n position: relative;\n padding-right: 30px;\n margin-bottom: 15px;\n }\n \n .features-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 8px;\n width: 12px;\n height: 12px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content ul {\n padding-right: 20px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .comparison-table {\n width: 100%;\n border-collapse: collapse;\n margin: 20px 0;\n }\n \n .comparison-table th, .comparison-table td {\n padding: 12px 15px;\n text-align: center;\n border: 1px solid #ddd;\n }\n \n .comparison-table th {\n background-color: #9C8102;\n color: white;\n }\n \n .comparison-table tr:nth-child(even) {\n background-color: #f8f8f8;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .warning {\n padding: 15px;\n background-color: #f8f8f8;\n border-right: 4px solid #9C8102;\n margin: 20px 0;\n font-size: 14px;\n color: #555;\n }\n \n .icon {\n display: inline-block;\n margin-left: 10px;\n color: #9C8102;\n }\n \n .studies-list {\n list-style: none;\n margin: 20px 0;\n }\n \n .studies-list li {\n position: relative;\n padding: 15px 35px 15px 15px;\n margin-bottom: 15px;\n background-color: #f8f8f8;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .studies-list li::before {\n content: '📊';\n position: absolute;\n right: 10px;\n top: 15px;\n font-size: 16px;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eRetinoides de nueva generación\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eLa emulsión retinoide es un suero ligero a base de agua que apunta a los signos visibles del envejecimiento. Contiene un principio activo retinoide de nueva generación llamado Hydroxypinacolone Retinoid (HPR), una forma de retinol más estable y menos irritante.\u003c\/p\u003e\n\u003cimg alt=\"Retinoide\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_59_1024x1024.png?v=1697968123\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eTecnología avanzada en la lucha y prevención de arrugas\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eEl Granactive Retinoid de The Ordinary es un complejo anti-edad avanzado que estimula la proliferación de las células de la piel, ayudando a reducir la degradación del colágeno y a restaurar la elasticidad y la suavidad de la piel. Al incrementar la tasa de renovación celular, disminuye la apariencia de las líneas finas y ayuda a prevenir el desarrollo de arrugas en el futuro.\u003c\/p\u003e\n\u003cimg alt=\"Granactive Retinoid\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-granactive-retinoid-2pct-emulsion-30ml-swatch_1_600x600.webp?v=1697968181\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003eEfecto rápido y sin efectos secundarios\u003c\/h2\u003e\n\u003cul class=\"features-list\" id=\"featuresList\"\u003e\n\u003cli\u003eTrata las arrugas de la frente\u003c\/li\u003e\n\u003cli\u003eReduce la apariencia de líneas finas alrededor de la boca y los ojos\u003c\/li\u003e\n\u003cli\u003eMejora la elasticidad de la piel y la apariencia de las arrugas dinámicas al sonreír o enfadarse\u003c\/li\u003e\n\u003cli\u003eMejora la textura de la piel a nivel celular\u003c\/li\u003e\n\u003cli\u003eElimina el acné\u003c\/li\u003e\n\u003cli\u003eUniforma el tono de la piel\u003c\/li\u003e\n\u003cli\u003eEstimula la producción de colágeno\u003c\/li\u003e\n\u003cli\u003eReduce la aparición de manchas y pigmentación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eResultados del tratamiento con The Ordinary Granactive Retinoid\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eDescubre cómo la Emulsión Granactive Retinoid mejora tu piel con el tiempo. ¡Los increíbles resultados graduales te motivarán a seguir usándola!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 2-4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"6\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 6-8\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"12\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eLa primera semana: el inicio de la hidratación y de la suavidad\u003c\/h3\u003e\n\u003cp\u003eNotarás un efecto inmediato en la hidratación y suavidad de la piel. La Emulsión Granactive Retinoid de The Ordinary es delicada con la piel y no causa irritaciones ni sequedad como el retinol tradicional.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePiel más suave e hidratada\u003c\/li\u003e\n\u003cli\u003eNinguna irritación ni enrojecimiento como el retinol tradicional\u003c\/li\u003e\n\u003cli\u003eTextura cremosa agradable que se absorbe rápidamente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eSemanas 2-4: La textura y la luminosidad comienzan a mejorar\u003c\/h3\u003e\n\u003cp\u003eDurante esta fase, comenzarás a notar una mejora en la luminosidad y la textura de la piel. Tu piel parecerá más fresca y vibrante cada mañana.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePiel más luminosa y vibrante\u003c\/li\u003e\n\u003cli\u003eMejora de la textura de la piel\u003c\/li\u003e\n\u003cli\u003eAspecto reducido de los poros dilatados\u003c\/li\u003e\n\u003cli\u003eReducción gradual del acné, si está presente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eSemanas 6-8: Mejora visible del tono de la piel y de las manchas\u003c\/h3\u003e\n\u003cp\u003eDespués de uno o dos meses de uso regular, comenzarás a notar una mejora significativa en el tono de la piel y una reducción de la pigmentación y de las manchas. Estudios clínicos han demostrado que el uso de HPR durante 8 semanas conduce a una mejora significativa del tono de la piel.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReducción clara de la pigmentación y de las manchas oscuras\u003c\/li\u003e\n\u003cli\u003eUniforma visiblemente el tono de la piel\u003c\/li\u003e\n\u003cli\u003eMejora del aspecto de las cicatrices de acné antiguas\u003c\/li\u003e\n\u003cli\u003ePiel más fresca y suave\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eSemana 12: Resultados integrados y mejora de líneas y arrugas\u003c\/h3\u003e\n\u003cp\u003eDespués de 3 meses de uso regular, aparecerán los resultados completos de la Emulsión Granactive Retinoid. Los estudios clínicos han demostrado que el uso de HPR durante 12 semanas lleva a una mejora significativa en la apariencia de líneas finas y arrugas de expresión.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eReduce visiblemente la aparición de líneas finas y arrugas de expresión\u003c\/li\u003e\n\u003cli\u003eAumento de la elasticidad y de la suavidad de la piel\u003c\/li\u003e\n\u003cli\u003ePiel más joven y radiante\u003c\/li\u003e\n\u003cli\u003eMejora evidente en la estructura general de la piel\u003c\/li\u003e\n\u003cli\u003eResultados duraderos con uso continuado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eCientíficamente y probado en laboratorio\u003c\/h2\u003e\n\u003cul class=\"studies-list\" id=\"studiesList\"\u003e\n\u003cli\u003e\n\u003cp\u003eUn estudio en 20 personas mostró que el uso de HPR durante 12 semanas llevó a una mejora significativa en la apariencia de las líneas finas, las arrugas y la textura de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eOtro estudio en 40 personas mostró que el uso de HPR durante 8 semanas llevó a una mejora significativa del tono y la complexión de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eComparación entre retinoides y retinol\u003c\/h2\u003e\n\u003ctable class=\"comparison-table\" id=\"comparisonTable\"\u003e\n\u003ctr\u003e\n\u003cth\u003eCaracterísticas\u003c\/th\u003e\n\u003cth\u003eRetinoide\u003c\/th\u003e\n\u003cth\u003eRetinol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEficacia\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003esuperior\u003c\/td\u003e\n\u003ctd\u003eBajo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUsos comunes\u003c\/td\u003e\n\u003ctd\u003eTratamiento del acné y arrugas de la piel\u003c\/td\u003e\n\u003ctd\u003eComplemento para el skincare\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePotencial irritación\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eBajo\u003c\/td\u003e\n\u003ctd\u003eAlto\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDuración del tratamiento\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eResultados rápidos\u003c\/td\u003e\n\u003ctd\u003eNecesita un período más largo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003cdiv class=\"warning\"\u003e\n\u003cp\u003e\u003cspan class=\"icon\"\u003e⚠️\u003c\/span\u003e Nota: Durante el embarazo o la lactancia, se recomienda evitar cualquier producto de skincare que contenga retinoides, como las formulaciones que contienen Granactive Retinoid™ o Retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40837002657989,"sku":"INSTA0590CHIQ","price":799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinaryretinoidemulsion.jpg?v=1698233982"},{"product_id":"the-ordinary-glycolic-tuning","title":"The Ordinary Solución Tonificante con Ácido Glicólico 7% - Tónico Exfoliante para Luminosidad y Brillo","description":"\u003cdiv class=\"glyc7-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n --glyc7-bg-card: rgba(20, 20, 20, 0.7); \/* Styles *\/\n --glyc7-gold-light: #fce79c;\n --glyc7-gold-main: #d4af37; \/* Liquid Gold *\/\n --glyc7-gold-dark: #b8860b;\n --glyc7-text-main: #f8f9fa;\n --glyc7-text-muted: #aeb5bc;\n --glyc7-border: rgba(212, 175, 55, 0.2);\n --glyc7-border-hover: rgba(212, 175, 55, 0.6);\n --glyc7-shadow: rgba(0, 0, 0, 0.8);\n --glyc7-gold-glow: rgba(212, 175, 55, 0.2);\n \n background-color: var(--glyc7-bg-deep);\n color: var(--glyc7-text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 50px 0;\n border-radius: 20px;\n box-shadow: 0 0 100px rgba(0,0,0,0.9) inset;\n }\n\n .glyc7-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n .glyc7-premium-wrapper img {\n max-width: 100%; height: auto; border-radius: 16px;\n display: block; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .glyc7-container {\n max-width: 900px; margin: 0 auto; padding: 0 20px;\n position: relative; z-index: 2;\n }\n\n \/* === Ambient Liquid Gold Drops Background === *\/\n .glyc7-ambient-particles {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n background: radial-gradient(circle at 15% 30%, rgba(212, 175, 55, 0.05), transparent 40%),\n radial-gradient(circle at 85% 60%, rgba(212, 175, 55, 0.03), transparent 40%);\n }\n\n .glyc7-particle {\n position: absolute; border-radius: 50%; bottom: -100px;\n background: radial-gradient(circle, var(--glyc7-gold-glow) 0%, transparent 70%);\n animation: floatUpGold 15s infinite ease-in-out; filter: blur(8px);\n }\n\n @keyframes floatUpGold {\n 0% { transform: translateY(0) scale(0.8); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1500px) scale(1.5); opacity: 0; }\n }\n\n \/* === Typography === *\/\n .glyc7-title-main {\n font-size: clamp(26px, 5vw, 46px); font-weight: 900; text-align: center;\n margin-bottom: 20px; line-height: 1.4; color: #fff;\n text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n }\n\n .glyc7-title-main span {\n background: linear-gradient(135deg, var(--glyc7-gold-light) 0%, var(--glyc7-gold-main) 100%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--glyc7-gold-glow);\n }\n\n .glyc7-section-title {\n font-size: clamp(22px, 4vw, 32px); font-weight: 800; color: #fff;\n text-align: center; margin: 60px auto 25px; position: relative; line-height: 1.5;\n }\n\n .glyc7-section-title::after {\n content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\n width: 80px; height: 3px;\n background: linear-gradient(90deg, transparent, var(--glyc7-gold-main), transparent);\n border-radius: 10px; box-shadow: 0 0 10px var(--glyc7-gold-main);\n }\n\n .glyc7-subtitle {\n font-size: 1.15rem; color: var(--glyc7-text-muted); text-align: center;\n max-width: 750px; margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n }\n\n \/* === Hero Section === *\/\n .glyc7-hero { text-align: center; padding: 20px 0 40px; }\n\n .glyc7-badge {\n display: inline-block; background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--glyc7-gold-main); color: var(--glyc7-gold-light);\n padding: 8px 20px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n margin-bottom: 20px; box-shadow: 0 0 20px var(--glyc7-gold-glow);\n }\n\n \/* === Agitation Box (The Problem) === *\/\n .glyc7-alert-box {\n background: linear-gradient(145deg, rgba(20,20,20,0.8), rgba(5,5,5,0.9));\n border: 1px solid rgba(255,255,255,0.05); border-right: 4px solid var(--glyc7-gold-main);\n padding: 30px; border-radius: 16px; margin: 40px 0;\n box-shadow: 0 20px 40px var(--glyc7-shadow); text-align: left;\n backdrop-filter: blur(10px);\n }\n\n \/* === Synergy UVP Section (Equation) === *\/\n .glyc7-synergy-box {\n background: var(--glyc7-bg-card); backdrop-filter: blur(15px);\n border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px 30px;\n margin: 50px 0; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n }\n\n .glyc7-equation {\n display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 15px; margin-bottom: 25px;\n }\n\n .glyc7-eq-item {\n flex: 1; min-width: 200px; background: rgba(0,0,0,0.5); padding: 25px;\n border-radius: 15px; border: 1px dashed var(--glyc7-gold-main);\n }\n\n .glyc7-eq-plus { font-size: 2.5rem; color: var(--glyc7-gold-main); font-weight: 900; align-self: center; text-shadow: 0 0 15px var(--glyc7-gold-glow);}\n\n .glyc7-eq-result {\n background: linear-gradient(135deg, var(--glyc7-gold-dark), var(--glyc7-gold-main));\n color: #000; padding: 15px 25px;\n border-radius: 12px; font-size: 1.3rem; font-weight: 900; width: 100%;\n box-shadow: 0 10px 30px var(--glyc7-gold-glow);\n }\n\n \/* === Cards Grid === *\/\n .glyc7-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0;\n }\n\n .glyc7-card {\n background: linear-gradient(145deg, rgba(30,30,35,0.5), rgba(10,10,12,0.8));\n border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 25px;\n transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 10px 30px var(--glyc7-shadow);\n }\n\n .glyc7-card:hover {\n transform: translateY(-8px); border-color: var(--glyc7-gold-main);\n box-shadow: 0 15px 30px var(--glyc7-gold-glow); background: rgba(20,20,20,0.9);\n }\n\n .glyc7-icon {\n width: 55px; height: 55px; background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--glyc7-border); border-radius: 14px; display: flex;\n align-items: center; justify-content: center; margin-bottom: 20px;\n color: var(--glyc7-gold-light); font-size: 26px; transition: transform 0.3s ease;\n }\n \n .glyc7-card:hover .glyc7-icon {\n transform: scale(1.1) rotate(5deg); background: var(--glyc7-gold-main); color: #000; border-color: transparent;\n box-shadow: 0 0 20px var(--glyc7-gold-glow);\n }\n\n .glyc7-card h3 { font-size: 1.2rem; color: #fff; margin-bottom: 12px; font-weight: 800; }\n .glyc7-card p { color: var(--glyc7-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* === Viral Hacks Section (Multi-use) === *\/\n .glyc7-hacks-wrapper {\n background: linear-gradient(180deg, rgba(212, 175, 55, 0.05), transparent);\n border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px; margin: 50px 0;\n backdrop-filter: blur(10px);\n }\n \n .glyc7-hacks-wrapper h2 { color: var(--glyc7-gold-light); }\n\n \/* === Timeline === *\/\n .glyc7-timeline-item {\n display: flex; align-items: center; gap: 20px; background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.05); padding: 25px; border-radius: 16px;\n border-right: 4px solid var(--glyc7-gold-main); margin-bottom: 20px; transition: all 0.3s;\n }\n .glyc7-timeline-item:hover { transform: translateX(-5px); background: rgba(212, 175, 55, 0.05); border-color: var(--glyc7-border); }\n \n .glyc7-time-badge {\n background: rgba(212, 175, 55, 0.15); color: var(--glyc7-gold-light); border: 1px solid var(--glyc7-border);\n padding: 8px 15px; border-radius: 8px; font-weight: bold; min-width: 120px; text-align: center;\n }\n\n \/* === Usage Steps === *\/\n .glyc7-step-item {\n display: flex; align-items: flex-start; gap: 20px; background: rgba(0,0,0,0.5);\n padding: 25px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: all 0.3s;\n }\n .glyc7-step-item:hover { border-color: var(--glyc7-gold-main); transform: translateY(-5px); }\n .glyc7-step-num {\n min-width: 45px; height: 45px; background: var(--glyc7-bg-deep); color: var(--glyc7-gold-light);\n border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--glyc7-gold-main);\n font-size: 1.3rem; font-weight: bold; box-shadow: 0 0 15px var(--glyc7-gold-glow);\n }\n\n \/* === Animations === *\/\n .glyc7-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .glyc7-reveal.glyc7-active { opacity: 1; transform: translateY(0); }\n .glyc7-delay-1 { transition-delay: 0.1s; }\n .glyc7-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .glyc7-equation { flex-direction: column; }\n .glyc7-timeline-item { flex-direction: column; text-align: center; align-items: stretch; }\n .glyc7-time-badge { margin-bottom: 15px; }\n .glyc7-step-item { flex-direction: column; text-align: center; align-items: center; }\n .glyc7-hacks-wrapper { padding: 25px 15px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"glyc7-ambient-particles\" id=\"glyc7-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"glyc7-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"glyc7-hero glyc7-reveal glyc7-active\"\u003e\n\u003cdiv class=\"glyc7-badge\"\u003eEl tónico más vendido del mundo\u003c\/div\u003e\n\u003ch1 class=\"glyc7-title-main\"\u003eTira tus exfoliantes físicos a la basura. \u003cbr\/\u003e\u003cspan\u003e¡El secreto de la “piel de vidrio coreana” en gotas!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"glyc7-subtitle\"\u003e\n Los exfoliantes y los abrasivos agresivos dañan la barrera de tu piel sin que te des cuenta. La verdadera solución para la aspereza, la pigmentación y la piel muerta es el peeling químico clínicamente probado.\n \u003c\/p\u003e\n\u003cimg alt=\"The Ordinary Glycolic Acid 7% Toning Solution\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_glycolic_toner.webp?v=1745950200\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem (Agitation) --\u003e\n\u003cdiv class=\"glyc7-alert-box glyc7-reveal\"\u003e\n\u003ch3 style=\"color: #fff; font-size: 1.4rem; margin-bottom: 10px;\"\u003e¿Por qué tu rostro parece apagado a pesar de usar la crema hidratante?\u003c\/h3\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 1.05rem; line-height: 1.8;\"\u003e\n Las células muertas se acumulan diariamente como “cemento” en la superficie de la piel, impidiendo que cualquier suero o crema costosa penetre. ¿El resultado? Textura de la piel áspera (milia), poros obstruidos y granos debajo de la piel. Eliminar este cemento no se hace frotando enérgicamente, sino disolviéndolo científicamente.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The UVP Synergy Equation --\u003e\n\u003cdiv class=\"glyc7-synergy-box glyc7-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.8rem; margin-bottom: 20px;\"\u003eLa ecuación química imposible: ¿cómo logró The Ordinary romper la regla?\u003c\/h2\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003eEl principal problema del ácido glicólico es que “quema e irrita” la piel. Pero los laboratorios The Ordinary han creado el equilibrio genial:\u003c\/p\u003e\n\u003cdiv class=\"glyc7-equation\"\u003e\n\u003cdiv class=\"glyc7-eq-item\"\u003e\n\u003ch3 style=\"color: var(--glyc7-gold-light); margin-bottom: 10px;\"\u003eÁcido glicólico 7%\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eLa concentración ideal (correspondiente a un pH de 3,6 pKa) para disolver los enlaces entre las células muertas con eficiencia médica sin profundizar el daño.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-item\" style=\"border-color: #4CAF50; background: rgba(76, 175, 80, 0.1);\"\u003e\n\u003ch3 style=\"color: #4CAF50; margin-bottom: 10px;\"\u003ePimienta tasmania + aloe vera\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003ePoderosos compuestos vegetales calmantes actúan al mismo tiempo para suprimir cualquier inflamación y prevenir enrojecimientos o irritaciones derivadas de la descamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-result\"\u003e\n = ¡Peeling clínico ultra-fuerte con irritación “cero”!\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Main Benefits Grid --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eRejuvenecimiento cutáneo completo mientras duermes\u003c\/h2\u003e\n\u003cdiv class=\"glyc7-grid\"\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eRenovación de la superficie\u003c\/h3\u003e\n\u003cp\u003eElimina la textura rugosa y los granos finos bajo la piel, dejando la superficie de la piel suave y lista para un maquillaje impecable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003ePigmentación y cicatrices de acné\u003c\/h3\u003e\n\u003cp\u003eAcelera el ciclo vital de las células, expulsando las células llenas de melanina (pigmentación antigua) y revelando nuevas células puras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e🕳️\u003c\/div\u003e\n\u003ch3\u003eLimpieza y minimización de poros\u003c\/h3\u003e\n\u003cp\u003eDisuelve las grasas oxidadas dentro de los poros, lo que previene la formación de puntos negros y reduce significativamente la apariencia de poros dilatados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eFuerte barrera (aminoácidos)\u003c\/h3\u003e\n\u003cp\u003eA diferencia de otros exfoliantes, contiene aminoácidos y ginseng para fortalecer la barrera hidrolipídica y aumentar la luminosidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Viral Hacks (Multi-use) - The Game Changer --\u003e\n\u003cdiv class=\"glyc7-hacks-wrapper glyc7-reveal\"\u003e\n\u003ch2 class=\"glyc7-section-title\" style=\"margin-top: 0;\"\u003e¡No es solo para la cara! (Secretos virales de Tik Tok)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003e¿Por qué millones de personas están comprando este gran tamaño (240 ml)? Porque resuelve literalmente los problemas de todo el cuerpo:\u003c\/p\u003e\n\u003cdiv class=\"glyc7-grid\"\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003ch3\u003e🌸 Aclarar la zona de las axilas y desodorante\u003c\/h3\u003e\n\u003cp\u003eMata instantáneamente las bacterias que causan el olor a sudor y exfolia la piel muerta acumulada que causa oscurecimiento de la zona de las axilas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n\u003ch3\u003e🍓 Tratamiento de piernas con fresa\u003c\/h3\u003e\n\u003cp\u003eLa solución radical para los granos rojos después de la depilación y los vellos encarnados de las piernas y los brazos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n\u003ch3\u003e❄️ Limpieza de la caspa del cuero cabelludo\u003c\/h3\u003e\n\u003cp\u003eÚsalo 20 minutos antes del champú para disolver completamente la caspa aceitosa y la acumulación de productos en el cuero cabelludo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eCronología para obtener la Glass Skin\u003c\/h2\u003e\n\u003cdiv class=\"glyc7-reveal\" style=\"display: flex; flex-direction: column; gap: 10px;\"\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eDespués de una noche\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eDespiértate con una piel más firme, radiante (hidratada) que se ve visiblemente más suave y tersa, tanto que notarás la diferencia al lavar tu rostro.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eUna disminución evidente de puntos negros y puntos blancos, y la desaparición de los pequeños gránulos que hacen que la piel sea áspera.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eDespués de 4 semanas\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eFuerte uniformidad del tono de la piel, menor decoloración y decoloración evidente de granos antiguos y pigmentaciones.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eGuía del usuario (el secreto es el cumplimiento correcto)\u003c\/h2\u003e\n\u003cdiv class=\"glyc7-grid glyc7-reveal\" style=\"gap: 20px;\"\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eTemporización\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003ese usa \u003cstrong\u003eSolo por la noche\u003c\/strong\u003e (Nunca usar durante el día), máximo 2-3 veces por semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eAplicación\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eDespués del lavado, humedece un algodón con el tónico y pásalo por rostro y cuello (evitando completamente la zona de los ojos).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003ePaso siguiente\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003e¡No lavar! Déjalo secar un poco y luego aplica tu suero de ácido hialurónico y la crema hidratante para bloquear la exfoliación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\" style=\"border-color: #ff4d4d; box-shadow: inset 0 0 15px rgba(255,77,77,0.1);\"\u003e\n\u003cdiv class=\"glyc7-step-num\" style=\"border-color: #ff4d4d; color: #ff4d4d; box-shadow: 0 0 15px rgba(255,77,77,0.3);\"\u003e!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ff4d4d; margin-bottom: 8px;\"\u003eLa advertencia más importante\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003e¡La crema solar (SPF) a la mañana siguiente es obligatoria! No mezclar la misma noche con retinol u otros ácidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"glyc7-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--glyc7-border);\"\u003e\n\u003ch2 class=\"glyc7-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e¡Una botella (240 ml) cambiará literalmente la calidad de tu piel y de tu cuerpo!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--glyc7-text-muted); max-width: 750px; margin: 20px auto; line-height: 1.8;\"\u003e\n El producto más famoso de The Ordinary no es solo una 'tendencia', sino más bien la base de cualquier rutina de skincare exitosa. Sin eliminar la capa muerta, estás desperdiciando tu dinero en otros sueros.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--glyc7-gold-main); font-size: 1.5rem; font-weight: bold; margin-top: 20px; text-shadow: 0 0 20px var(--glyc7-gold-glow);\"\u003e\n Comienza hoy tu camino de renovación y ordena de inmediato el “Liquid Gold” original!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n var reveals = document.querySelectorAll('.glyc7-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('glyc7-active');\n observer.unobserve(entry.target); \n }\n });\n }, { root: null, threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('glyc7-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Ambient Particles Generator\n var ambientContainer = document.getElementById('glyc7-particles');\n var particleCount = 25; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('glyc7-particle');\n \n var size = Math.random() * 40 + 10; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 15; \n var delay = Math.random() * 10; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"240 ml","offer_id":42416029630661,"sku":"INSTA0690CHIQ","price":1160.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinaryglycolicacidtoner.jpg?v=1702385538"},{"product_id":"the-ordinary-multi-peptide-hair-serum-volume-density","title":"The Ordinary Multi-Peptide Serum para la densidad del cabello - 60ml","description":"\u003c!-- The Ordinary Multi-Peptide Hair Serum - Luxury High Contrast \u0026 Dense Grid Redesign --\u003e\n\u003cdiv class=\"ord-ultimate-container\" dir=\"ltr\" id=\"ord-glass-dossier\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n .ord-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-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(229, 184, 66, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .ord-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .ord-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 \/* Styles *\/\n .ord-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 16px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .ord-comparison-item {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--ord-border);\n border-right: 4px solid var(--ord-gold-accent);\n border-radius: 14px;\n padding: 18px 16px;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .ord-comparison-item:hover {\n transform: translateX(-5px);\n border-color: var(--ord-neon-gold);\n background: rgba(229, 184, 66, 0.08);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);\n }\n\n .ord-check-icon {\n width: 28px; height: 28px; min-width: 28px;\n background: rgba(229, 184, 66, 0.2);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--ord-neon-gold);\n font-weight: 900;\n }\n\n \/* Styles *\/\n .ord-features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n \/* Styles *\/\n .ord-steps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .ord-step-card {\n background: rgba(14, 14, 20, 0.85);\n border: 1.5px dashed var(--ord-border);\n padding: 28px 18px 22px;\n border-radius: 18px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .ord-step-card:hover {\n border-color: var(--ord-neon-gold);\n transform: translateY(-5px);\n background: var(--ord-bg-card-hover);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);\n }\n\n .ord-step-num {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--ord-gold-accent), #8a6514);\n color: #000;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: monospace;\n font-weight: 900;\n font-size: 1.3rem;\n box-shadow: 0 4px 15px rgba(229, 184, 66, 0.4);\n border: 2px solid var(--ord-bg-base);\n margin-bottom: 14px;\n flex-shrink: 0;\n }\n\n .ord-step-card h4 {\n color: var(--ord-gold-accent);\n font-size: 1.18rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .ord-step-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.65;\n font-weight: 600;\n }\n\n \/* Styles *\/\n .ord-gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 16px;\n margin: 35px 0;\n width: 100%;\n }\n\n .ord-gallery-item {\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n border: 1px solid var(--ord-border);\n background: rgba(14, 14, 20, 0.85);\n transition: transform 0.4s ease, border-color 0.4s ease;\n }\n\n .ord-gallery-item:hover {\n transform: scale(1.04);\n border-color: var(--ord-neon-gold);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .ord-gallery-item img {\n width: 100%;\n display: block;\n border: none;\n box-shadow: none;\n filter: grayscale(20%) contrast(1.08);\n transition: all 0.4s ease;\n }\n\n .ord-gallery-item:hover img {\n filter: grayscale(0%) contrast(1.15);\n }\n\n \/* Styles *\/\n .ord-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--ord-gold-accent), #ffe680, var(--ord-gold-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(229, 184, 66, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .ord-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 215, 0, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--ord-neon-gold));\n }\n\n \/* Styles *\/\n .ord-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 .ord-reveal.ord-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ord-delay-1 { transition-delay: 0.12s; }\n .ord-delay-2 { transition-delay: 0.24s; }\n\n \/* Styles *\/\n .ord-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n }\n\n .ord-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .ord-icon-circle {\n width: 44px !important;\n height: 44px !important;\n margin-bottom: 10px !important;\n padding: 8px !important;\n }\n\n .ord-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 4px !important;\n line-height: 1.3 !important;\n }\n\n .ord-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n \/* Styles *\/\n .ord-causes-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n \/* Styles *\/\n .ord-tech-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .ord-tech-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .ord-tech-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .ord-tech-card h5 {\n font-size: 0.85rem !important;\n margin-bottom: 6px !important;\n }\n\n .ord-tech-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n margin-bottom: 8px !important;\n }\n\n .ord-highlight-box {\n padding: 10px 8px !important;\n font-size: 0.78rem !important;\n line-height: 1.4 !important;\n }\n\n \/* Styles *\/\n .ord-features-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .ord-features-grid .ord-card:last-child {\n grid-column: span 2 !important;\n }\n\n \/* Styles *\/\n .ord-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 12px 10px !important;\n }\n\n .ord-step-card {\n padding: 18px 10px 14px !important;\n border-radius: 14px !important;\n }\n\n .ord-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.05rem !important;\n margin-bottom: 8px !important;\n }\n\n .ord-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .ord-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n \/* Styles *\/\n .ord-gallery-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .ord-gallery-grid .ord-gallery-item:last-child {\n grid-column: span 2 !important;\n }\n\n .ord-alert-card {\n flex-direction: column !important;\n text-align: center !important;\n padding: 18px !important;\n gap: 12px !important;\n }\n\n .ord-comparison-grid {\n grid-template-columns: 1fr !important;\n }\n\n .ord-title-glow { font-size: 24px; }\n .ord-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\u003c!-- --\u003e\n\u003cdiv class=\"ord-ambient-bg\"\u003e\n\u003cdiv class=\"ord-orb ord-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ord-orb ord-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-container\"\u003e\n\u003c!-- 1. Hero \u0026 Emergency Protocol Section --\u003e\n\u003cheader class=\"ord-reveal ord-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"ord-badge\"\u003e\n\u003cspan class=\"ord-gold-dot\"\u003e\u003c\/span\u003e Protocolo clínico\n \u003c\/div\u003e\n\u003ch3 style=\"font-size: 1.25rem; color: var(--ord-gold-accent); margin-bottom: 12px; font-weight: 800;\"\u003eTu camino de recuperación del cabello comienza ahora\u003c\/h3\u003e\n\u003ch1 class=\"ord-title-glow\"\u003eRevitaliza el folículo antes de que muera\u003c\/h1\u003e\n\u003cp class=\"ord-sub-text pure-white\"\u003e\n Cuando el folículo deja de crecer. ¡Esto no significa que el bulbo esté muerto! ¡Puedes salvar tus folículos pilosos si los tratas a tiempo!\n \u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong class=\"neon-gold\" style=\"font-size: 1.3rem;\"\u003e¡No esperes a que el folículo muera antes de emprender medidas de reanimación!\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cdiv class=\"ord-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"The Ordinary Hair Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_hair_serum_original_egypt.webp?v=1778926780\"\/\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003c!-- 2. Primary Indications (Core Uses) --\u003e\n\u003csection class=\"ord-reveal\" style=\"margin-top: 25px;\"\u003e\n\u003ch2 class=\"ord-section-title\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"ord-grid\"\u003e\n\u003cdiv class=\"ord-card\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Germinación\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_b4e4172d-91a1-412e-8f90-5deae77dcb0f.png?v=1710755477\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eActúa para hacer crecer el cabello\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eEstimula la división de las células madre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card ord-delay-1\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Deja de perder pelo\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/2_3020e276-8a23-44a1-bb26-b1d835138490.png?v=1710755477\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eDetén la caída del cabello\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eNutre el folículo y mejora el flujo sanguíneo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card ord-delay-2\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"DHT\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/3_deda3a73-cc1e-4840-944a-c74967585bee.png?v=1710755476\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eReduce el efecto de la hormona DHT\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eReduce el efecto de la principal hormona que causa la calvicie hereditaria\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Densidad\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/5_fc0e59db-1144-4c3d-bc80-8e8845596733.png?v=1710755477\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eAumenta la densidad y el grosor del folículo\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eMejora la densidad del cabello y reduce las zonas escasas en la cabeza\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card ord-delay-1\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Infecciones\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/4_2de1d121-2b99-4be6-b373-55833e611001.png?v=1710755477\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eAntiinflamatorio para el folículo\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eContiene agentes antiinflamatorios para tratar la pérdida de cabello causada por la inflamación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003c!-- 3. The Minoxidil Comparison --\u003e\n\u003csection class=\"ord-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"ord-section-title\"\u003eMejor que el minoxidil\u003c\/h2\u003e\n\u003cdiv class=\"ord-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"Better than Minoxidil\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_47.png?v=1672590638\u0026amp;width=720\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-glass-box\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; line-height: 1.85; margin-bottom: 25px; text-align: center;\"\u003e\n A diferencia de los productos a base de minoxidil, cuyos resultados disminuyen al mes de suspender el tratamiento, \u003cstrong class=\"neon-gold\"\u003eEste suero te dará resultados permanentes que modifican la estructura del cabello y del cuero cabelludo desde el interior.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"ord-comparison-grid\"\u003e\n\u003cdiv class=\"ord-comparison-item\"\u003e\n\u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n\u003cp class=\"pure-white\"\u003eNo provoca la fase inicial de descamación que experimentan los usuarios de Minoxidil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-comparison-item\"\u003e\n\u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n\u003cp class=\"pure-white\"\u003eNo provoca caída del cabello inmediatamente después de la interrupción del uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-comparison-item\"\u003e\n\u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n\u003cp class=\"pure-white\"\u003eNo deja un efecto molesto en el cabello\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-comparison-item\"\u003e\n\u003cdiv class=\"ord-check-icon\"\u003e✓\u003c\/div\u003e\n\u003cp class=\"pure-white\"\u003eResultados mejores y más rápidos y sin efectos secundarios como el Minoxidil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003c!-- 4. Etiology (Causes) --\u003e\n\u003csection class=\"ord-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003ch2 class=\"ord-section-title\"\u003eLa caída de tu cabello se detendrá, sea cual sea la causa de la pérdida\u003c\/h2\u003e\n\u003cdiv class=\"ord-grid ord-causes-grid\"\u003e\n\u003cdiv class=\"ord-card\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Calvicie hereditaria\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eCalvicie hereditaria\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eEl suero actúa inhibiendo la hormona DHT, que provoca la calvicie hereditaria.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card ord-delay-1\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Malnutrición\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMalnutrición\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eEl suero contiene todos los elementos que el folículo necesita para un crecimiento saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card ord-delay-2\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Inflamación del cuero cabelludo\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eInflamación del cuero cabelludo\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eEl suero contiene agentes antiinflamatorios para prevenir la pérdida de cabello causada por infecciones bacterianas o fúngicas o por la caspa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Alopecia\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eAlopecia\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eEl suero estimula el folículo dormido a volver a crecer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003c!-- 5. Technologies Lab Dossier --\u003e\n\u003csection class=\"ord-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(--ord-gold-accent); margin-bottom: 8px; font-weight: 800;\"\u003eTecnología de la marca internacional ™THE ORDINARY\u003c\/h3\u003e\n\u003ch2 class=\"ord-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eLa tecnología de los péptidos actúa a nivel celular\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 15px;\"\u003eIngredientes científicamente probados y clínicamente testados con resultados revolucionarios. Compuestos peptídicos revolucionarios reunidos en un solo producto\u003c\/p\u003e\n\u003cp class=\"pure-white\" style=\"max-width: 820px; margin: 0 auto; line-height: 1.85; opacity: 0.95;\"\u003eLos péptidos promueven el proceso de curación actuando como factores de señalización celular, estimulando la producción de proteínas en el folículo que a su vez estimula el crecimiento del cabello. También ayuda a reducir la inflamación y la irritación del cuero cabelludo, considerada una de las principales causas de la pérdida de cabello y la muerte de los folículos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-tech-grid\"\u003e\n\u003c!-- TECH 01 --\u003e\n\u003cdiv class=\"ord-tech-card\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ord-tech-header\"\u003e\n\u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"REDENCYL\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_24.png?v=1641551302\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ord-tech-badge\"\u003eTECH.01\u003c\/span\u003e\n\u003ch4\u003e™REDENCYL\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5 class=\"neon-gold\"\u003eEstimula la división de las células madre en el cabello\u003c\/h5\u003e\n\u003cp\u003eEs una mezcla de derivados naturales de las plantas. Ayuda a estimular la división de las células madre, detiene la muerte celular y las protege de los factores oxidativos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-highlight-box\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eEstudios clínicos muestran que más de 10.000 nuevos cabellos han crecido después de 3 meses de uso continuo.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECH 02 --\u003e\n\u003cdiv class=\"ord-tech-card ord-delay-1\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ord-tech-header\"\u003e\n\u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Procapil\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/hormones_1.png?v=1641550978\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ord-tech-badge\"\u003eTECH.02\u003c\/span\u003e\n\u003ch4\u003e™Procapil\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5 class=\"neon-gold\"\u003eFortalece los folículos pilosos y reduce el efecto de la hormona DHT\u003c\/h5\u003e\n\u003cp\u003eAumenta el flujo sanguíneo al cuero cabelludo para que los folículos pilosos reciban nutrición y oxígeno.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-highlight-box\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eEstudios han mostrado un aumento significativo de los niveles de anágeno\/telógeno en comparación con el tratamiento oral con FINASTERIDA.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECH 03 --\u003e\n\u003cdiv class=\"ord-tech-card ord-delay-2\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ord-tech-header\"\u003e\n\u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"BAICAPIL\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/hair-loss.png?v=1641551196\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ord-tech-badge\"\u003eTECH.03\u003c\/span\u003e\n\u003ch4\u003e™BAICAPIL\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5 class=\"neon-gold\"\u003eMezcla terapéutica vegetal avanzada\u003c\/h5\u003e\n\u003cp\u003eUna mezcla de scutellaria baicalensis, soja y brotes de trigo. Estimula el crecimiento del cabello, aumenta la densidad del cabello y reduce la pérdida de cabello\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-highlight-box\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eLa investigación ha revelado que la pérdida de cabello se redujo en un 60,6% después de 3 meses de uso.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECH 04 --\u003e\n\u003cdiv class=\"ord-tech-card\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ord-tech-header\"\u003e\n\u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"AnaGain\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_26.png?v=1641551757\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ord-tech-badge\"\u003eTECH.04\u003c\/span\u003e\n\u003ch4\u003eAnaGain ™\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5 class=\"neon-gold\"\u003eBrote de guisante biológico natural\u003c\/h5\u003e\n\u003cp\u003eBasado en brotes de guisante orgánicos. Una contribución natural y sostenible para un cabello más grueso y saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-highlight-box\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eLos estudios de laboratorio muestran un aumento del 78% en la salud y el crecimiento del cabello en solo 3 meses.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECH 05 --\u003e\n\u003cdiv class=\"ord-tech-card ord-delay-1\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ord-tech-header\"\u003e\n\u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"CAPIXYL\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_27.png?v=1641552001\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ord-tech-badge\"\u003eTECH.05\u003c\/span\u003e\n\u003ch4\u003eCAPIXYL ™\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5 class=\"neon-gold\"\u003ePéptido señal y regulación de la DHT\u003c\/h5\u003e\n\u003cp\u003eUn péptido señal que modula la DHT inhibiendo la 5-alfa-reductasa y estimulando la síntesis de proteínas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-highlight-box\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eLas pruebas han demostrado resultados mejores en estimular el crecimiento del cabello en comparación con el Minoxidil como una alternativa segura y rápida.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECH 06 --\u003e\n\u003cdiv class=\"ord-tech-card ord-delay-2\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ord-tech-header\"\u003e\n\u003cdiv class=\"ord-icon-circle\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Caffeine\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/6111829.png?v=1641553498\u0026amp;width=150\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ord-tech-badge\"\u003eTECH.06\u003c\/span\u003e\n\u003ch4\u003eCAFEEINE 1%\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5 class=\"neon-gold\"\u003eActivación de las raíces y detención de la caída\u003c\/h5\u003e\n\u003cp\u003eLa cafeína promueve el crecimiento del cabello y detiene la caída.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-highlight-box\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eEstudios han confirmado su eficacia en la inhibición de la hormona DHT acumulada en los folículos.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-alert-card\"\u003e\n\u003cdiv class=\"ord-alert-icon\"\u003e!\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eNota:\u003c\/strong\u003e Podrías encontrar estos compuestos como principales ingredientes de otros productos, pero no encontrarás un producto que combine estos ingredientes en una única fórmula además de este producto.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003c!-- 6. Permanent Results --\u003e\n\u003csection class=\"ord-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003ch2 class=\"ord-section-title\"\u003eResultados permanentes\u003c\/h2\u003e\n\u003cdiv class=\"ord-features-grid\"\u003e\n\u003cdiv class=\"ord-card\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Check\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eSin condiciones\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eNo estás obligado a usar o a evitar usar otros productos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card ord-delay-1\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Check\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eSin obligación\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eNo te comprometerás a usarlo de por vida a diferencia de otros productos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-card ord-delay-2\"\u003e\n\u003cdiv class=\"ord-icon-circle\"\u003e\n\u003cimg alt=\"Check\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\"\/\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eSin efectos secundarios\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eUna fórmula clínica segura que no provoca pérdida inicial del cabello ni irritación del cuero cabelludo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003c!-- 7. Usage Protocol --\u003e\n\u003csection class=\"ord-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"ord-section-title\"\u003eProtocolo de uso\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 25px;\"\u003eEs preferible aplicarlo por la noche para la máxima eficacia\u003c\/p\u003e\n\u003cdiv class=\"ord-steps-grid\"\u003e\n\u003cdiv class=\"ord-step-card\"\u003e\n\u003cdiv class=\"ord-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eLa dosis específica\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eAplica unas gotas (4 a 6) una vez al día, preferiblemente por la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-step-card ord-delay-1\"\u003e\n\u003cdiv class=\"ord-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMasaje directo\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eMasajear bien el suero en el cuero cabelludo con la yema de los dedos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-step-card ord-delay-2\"\u003e\n\u003cdiv class=\"ord-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eCuero cabelludo seco y limpio\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eDebe aplicarse sobre un cuero cabelludo limpio y seco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-step-card\"\u003e\n\u003cdiv class=\"ord-step-num\"\u003e04\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eTratamiento leave-in\u003c\/h4\u003e\n\u003cp class=\"pure-white\"\u003eNo enjuagar durante al menos 2 horas (fórmula leave-in).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"ord-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003c!-- 8. Real Transformations --\u003e\n\u003csection class=\"ord-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch3 style=\"font-size: 1.25rem; color: var(--ord-gold-accent); margin-bottom: 8px; font-weight: 800;\"\u003eLa tecnología de péptidos para el crecimiento del cabello ha cambiado la vida de miles de personas y cambiará también la tuya\u003c\/h3\u003e\n\u003ch2 class=\"ord-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eLas transformaciones clínicas más evidentes\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"max-width: 820px; margin: 0 auto 30px; font-size: 1.1rem; line-height: 1.85;\"\u003e\n Algunos de los resultados mostrados provienen de nuestros clientes y otros de la página oficial de The Ordinary. \n \u003cstrong class=\"neon-gold\"\u003eLos resultados se comparten solo con el permiso del cliente.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"ord-gallery-grid\"\u003e\n\u003cdiv class=\"ord-gallery-item\"\u003e\n\u003cimg alt=\"Resultado 1\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_37.jpg?v=1675342480\u0026amp;width=600\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-gallery-item\"\u003e\n\u003cimg alt=\"Resultado 2\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_38.jpg?v=1675343505\u0026amp;width=600\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-gallery-item\"\u003e\n\u003cimg alt=\"Resultado 3\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/280e0f6d-adc1-5969-aa3e-b9789c868fdd_1cf0b52d-0c70-4394-bdb4-6124788b2bc1.jpg?v=1675343008\u0026amp;width=600\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-gallery-item\"\u003e\n\u003cimg alt=\"Resultado 4\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644040613100_1.jpg?v=1675342932\u0026amp;width=600\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ord-gallery-item\"\u003e\n\u003cimg alt=\"Resultado 5\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644042538145_1.jpg?v=1675342991\u0026amp;width=600\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- --\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003csection class=\"ord-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(22, 22, 32, 0.95) 0%, rgba(6, 6, 10, 0.98) 100%); border-radius: 24px; border: 2px solid var(--ord-gold-accent); box-shadow: 0 20px 60px rgba(229, 184, 66, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003eNo dudes en invertir en tu cabello\u003c\/p\u003e\n\u003ch2 class=\"ord-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003ePuedes hacer crecer los folículos de tu cabello y recuperar tu confianza en ti mismo si comienzas el tratamiento temprano\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eCuanto antes comience el tratamiento, más seguros y mejores serán los resultados.\u003c\/p\u003e\n\u003cdiv class=\"ord-img-md\" style=\"margin: 25px auto;\"\u003e\n\u003cimg alt=\"Invierte en tu cabello\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/de36203f-06e9-450a-a971-6272062f11a5.webp?v=1778927016\"\/\u003e\n\u003c\/div\u003e\n\u003ca class=\"ord-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eAñadir al carrito ahora\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- --\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.ord-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('ord-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":41031007273157,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinarymultipeptidehairserumforhairlossandalopecia.jpg?v=1704025522"},{"product_id":"the-ordinary-mandelic-acid","title":"El ácido mandélico al 10% común para exfoliación ligera","description":"\u003cp data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003eEl Ácido Mandélico 10% + HA ofrece una exfoliación superficial de la piel más delicada en comparación con otros AHA. El peso molecular del ácido mandélico es de 152,1 daltons, mayor en comparación con otros ácidos alfa hidroxi (ácido glicólico 76,0 daltons, por ejemplo). Este mayor tamaño permite que el ácido mandélico penetre en la piel más lentamente, haciéndolo muy delicado e ideal para todo tipo de piel. No es necesaria una concentración superior al 10%, porque simplemente obtendrías un poder exfoliante indirecto, más fácilmente alcanzable con porcentajes inferiores de ácido glicólico.\u003cbr\/\u003e\u003cbr\/\u003eContraindicaciones: Esta fórmula no debe utilizarse en piel sensible, escamosa o comprometida. Por favor, consulte la nota para más indicaciones sobre la protección solar y otras advertencias en las instrucciones proporcionadas.\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003eDescripción: Fórmula al 10% de ácido mandélico que proporciona una exfoliación suave.\u003cbr\/\u003e\u003cbr\/\u003eTipo de piel: normal, seca, mixta y grasa\u003cbr\/\u003e\u003cbr\/\u003eProblemas de skincare: opacidad, pigmentación, líneas finas, arrugas, acné e imperfecciones\u003cbr\/\u003e\u003cbr\/\u003eIngredientes importantes:\u003cbr\/\u003e- Ácido mandélico: Proporciona una exfoliación superficial de la piel y es más delicado que otros alfa-hidroxiácidos.\u003cbr\/\u003e\u003cbr\/\u003eIngredientes: Sin sulfatos SLS y SLES, parabenos, formaldehído, agentes liberadores de formaldehído, ftalatos, aceite mineral, palmitato de retinilo, oxibenzona, alquitrán de hulla, hidroquinona, triclosán y triclocarbano, y contiene menos del uno por ciento de perfume sintético. Este producto también es vegano, libre de crueldad y sin gluten.\u003cbr\/\u003e\u003cbr\/\u003eQué más debes saber: El mayor tamaño molecular de esta fórmula de peeling superficial con ácido mandélico permite que el ácido mandélico penetre en la piel más lentamente.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":41072801415365,"sku":"","price":510.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/miswag_beO2hh.jpg?v=1641996364"},{"product_id":"thr-ordinary-multipeptide-eyebrows-eyelash-serum","title":"The Ordinary Suero con tecnología peptídica para hacer crecer y espesar pestañas y cejas","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n \n direction: ltr;\n color: #333;\n line-height: 1.6;\n background-color: white;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .features-list {\n list-style: none;\n margin-bottom: 20px;\n }\n \n .features-list li {\n position: relative;\n padding-right: 30px;\n margin-bottom: 15px;\n }\n \n .features-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 8px;\n width: 12px;\n height: 12px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content ul {\n padding-right: 20px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .info-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .science-icon {\n display: inline-block;\n width: 50px;\n height: 50px;\n margin-left: 15px;\n vertical-align: middle;\n background-color: #9C8102;\n border-radius: 50%;\n position: relative;\n text-align: center;\n line-height: 50px;\n color: white;\n font-size: 24px;\n }\n \n .peptide-info {\n display: flex;\n margin: 30px 0;\n background-color: #f8f8f8;\n border-radius: 8px;\n overflow: hidden;\n }\n \n .peptide-left {\n padding: 20px;\n flex: 2;\n }\n \n .peptide-right {\n background-color: #9C8102;\n color: white;\n flex: 1;\n padding: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n \n .peptide-right h3 {\n margin-bottom: 10px;\n font-size: 18px;\n }\n \n .peptide-right p {\n text-align: center;\n font-size: 14px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n\n \/* Animation for eye blink *\/\n @keyframes blink {\n 0% { transform: scaleY(1); }\n 5% { transform: scaleY(0.1); }\n 10% { transform: scaleY(1); }\n 100% { transform: scaleY(1); }\n }\n\n .eye-icon {\n display: inline-block;\n font-size: 24px;\n animation: blink 5s infinite;\n transform-origin: center;\n }\n\n \/* Before\/After comparison *\/\n .before-after-container {\n position: relative;\n max-width: 600px;\n margin: 30px auto;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n \n .comparison-label {\n position: absolute;\n padding: 5px 10px;\n background-color: rgba(156, 129, 2, 0.8);\n color: white;\n font-size: 14px;\n font-weight: bold;\n border-radius: 4px;\n }\n \n .before-label {\n top: 10px;\n right: 10px;\n }\n \n .after-label {\n top: 10px;\n left: 10px;\n }\n \n .result-stat {\n text-align: center;\n margin-top: 15px;\n font-size: 18px;\n color: #9C8102;\n font-weight: 600;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eTus ojos son hermosos, pero las pestañas cortas y los espacios entre las cejas los ocultan\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eLas pestañas son el símbolo de la feminidad. Nada resalta la belleza de los ojos como las pestañas largas. Ahora puedes espesar y alargar tus pestañas y completar las lagunas de las cejas de manera natural utilizando la última tecnología global para el crecimiento del cabello de The Ordinary, el propietario de innovaciones científicas a precios accesibles.\u003c\/p\u003e\n\u003cp class=\"result-stat\"\u003eMejora evidente de la densidad de las pestañas y cejas en un período no superior a 4 semanas \u003cspan class=\"eye-icon\"\u003e👁️\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eMás del 50% de los folículos de pestañas y cejas están dormidos, esperando un estímulo que desencadene su crecimiento\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eTus pestañas superiores contienen 150-200 folículos, mientras que tus pestañas inferiores contienen 75-100. Si cuentas las pestañas de tus ojos ahora, descubrirás que el número de pelos es inferior al 50% del número de folículos.\u003c\/p\u003e\n\u003cp class=\"description\"\u003ePorque el 50%-60% de las pestañas necesita estimulación química para iniciar su crecimiento.\u003c\/p\u003e\n\u003cdiv class=\"peptide-info\"\u003e\n\u003cdiv class=\"peptide-left\"\u003e\n\u003ch3 class=\"info-title\"\u003eTecnología de polipéptidos\u003c\/h3\u003e\n\u003cp\u003eEl suero The Ordinary contiene 4 compuestos peptídicos avanzados que estimulan los folículos pilosos y mejoran la densidad de pestañas y cejas. Estos péptidos son responsables de la construcción de proteínas en los folículos pilosos y de la mejora de los niveles de colágeno para un aspecto más lleno y denso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-right\"\u003e\n\u003ch3\u003e4\u003c\/h3\u003e\n\u003cp\u003eComplejos peptídicos avanzados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eCuando usas este suero, él:\u003c\/p\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003eAlargamiento de los folículos activos y aumento de su grosor\u003c\/li\u003e\n\u003cli\u003eGerminación de bulbos dormidos y su paso a la fase de crecimiento\u003c\/li\u003e\n\u003cli\u003eReducirá los espacios entre tus pestañas y te dará un aspecto de extensión natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"description\"\u003e\u003cstrong\u003eYa no se necesitan sesiones costosas y temporales de aplicación de pestañas desde hoy\u003c\/strong\u003eAhora puedes obtener este aspecto, por el que gastas enormes sumas de dinero en cada sesión, pero de manera natural, con resultados permanentes y sin efectos secundarios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eViaje hacia los resultados con el suero para pestañas y cejas de The Ordinary\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eDescubre la transformación gradual de tus pestañas y cejas con el uso regular. Con el uso continuado, notarás una mejora evidente en la densidad, la longitud y el aspecto de tus pestañas y cejas.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eSemana 8-12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eSemana 1: Hidratar y fortalecer\u003c\/h3\u003e\n\u003cp\u003eEn los primeros días de uso, notarás una sensación de hidratación y suavidad en la zona de las pestañas y las cejas. Los resultados visibles podrían no aparecer todavía, pero los ingredientes activos ya han comenzado a penetrar en los folículos y a nutrirlos.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eHumectante y suavizante de la zona de las pestañas y cejas\u003c\/li\u003e\n\u003cli\u003eFortalecimiento inicial del vello existente\u003c\/li\u003e\n\u003cli\u003eReducir la caída de las pestañas\u003c\/li\u003e\n\u003cli\u003ePreparando los folículos inactivos para el crecimiento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eLa segunda semana: comienzan a aparecer signos de mejora\u003c\/h3\u003e\n\u003cp\u003eEn este punto, notarás una ligera mejora en la apariencia de tus pestañas y cejas. Algunos usuarios notan el crecimiento de nuevos pelos, especialmente en las áreas despobladas.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eUn ligero aumento de la densidad de las pestañas\u003c\/li\u003e\n\u003cli\u003eComienzo del relleno de los huecos en las cejas\u003c\/li\u003e\n\u003cli\u003ePestañas más fuertes y menos propensas a caerse\u003c\/li\u003e\n\u003cli\u003eAspecto más sano y vibrante del cabello existente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eSemana 4: Mejora evidente en densidad y longitud\u003c\/h3\u003e\n\u003cp\u003eDespués de un mes de uso regular, los estudios clínicos han demostrado una mejora significativa en el volumen y la densidad de las pestañas y cejas. En esta etapa notarás una diferencia clara respecto a antes del uso.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAumento evidente de la longitud de las pestañas\u003c\/li\u003e\n\u003cli\u003eMayor densidad y mejor plenitud de las cejas\u003c\/li\u003e\n\u003cli\u003eClara reducción de huecos y espacios\u003c\/li\u003e\n\u003cli\u003eApariencia de cabello más fuerte y brillante\u003c\/li\u003e\n\u003cli\u003ePestañas más curvas y más atractivas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eSemana 8-12: Resultados completos y sostenibles\u003c\/h3\u003e\n\u003cp\u003eCon el uso continuado durante 8-12 semanas, alcanzarás los máximos resultados posibles. En esta etapa, notarás una transformación completa en el aspecto de tus pestañas y cejas, de manera natural y sostenible.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePestañas visiblemente más largas y densas\u003c\/li\u003e\n\u003cli\u003eCejas llenas y bien definidas\u003c\/li\u003e\n\u003cli\u003eLa casi completa desaparición de vacíos y espacios\u003c\/li\u003e\n\u003cli\u003eUn aspecto sano y natural que recuerda a las extensiones\u003c\/li\u003e\n\u003cli\u003eResultados duraderos mientras el uso regular continúe\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eEl poder de la ciencia detrás de la única fórmula del suero\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n\u003cdiv class=\"science-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3 class=\"info-title\"\u003e11 ingredientes activos en una fórmula avanzada\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eEl suero The Ordinary contiene una combinación única de 11 ingredientes activos, incluidos 4 complejos de péptidos avanzados y extractos vegetales potentes que trabajan juntos para estimular los folículos pilosos y favorecer el crecimiento y la densidad de las pestañas y cejas.\u003c\/p\u003e\n\u003ch4 style=\"margin-top: 20px; color: #9C8102;\"\u003ePrincipales ingredientes:\u003c\/h4\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMiristoyl pentapéptido-17:\u003c\/strong\u003e Estimula el crecimiento del cabello y fortalece los folículos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotinil Tripeptido-1:\u003c\/strong\u003e Favorece el ciclo de crecimiento del cabello y reduce la caída del cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOligopéptido-2:\u003c\/strong\u003e Mejora la densidad del cabello y aumenta su grosor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetiltetrapéptido-3:\u003c\/strong\u003e Apoya la producción de colágeno para mejorar la fuerza del cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCafeína:\u003c\/strong\u003e Activa la circulación sanguínea y estimula el crecimiento del cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtractos vegetales:\u003c\/strong\u003e Nutre e protege los folículos y mejora su salud\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eCómo usar para los mejores resultados\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eLimpia primero la piel\u003c\/h4\u003e\n\u003cp\u003eAsegúrate de limpiar la zona de las pestañas y las cejas de maquillaje o aceites, luego seca completamente el área.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAplica una fina capa de suero\u003c\/h4\u003e\n\u003cp\u003eUsa el pincel para aplicar una capa delgada a lo largo de la línea de las pestañas y en las cejas, asegurándote de cubrir cualquier zona escasa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eÚsalo dos veces al día\u003c\/h4\u003e\n\u003cp\u003ePara mejores resultados, usar el sérum regularmente por la mañana y por la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eContinuar durante un mínimo de 4 semanas\u003c\/h4\u003e\n\u003cp\u003eLos resultados aparecen gradualmente, alcanzando su punto máximo después de 8-12 semanas de uso regular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003eIngredientes completos\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n Agua, Glicerina, Butilenglicol, Miristoil Pentapéptido-17, Butinoyl Tripéptido-1, Oligopéptido-2, Acetil Tetrapéptido-3, Cafeína, Pantenol, Arginina, Glicina, Glucoproteína, Extracto de Alerce Europeo, Extracto de Trébol Rojo, Extracto de Hojas de Té Verde Camellia Sinensis, Dextrano, Maltodextrina, Cloruro de Zinc, Hidroxietilcelulosa, Goma Xantana, Trisodio Disuccinato de Etilendiamina, Polisorbato 20, Metabisulfito de Sodio, Caprililglicol, 1,2-Hexanodiol, Benzoato de Sodio, Ácido Benzoico, Etilhexilglicerina, Fenoxietanol, Clorfenesina.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":41922894594245,"sku":"","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The_ordinary_multipeptide_eyelashes_eyebrows_serum_2.jpg?v=1735483832"},{"product_id":"the-ordinary-alpha-arbutin-2-ha","title":"The Ordinary Alpha Arbutin 2% + HA - Suero específico para manchas oscuras e inhibición de la melanina","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"alpha-arbutin-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"main-title\"\u003eAlpha Arbutina \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e + Ácido hialurónico\u003c\/h1\u003e\n\u003ch2 class=\"sub-title\"\u003eEl secreto científico para una piel uniforme, radiante, libre de manchas oscuras\u003c\/h2\u003e\n\u003cdiv class=\"product-visual\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Promise Section --\u003e\n\u003cdiv class=\"promise-section\"\u003e\n\u003cdiv class=\"promise-intro\"\u003e\n\u003cp\u003ePor primera vez en el mundo del skincare, una fórmula científica innovadora con concentración \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e De pura alfa arbutina\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-cards\"\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M7.5 12H16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 7.5V16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eEficacia garantizada\u003c\/h3\u003e\n\u003cp\u003eContiene el 2% de Alpha Arbutin puro - la concentración más alta segura y efectiva probada científicamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eResultados rápidos\u003c\/h3\u003e\n\u003cp\u003eGracias a la fórmula ideal, los resultados se notan a partir de la primera semana de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M22 4L12 14.01L9 11.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eCalidad garantizada\u003c\/h3\u003e\n\u003cp\u003eEl pH ideal se ha desarrollado para garantizar la estabilidad de los ingredientes y la máxima eficacia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePiel radiante en \u003cspan class=\"highlight\"\u003eSolo 4 semanas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M15 9L9 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 9L15 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003ePrimero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eManchas oscuras e hiperpigmentación\u003c\/li\u003e\n\u003cli\u003eTono de piel irregular\u003c\/li\u003e\n\u003cli\u003eEfectos contra el acné y las cicatrices\u003c\/li\u003e\n\u003cli\u003ePiel opaca que carece de luminosidad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transform-divider\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M5 12H19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 5L19 12L12 19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M8 12L11 15L16 9\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eDespués\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eUniforma visiblemente el tono de la piel\u003c\/li\u003e\n\u003cli\u003eAclarar las manchas oscuras y los efectos del sol\u003c\/li\u003e\n\u003cli\u003eAclarar los efectos de granos y cicatrices\u003c\/li\u003e\n\u003cli\u003ePiel luminosa y radiante\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!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eEl poder de la fórmula científica única\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-breakdown\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eAlfa Arbutina Pura 2%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eUn ingrediente iluminador despigmentante de la piel eficaz, actúa inhibiendo la enzima tirosinasa responsable de la producción de melanina (pigmento de la piel), previniendo así la aparición de manchas oscuras y uniformando el tono de la piel de manera eficaz y segura.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eAclarar las manchas oscuras\u003c\/span\u003e \u003cspan\u003eUnificar el tono de la piel\u003c\/span\u003e \u003cspan\u003ePreviene nuevas pigmentaciones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eÁcido hialurónico\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eUn potente humectante que retiene la humedad en la piel y ayuda a transportar los ingredientes activos a las capas más profundas de la piel, mejorando la eficacia de la Alfa Arbutina y garantizando la máxima absorción del producto.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eHidratación intensa\u003c\/span\u003e \u003cspan\u003eMejora la absorción de los ingredientes\u003c\/span\u003e \u003cspan\u003eMejorar la elasticidad de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eIdeal pH\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eEl producto ha sido cuidadosamente desarrollado para mantener el pH ideal que previene la degradación de la Alfa Arbutina en agua, asegurando la estabilidad de los ingredientes y su máxima eficacia durante un período más largo.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eEstabilidad de los ingredientes\u003c\/span\u003e \u003cspan\u003eEficacia a largo plazo\u003c\/span\u003e \u003cspan\u003eMáximo beneficio posible\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eEl viaje de tu piel con Alpha Arbutin\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eEl inicio del cambio\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eMejorar la textura de la piel\u003c\/li\u003e\n\u003cli\u003eAumentar la hidratación y la frescura de la piel\u003c\/li\u003e\n\u003cli\u003eReducir la inflamación asociada a las manchas oscuras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eLa segunda semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eEl comienzo de la luminosidad\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAumento evidente de la luminosidad de la piel\u003c\/li\u003e\n\u003cli\u003eInicio del aclaramiento de las manchas oscuras recientes\u003c\/li\u003e\n\u003cli\u003eUniformar gradualmente el tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eLa tercera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eMejora evidente\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAclarado claro de las manchas oscuras recientes\u003c\/li\u003e\n\u003cli\u003eInicio del aclaramiento de las manchas viejas y obstinadas\u003c\/li\u003e\n\u003cli\u003eMejora significativa del tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eCuarta semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eResultados extraordinarios\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAclaramiento visible de todo tipo de manchas oscuras\u003c\/li\u003e\n\u003cli\u003eUniforma perfectamente el tono de la piel\u003c\/li\u003e\n\u003cli\u003ePiel luminosa, radiante y suave\u003c\/li\u003e\n\u003cli\u003eUna mejora visible del aspecto y la textura de la piel.\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!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eModo de uso ideal\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eLimpieza\u003c\/h3\u003e\n\u003cp\u003eComienza limpiando bien tu piel usando un limpiador adecuado para tu tipo de piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eAplicación\u003c\/h3\u003e\n\u003cp\u003eAplicar unas gotas de suero Alpha Arbutin sobre la piel limpia y seca, concentrándose en las áreas con manchas oscuras e hiperpigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eHidratante\u003c\/h3\u003e\n\u003cp\u003eDespués de que el suero se haya absorbido, aplica la crema hidratante adecuada sobre la piel para mantener la humedad cutánea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eProtección\u003c\/h3\u003e\n\u003cp\u003eNo olvides usar protector solar durante el día para protegerte de los rayos UV y prevenir la aparición de más manchas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-notes\"\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eÚsalo dos veces al día, mañana y noche para los mejores resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eSe puede combinar con Vitamina C para obtener resultados dobles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eIdeal para todo tipo de piel, incluida la piel sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\u003ch2\u003eEs el momento de una piel uniforme y luminosa, libre de manchas oscuras\u003c\/h2\u003e\n\u003cp\u003eAlpha Arbutina 2% + Ácido Hialurónico - la fórmula científica ideal para aclarar y unificar el tono de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.alpha-arbutin-container {\n direction: ltr;\n max-width: 100%;\n margin: 0 auto;\n padding: 15px;\n color: #333;\n overflow-x: hidden;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n margin: 0;\n padding: 0;\n}\n\n.main-title {\n font-size: 1.8rem;\n color: #333;\n margin-bottom: 10px;\n text-align: center;\n line-height: 1.3;\n}\n\n.sub-title {\n font-size: 1.2rem;\n color: #666;\n text-align: center;\n margin-bottom: 25px;\n font-weight: normal;\n line-height: 1.5;\n}\n\n.section-title {\n font-size: 1.5rem;\n color: #333;\n text-align: center;\n margin-bottom: 25px;\n position: relative;\n padding-bottom: 15px;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n}\n\n.highlight {\n color: #9C8102;\n}\n\n\/* Hero Section *\/\n.hero-section {\n margin-bottom: 40px;\n position: relative;\n}\n\n.product-visual {\n position: relative;\n margin-top: 30px;\n text-align: center;\n}\n\n.product-image {\n position: relative;\n z-index: 2;\n}\n\n.main-product-image {\n max-width: 80%;\n height: auto;\n border-radius: 8px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.glow-effect {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.2) 0%, rgba(255, 255, 255, 0) 70%);\n z-index: 1;\n animation: glow 3s ease-in-out infinite alternate;\n}\n\n@keyframes glow {\n 0% {\n opacity: 0.5;\n transform: translate(-50%, -50%) scale(0.9);\n }\n 100% {\n opacity: 0.8;\n transform: translate(-50%, -50%) scale(1.1);\n }\n}\n\n\/* Promise Section *\/\n.promise-section {\n margin-bottom: 40px;\n background-color: #f9f9f9;\n padding: 25px 15px;\n border-radius: 10px;\n}\n\n.promise-intro {\n text-align: center;\n margin-bottom: 25px;\n font-size: 1.1rem;\n line-height: 1.5;\n}\n\n.promise-cards {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n}\n\n.promise-card {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.promise-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.card-icon {\n margin: 0 auto 15px;\n width: 60px;\n height: 60px;\n}\n\n.promise-card h3 {\n margin-bottom: 12px;\n color: #9C8102;\n}\n\n.promise-card p {\n color: #666;\n line-height: 1.6;\n font-size: 0.95rem;\n}\n\n\/* Transformation Section *\/\n.transformation-section {\n margin-bottom: 40px;\n}\n\n.transformation-grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n}\n\n.transform-item {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n width: 100%;\n}\n\n.transform-visual {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n}\n\n.visual-icon {\n margin-left: 10px;\n}\n\n.visual-text {\n font-size: 1.2rem;\n font-weight: bold;\n}\n\n.problem-list ul, .benefit-list ul {\n list-style: none;\n padding-right: 5px;\n}\n\n.problem-list li, .benefit-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 10px;\n line-height: 1.5;\n font-size: 0.95rem;\n}\n\n.problem-list li:before {\n content: '✕';\n position: absolute;\n right: 0;\n color: #e74c3c;\n font-weight: bold;\n}\n\n.benefit-list li:before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #2ecc71;\n font-weight: bold;\n}\n\n.transform-divider {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px 0;\n}\n\n\/* Science Section *\/\n.science-section {\n margin-bottom: 40px;\n padding: 25px 15px;\n background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n border-radius: 10px;\n}\n\n.ingredients-breakdown {\n display: flex;\n flex-direction: column;\n gap: 25px;\n}\n\n.ingredient-item {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-name {\n margin-bottom: 15px;\n text-align: center;\n}\n\n.ingredient-highlight {\n background-color: #9C8102;\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 1rem;\n font-weight: bold;\n}\n\n.ingredient-details p {\n margin-bottom: 15px;\n line-height: 1.6;\n font-size: 0.95rem;\n color: #555;\n}\n\n.ingredient-benefits {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.ingredient-benefits span {\n background-color: #f0f0f0;\n padding: 5px 10px;\n border-radius: 15px;\n font-size: 0.85rem;\n color: #333;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n margin-bottom: 40px;\n}\n\n\/* Timeline CSS That Matches Screenshot Exactly *\/\n.results-timeline {\n margin-bottom: 40px;\n}\n\n.timeline-container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.timeline-item {\n position: relative;\n}\n\n.timeline-card {\n display: flex;\n position: relative;\n background-color: #f9f9f9;\n border-radius: 8px;\n overflow: hidden;\n border-right: 4px solid #9C8102;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-week {\n position: absolute;\n right: 0;\n top: 0;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n padding: 10px 15px;\n min-width: 120px;\n text-align: center;\n border-radius: 0 8px 0 8px;\n}\n\n.timeline-content {\n flex: 1;\n padding: 40px 20px 20px;\n text-align: left;\n}\n\n.timeline-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 15px;\n}\n\n.timeline-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.timeline-list li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 10px;\n font-size: 0.95rem;\n line-height: 1.5;\n}\n\n\n\n\/* Usage Section *\/\n.usage-section {\n margin-bottom: 40px;\n background-color: #f9f9f9;\n padding: 25px 15px;\n border-radius: 10px;\n}\n\n.usage-steps {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-bottom: 25px;\n}\n\n.usage-step {\n display: flex;\n align-items: flex-start;\n background-color: white;\n border-radius: 8px;\n padding: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.step-number {\n width: 30px;\n height: 30px;\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: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n}\n\n.step-content h3 {\n margin-bottom: 8px;\n color: #333;\n}\n\n.step-content p {\n color: #666;\n line-height: 1.5;\n font-size: 0.95rem;\n}\n\n.usage-notes {\n display: grid;\n grid-template-columns: 1fr;\n gap: 15px;\n}\n\n.note {\n display: flex;\n align-items: center;\n background-color: white;\n border-radius: 8px;\n padding: 12px 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.note-icon {\n margin-left: 10px;\n flex-shrink: 0;\n}\n\n.note p {\n font-size: 0.9rem;\n line-height: 1.5;\n color: #666;\n}\n\n\/* Final CTA *\/\n.final-cta {\n text-align: center;\n background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n padding: 30px 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n}\n\n.final-cta h2 {\n color: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 15px;\n line-height: 1.4;\n}\n\n.final-cta p {\n color: #666;\n line-height: 1.6;\n font-size: 1rem;\n}\n\n\/* Animation Keyframes *\/\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive Adjustments *\/\n@media (min-width: 480px) {\n .main-title {\n font-size: 2rem;\n }\n \n .sub-title {\n font-size: 1.3rem;\n }\n \n .promise-cards {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .usage-notes {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (min-width: 768px) {\n .alpha-arbutin-container {\n padding: 20px;\n }\n \n .promise-cards {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .transformation-grid {\n flex-direction: row;\n align-items: stretch;\n }\n \n .transform-item {\n flex: 1;\n }\n \n .transform-divider {\n flex: 0 0 auto;\n }\n \n .usage-steps {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n \n .usage-notes {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n\/* Animations *\/\n.promise-card, .transform-item, .ingredient-item, .timeline-week, .usage-step {\n animation: fadeIn 0.5s ease-out forwards;\n opacity: 0;\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Alpha Arbutina 2% + Hialurónico","offer_id":44709540397253,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"Alpha Arbutina 2% + Vitamina C (Ácido Ascórbico 8%)","offer_id":44709540430021,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Ordinary-Alpha-Arbutin-2_-HA_1.jpg?v=1697704829"},{"product_id":"the-ordinary-salycilic-acid","title":"The ordinary ácido salicílico 2% solución exfoliante con ácido salicílico","description":"\u003cp\u003eAplicar una vez por la noche.\u003cbr\/\u003eAplica una pequeña cantidad en la zona afectada o en la cara en general\u003c\/p\u003e\n\u003cp\u003ePrueba del producto: Se recomienda probar sobre la piel aplicando una pequeña cantidad en una pequeña área de la piel durante 3 días.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNo usarlo con los siguientes productos:\u003c\/strong\u003e\u003cbr\/\u003ePéptidos de cobre\u003cbr data-mce-fragment=\"1\"\/\u003e Ácidos\u003cbr data-mce-fragment=\"1\"\/\u003e Vitamina C\u003cbr data-mce-fragment=\"1\"\/\u003eEUK\u003cbr data-mce-fragment=\"1\"\/\u003ePolvo de niacinamida\u003cbr data-mce-fragment=\"1\"\/\u003ePéptidos\u003cbr data-mce-fragment=\"1\"\/\u003eRetinoide\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eTodos los ingredientes: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Saccharide Isomerate, Cocamidopropyl Dimethylamine, Salicylic Acid, Hydroxyethylcellulose, Polysorbate 20, Citric Acid, Sodium Citrate, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":42123410571461,"sku":"","price":700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/rdn-salicylic-acid-2pct-solution-30ml.webp?v=1679691960"},{"product_id":"the-ordinary-argerline","title":"La solución común al 10% de argirelina está especializada en las arrugas cinéticas","description":"\u003c!-- Argireline Product Description --\u003e\n\u003cstyle\u003e\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.argireline-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n \n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\n.hero-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #000000 0%, #333333 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n}\n\n.hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.3), transparent);\n animation: shimmer 3s infinite;\n}\n\n.hero-content {\n z-index: 2;\n}\n\n.hero-image {\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n}\n\n.main-product-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 20px 40px rgba(156, 129, 2, 0.3);\n opacity: 0;\n transform: scale(0.8) rotateY(10deg);\n animation: productImageReveal 1.5s 0.5s ease forwards;\n}\n\n@keyframes productImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n }\n}\n\n@keyframes shimmer {\n 0% { left: -100%; }\n 100% { left: 100%; }\n}\n\n.hero-title {\n font-size: 2.5rem;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n opacity: 0;\n animation: fadeInUp 1s forwards;\n text-align: left;\n}\n\n.hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s 0.3s forwards;\n text-align: left;\n}\n\n.product-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 10px 25px;\n border-radius: 50px;\n font-weight: bold;\n margin-top: 20px;\n opacity: 0;\n animation: fadeInUp 1s 0.6s forwards;\n transition: transform 0.3s ease;\n}\n\n.product-badge:hover {\n transform: scale(1.05);\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.content-section {\n margin: 40px 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.6s ease;\n}\n\n.content-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.section-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n position: relative;\n padding-bottom: 15px;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 3px;\n background: #9C8102;\n transition: width 0.8s ease;\n transform: translateX(-50%);\n}\n\n.content-section.visible .section-title::after {\n width: 80px;\n}\n\n.section-content {\n font-size: 1.1rem;\n color: #555;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n.feature-card {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-left: 4px solid #9C8102;\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n}\n\n.feature-icon {\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: bold;\n}\n\n.timeline-header {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.results-timeline {\n position: relative;\n padding: 20px 0;\n}\n\n.timeline-item {\n display: flex;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: timelineSlideIn 0.8s ease forwards;\n}\n\n.timeline-item:nth-child(1) { animation-delay: 0.2s; }\n.timeline-item:nth-child(2) { animation-delay: 0.4s; }\n.timeline-item:nth-child(3) { animation-delay: 0.6s; }\n.timeline-item:nth-child(4) { animation-delay: 0.8s; }\n\n@keyframes timelineSlideIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.timeline-marker-vertical {\n flex-shrink: 0;\n width: 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 20px;\n}\n\n.timeline-dot-vertical {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n border: 4px solid white;\n box-shadow: 0 0 0 2px #9C8102, 0 4px 15px rgba(156, 129, 2, 0.3);\n position: relative;\n z-index: 2;\n transition: all 0.3s ease;\n}\n\n.timeline-dot-vertical.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n transform: scale(1.2);\n box-shadow: 0 0 0 3px white, 0 0 0 6px #9C8102, 0 6px 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-line {\n width: 3px;\n height: 100px;\n background: linear-gradient(to bottom, #9C8102, #e0e0e0);\n margin-top: 10px;\n border-radius: 2px;\n}\n\n.timeline-content-card {\n flex: 1;\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin-right: 20px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.timeline-content-card:hover {\n transform: translateX(-5px);\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.15);\n}\n\n.timeline-content-card.highlight {\n background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n border-right: 4px solid #d4af02;\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n}\n\n.timeline-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n}\n\n.timeline-badge.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content-card h3 {\n color: #333;\n margin-bottom: 15px;\n font-size: 1.3rem;\n font-weight: bold;\n}\n\n.timeline-content-card p {\n color: #666;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.results-list {\n list-style: none;\n padding: 0;\n}\n\n.results-list li {\n padding: 8px 0;\n padding-right: 25px;\n position: relative;\n color: #555;\n transition: color 0.3s ease;\n}\n\n.results-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n}\n\n.results-list li:hover {\n color: #333;\n}\n\n.content-with-image {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 30px;\n}\n\n.content-text {\n order: 1;\n}\n\n.content-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.section-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateX(30px);\n transition: all 0.8s ease;\n}\n\n.content-section.visible .section-image {\n opacity: 1;\n transform: translateX(0);\n}\n\n.cellular-explanation {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin: 30px 0;\n}\n\n.explanation-text {\n order: 1;\n}\n\n.explanation-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.mechanism-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n opacity: 0;\n transform: scale(0.9) rotateY(-10deg);\n transition: all 1s ease;\n}\n\n.content-section.visible .mechanism-image {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n}\n\n.section-image:hover,\n.mechanism-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 45px rgba(156, 129, 2, 0.3);\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.studies-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n.study-card {\n background: white;\n padding: 20px;\n margin: 15px 0;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n transition: transform 0.3s ease;\n}\n\n.study-card:hover {\n transform: translateX(10px);\n}\n\n.usage-section {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: white;\n}\n\n.usage-section .section-title {\n color: #9C8102;\n}\n\n.usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.usage-step {\n background: rgba(255,255,255,0.1);\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease;\n}\n\n.usage-step:hover {\n transform: scale(1.05);\n}\n\n.usage-number {\n width: 40px;\n height: 40px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\n}\n\n.scroll-indicator {\n position: fixed;\n top: 0;\n right: 0;\n width: 4px;\n height: 100vh;\n background: rgba(156, 129, 2, 0.2);\n z-index: 1000;\n}\n\n.scroll-progress {\n width: 100%;\n background: #9C8102;\n height: 0%;\n transition: height 0.1s ease;\n}\n\n@media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .hero-section {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .hero-title,\n .hero-subtitle {\n text-align: center;\n }\n \n .hero-content {\n order: 2;\n }\n \n .hero-image {\n order: 1;\n margin-bottom: 30px;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .content-with-image,\n .cellular-explanation {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .content-image,\n .explanation-image {\n order: 1;\n margin-bottom: 20px;\n }\n \n .content-text,\n .explanation-text {\n order: 2;\n }\n \n .timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .timeline-marker-vertical {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .timeline-line {\n display: none;\n }\n \n .timeline-content-card {\n margin-right: 0;\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"argireline-container\"\u003e\n\u003c!-- Scroll Progress Indicator --\u003e\n\u003cdiv class=\"scroll-indicator\"\u003e\n\u003cdiv class=\"scroll-progress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"hero-title\"\u003eCombate los signos del tiempo con la solución Argireline\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eLa solución Argireline es un producto innovador que funciona como... \u003cstrong style=\"color: #9C8102;\"\u003eBotox tópico\u003c\/strong\u003e Para reducir la aparición de líneas finas y arrugas de expresión. Objetivos \u003cstrong\u003eSignos visibles del envejecimiento\u003c\/strong\u003e Sin necesidad de inyecciones, ofreciendo una alternativa \u003cstrong style=\"color: #9C8102;\"\u003eMás seguro y menos costoso\u003c\/strong\u003e Para el cuidado avanzado de la piel.\u003c\/p\u003e\n\u003cdiv class=\"product-badge\"\u003eBotox tópico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Solución Argirelin\" class=\"main-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What is Argireline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Qué es la argirelina?\u003c\/h2\u003e\n\u003cdiv class=\"content-with-image\"\u003e\n\u003cdiv class=\"content-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgirerin es \u003cstrong style=\"color: #9C8102;\"\u003eEsapéptido sintético\u003c\/strong\u003e Que funciona gracias a \u003cstrong\u003eRelaja los músculos del rostro\u003c\/strong\u003e. Esto ayuda a reducir la apariencia \u003cstrong style=\"color: #9C8102;\"\u003eArrugas dinámicas\u003c\/strong\u003e, que son arrugas que se forman cuando mueves la cara, por ejemplo cuando... \u003cstrong\u003eRisa o expresión\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-image\"\u003e\n\u003cimg alt=\"¿Cómo funciona la argirelina?\" class=\"section-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How it Works Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eActúa a nivel celular\u003c\/h2\u003e\n\u003cdiv class=\"cellular-explanation\"\u003e\n\u003cdiv class=\"explanation-text\"\u003e\n\u003cp class=\"section-content\"\u003eLa solución Argilerin funciona así: \u003cstrong style=\"color: #9C8102;\"\u003eRelaja los músculos del rostro\u003c\/strong\u003e Que causa arrugas dinámicas. Cuando estos músculos están relajados, reducen la apariencia de las arrugas.\u003c\/p\u003e\n\u003cp class=\"section-content\"\u003eLa solución Argilerin contiene un principio activo llamado \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e. La Argirelina es un hexapéptido sintético que actúa a través de... \u003cstrong\u003eInhibición de la descarga de las motoneuronas\u003c\/strong\u003e Para\u003cstrong style=\"color: #9C8102;\"\u003eAcetilcolina\u003c\/strong\u003e. La acetilcolina es \u003cstrong\u003eNeurotransmisor responsable de la contracción muscular\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"explanation-image\"\u003e\n\u003cimg alt=\"Acción de la argirelina\" class=\"mechanism-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eInhibición de la acetilcolina\u003c\/h3\u003e\n\u003cp\u003eInhibe la liberación de acetilcolina por parte de las motoneuronas, responsable de la contracción muscular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eRelajación muscular\u003c\/h3\u003e\n\u003cp\u003eHace relajar los músculos y no contraerse con la misma fuerza de antes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eReducir las arrugas\u003c\/h3\u003e\n\u003cp\u003eResultado en reducir significativamente la apariencia de las arrugas dinámicas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Concentration Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa máxima concentración posible sin receta\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eLa solución Argilerin contiene \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10%\u003c\/strong\u003e Sobre una alta concentración de \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003eY él es \u003cstrong\u003eLa concentración más alta está disponible sin receta\u003c\/strong\u003e. Además, el suero también contiene otros ingredientes beneficiosos para la piel, por ejemplo \u003cstrong\u003eGlicerina y ácido hialurónico\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados del tratamiento con solución Argireline 10%\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eDescubre cómo el aspecto de tu piel se transformará durante las diferentes semanas de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1\u003c\/div\u003e\n\u003ch3\u003eComienzo del uso y de la hidratación de la piel\u003c\/h3\u003e\n\u003cp\u003eNotarás la diferencia \u003cstrong style=\"color: #9C8102;\"\u003ePrimer uso\u003c\/strong\u003e La ligera solución hidrata y suaviza la piel.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eMás piel \u003cstrong\u003eSuavidad e hidratación\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eAbsorción rápida\u003c\/strong\u003e Sin ninguna sensación de pesadez\u003c\/li\u003e\n\u003cli\u003eUna ligera sensación de tensión en las áreas afectadas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 2-3\u003c\/div\u003e\n\u003ch3\u003eLos resultados iniciales comienzan a aparecer\u003c\/h3\u003e\n\u003cp\u003eDespués \u003cstrong style=\"color: #9C8102;\"\u003eDos semanas de uso regular\u003c\/strong\u003eEmpezarás a notar una ligera mejoría en tus líneas de expresión.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducción sencilla\u003c\/strong\u003e En la aparición de líneas finas\u003c\/li\u003e\n\u003cli\u003eMás piel \u003cstrong style=\"color: #9C8102;\"\u003eLuminoso y refrescante\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eRelajación inicial de los músculos faciales\u003c\/li\u003e\n\u003cli\u003eAliviar el aspecto de cansancio alrededor de los ojos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 4-6\u003c\/div\u003e\n\u003ch3\u003eMejora visible de las arrugas dinámicas\u003c\/h3\u003e\n\u003cp\u003eDespués \u003cstrong style=\"color: #9C8102;\"\u003eUn mes de uso regular\u003c\/strong\u003eNotarás resultados más evidentes, especialmente en las líneas de la frente y alrededor de los ojos.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eDeclive claro\u003c\/strong\u003e En profundidad en las líneas de expresión alrededor de los ojos\u003c\/li\u003e\n\u003cli\u003eLíneas frontales \u003cstrong\u003eMenos claro\u003c\/strong\u003e Cuando se exprime\u003c\/li\u003e\n\u003cli\u003eMejor relajación de los músculos del rostro durante la expresión\u003c\/li\u003e\n\u003cli\u003eMás piel \u003cstrong\u003eSuavidad y flexibilidad\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical final\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card highlight\"\u003e\n\u003cdiv class=\"timeline-badge final\"\u003eSemana 8-12\u003c\/div\u003e\n\u003ch3\u003eResultados completos y mejora continua\u003c\/h3\u003e\n\u003cp\u003eCon uso regular continuado durante un período de tiempo \u003cstrong style=\"color: #9C8102;\"\u003e8-12 semanas\u003c\/strong\u003eNotarás una mejora significativa en el aspecto general de tu piel.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eHasta un 30% de reducción\u003c\/strong\u003e En la aparición de arrugas dinámicas\u003c\/li\u003e\n\u003cli\u003eMás piel \u003cstrong\u003eSuavidad, luminosidad y vitalidad\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eMejora evidente\u003c\/strong\u003e En la elasticidad de la piel\u003c\/li\u003e\n\u003cli\u003eReducción visible de las líneas de expresión incluso en movimiento\u003c\/li\u003e\n\u003cli\u003eApariencia \u003cstrong\u003ePiel más joven\u003c\/strong\u003e En general\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Studies Section --\u003e\n\u003cdiv class=\"content-section studies-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eArgirelín es una sustancia científicamente y de laboratorio probada\u003c\/h2\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eestudio de 2009\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n\u003cp\u003eUsa solución de arcilla \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por un periodo \u003cstrong\u003e30 días\u003c\/strong\u003e ha llevado a \u003cstrong style=\"color: #9C8102;\"\u003eReducción visible\u003c\/strong\u003e En la aparición de arrugas dinámicas en la frente y alrededor de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eestudio de 2011\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n\u003cp\u003eUsa solución de arcilla \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por un periodo \u003cstrong\u003e60 días\u003c\/strong\u003e ha llevado a \u003cstrong style=\"color: #9C8102;\"\u003eReducción visible\u003c\/strong\u003e En la aparición de arrugas dinámicas en la frente y alrededor de los ojos y la boca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eestudio de 2013\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n\u003cp\u003eUsa solución de arcilla \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e Por un periodo \u003cstrong\u003e90 días\u003c\/strong\u003e ha llevado a \u003cstrong style=\"color: #9C8102;\"\u003eReducción evidente de la profundidad\u003c\/strong\u003e Arrugas dinámicas en la frente y alrededor de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n En los estudios científicos, se ha demostrado que la solución de argilina reduce la apariencia de las arrugas dinámicas hasta \u003cstrong style=\"font-size: 1.3em;\"\u003e30%\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003cdiv class=\"content-section usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpieza del rostro\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eLimpia bien el rostro\u003c\/strong\u003e Y secarlo completamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eAplica la solución\u003c\/h4\u003e\n\u003cp\u003ePoner \u003cstrong style=\"color: #9C8102;\"\u003ePocas gotas\u003c\/strong\u003e Sobre las áreas afectadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eEsperar\u003c\/h4\u003e\n\u003cp\u003eDejar el suero \u003cstrong\u003ePara secar completamente\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eHidratante\u003c\/h4\u003e\n\u003cp\u003ePoner \u003cstrong style=\"color: #9C8102;\"\u003eTu crema hidratante habitual\u003c\/strong\u003e Después de la deshidratación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eUso ideal:\u003c\/strong\u003e \u003cstrong\u003eDos veces al día, mañana y noche\u003c\/strong\u003e Para mejores resultados\n \u003c\/p\u003e\n\u003cdiv class=\"usage-note\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #9C8102;\"\u003e\n\u003cp style=\"margin: 0; color: #333;\"\u003e\u003cstrong style=\"color: #9C8102;\"\u003eNota importante:\u003c\/strong\u003e Solución Argiline \u003cstrong\u003e10% Ideal para todo tipo de piel\u003c\/strong\u003e. Si tu piel es muy sensible, comienza a usar un suero \u003cstrong style=\"color: #9C8102;\"\u003eUna vez al día\u003c\/strong\u003e Para ver cómo reacciona tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Scroll-triggered animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all content sections\n document.querySelectorAll('.content-section').forEach(section =\u003e {\n observer.observe(section);\n });\n\n \/\/ Scroll progress indicator\n const updateScrollProgress = () =\u003e {\n const windowHeight = window.innerHeight;\n const documentHeight = document.documentElement.scrollHeight - windowHeight;\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n const scrollPercentage = (scrollTop \/ documentHeight) * 100;\n \n const progressBar = document.querySelector('.scroll-progress');\n if (progressBar) {\n progressBar.style.height = Math.min(scrollPercentage, 100) + '%';\n }\n };\n\n window.addEventListener('scroll', updateScrollProgress);\n\n \/\/ Feature card hover effects\n document.querySelectorAll('.feature-card').forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Study card stagger animation\n setTimeout(() =\u003e {\n document.querySelectorAll('.study-card').forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateX(0)';\n }, index * 200);\n });\n }, 1000);\n\n \/\/ Usage steps animation\n document.querySelectorAll('.usage-step').forEach((step, index) =\u003e {\n step.style.opacity = '0';\n step.style.transform = 'translateY(30px)';\n \n setTimeout(() =\u003e {\n step.style.transition = 'all 0.6s ease';\n step.style.opacity = '1';\n step.style.transform = 'translateY(0)';\n }, 500 + (index * 150));\n });\n\n \/\/ Timeline items animation observer\n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, { threshold: 0.3 });\n\n \/\/ Observe timeline items\n document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n item.style.animationPlayState = 'paused';\n timelineObserver.observe(item);\n });\n\n \/\/ Smooth scrolling for better UX\n document.documentElement.style.scrollBehavior = 'smooth';\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398544560325,"sku":"","price":820.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-ordinary-argireline-serum-30ml.png?v=1697543593"},{"product_id":"the-ordinary-مصل-الأحماض-الأمينية-فيتامين-b5-ترطيب-دعم-وظيفة-حاجز-البشرة","title":"suero de aminoácidos ordinario + Vitamina B5 | Hidratante | Apoya la función de la barrera hidrolipídica","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eSuero de Aminoácidos + Vitamina B5 de The Ordinary\u003c\/strong\u003e Es un suero ligero que trabaja con tu piel para apoyar su barrera natural de hidratación. Incluyendo una solución concentrada al 17% (en peso) de aminoácidos y derivados de aminoácidos que imitan los agentes hidratantes naturales de la piel, esta fórmula a base de agua mantiene la capa externa de la piel protegida y bien hidratada sin dejar la piel grasosa. Además, utiliza un 5% (en peso) de Vitamina B5 para proporcionar hidratación a la superficie y a la capa profunda de la piel, favoreciendo una piel más suave y lisa.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e¿Qué son los aminoácidos?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003eLos aminoácidos son los bloques de construcción de las proteínas y son esenciales para una piel sana. Los aminoácidos constituyen los factores hidratantes naturales (NMF), una combinación de sustancias que ayudan a mantener la piel hidratada.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e¿Qué es la vitamina B5?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003eLa vitamina B5, conocida también como ácido pantoténico, es una vitamina soluble en agua que ayuda a hidratar y mejorar el aspecto de la piel.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e¿Cómo funciona el suero The Ordinary Amino Acid + Vitamina B5?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003eThe Ordinary Suero Aminoácidos + Vitamina B5 actúa reforzando la barrera natural de hidratación de la piel y proporcionando una hidratación profunda. Esto ayuda a mantener la piel hidratada, suave y luminosa.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e¿Cuáles son los beneficios de usar el suero The Ordinary Amino Acid + Vitamin B5?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:67\"\u003eThe Ordinary Suero Aminoácidos + Vitamina B5 puede ayudar a:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"19:1-24:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:19\"\u003eHidrata profundamente la piel\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"20:1-20:35\"\u003eFortalecer la barrera natural de hidratación de la piel\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"21:1-21:19\"\u003eMejorar la textura de la piel\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"22:1-22:37\"\u003eReducir la aparición de líneas finas y arrugas de expresión\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"23:1-24:0\"\u003eProporciona a la piel un aspecto saludable y luminoso\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:64\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eCómo usar el suero Amino Acid + Vitamina B5 de The Ordinary?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"27:1-27:218\"\u003ePara mejores resultados, usa el Suero Amino Acid + Vitamina B5 de The Ordinary dos veces al día, por la mañana y por la noche. Después de limpiar y secar el rostro, aplica unas gotas de suero en la cara y el cuello. Deja que el suero se seque completamente antes de aplicar tu crema hidratante habitual.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"29:1-29:81\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e¿El suero The Ordinary Amino Acid + Vitamina B5 es ideal para todo tipo de piel?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"31:1-31:106\"\u003eSí, el suero The Ordinary Amino Acid + Vitamin B5 es ideal para todo tipo de piel, incluida la piel sensible.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398619107525,"sku":"","price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-amino-acids-b5-30ml.webp?v=1696775588"},{"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":42398701387973,"sku":"","price":800.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-squalane-cleanser-50ml.webp?v=1696777008"},{"product_id":"the-ordinary-mineral-uv-filters-spf-30","title":"the ordinary Mineral uv filters spf 30","description":"\u003ch1\u003eEl mejor amigo de tu piel: protector solar Mineral UV Filters SPF 30 con antioxidantes\u003c\/h1\u003e\n\u003cp\u003eProtege tu piel con elegancia y cuidado con la protección solar Mineral UV Filters SPF 30 con antioxidantes de The Ordinary. Es una crema solar mineral única que te ofrece protección SPF 30 con antioxidantes y apoyo a la hidratación.\u003c\/p\u003e\n\u003ch2\u003e¿Qué distingue este producto?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFiltros minerales:\u003c\/strong\u003e Esta crema solar contiene filtros minerales como el óxido de zinc y el dióxido de titanio, lo que la hace eficaz en la protección de tu piel contra los rayos nocivos del sol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngredientes antioxidantes:\u003c\/strong\u003e La fórmula contiene ingredientes antioxidantes como Astaxantina, Feruliletil y Extracto de Hoja de Rosmarinus Officinalis, que ayudan a proteger la piel de los efectos de los radicales libres y promueven una piel sana.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratación y cuidado:\u003c\/strong\u003e Gracias a ingredientes como la Alantoína y el Hialuronato de Sodio, esta crema solar ofrece un eficaz soporte hidratante y cuidado para tu piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eHaz que este protector solar forme parte de tu rutina diaria de skincare y protege tu piel del sol de manera eficaz y elegante. No dejes que el sol arruine tu belleza; disfruta de una piel sana y radiante con el protector solar Mineral UV Filters SPF 30 con antioxidantes de The Ordinary.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eTodos los ingredientes: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Cyclopentasiloxane, Zinc Oxide, Titanium Dioxide, Glycerin, PEG-10 Dimethicone, Helianthus Annuus Seed Oil, PEG-9 Polydimethylsiloxyethyl Dimethicone, Caprylic\/Capric Triglyceride, Hexyl Laurate, Dimethicone\/PEG-10\/15 Crosspolymer, Polyglyceryl-4 Isostearate, Astaxanthin, Disodium Uridine Phosphate, Ethyl Ferulate, Rosmarinus Officinalis Leaf Extract, Tasmannia Lanceolata Fruit\/Leaf Extract, Haematococcus Pluvialis Extract, Picea Mariana Bark Extract, Arginine, Aspartic Acid, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Sodium PCA, PCA, Sodium Lactate, Glucose, Maltose, Fructose, Trehalose, Urea, Allantoin, Sodium Hyaluronate, Linoleic Acid, Oleic Acid, Phytosteryl Canola Glycerides, Palmitic Acid, Stearic Acid, Isochrysis Galbana Extract, Lysolecithin, Lecithin, Triolein, Pentylene Glycol, Dipropylene Glycol, Polyglyceryl-10 Oleate, Polyglyceryl-5 Trioleate, Polyglyceryl-10 Stearate, Tocopherol, Alumina, Citric Acid, Trisodium Ethylenediamine Disuccinate, Sodium Chloride, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42399960432837,"sku":"","price":1450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-mineral-uv-filters-spf-30-with-antioxidants-50ml.webp?v=1696848637"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003e¿Sufres de enrojecimiento e irritaciones en la piel que te causan frustración y pérdida de confianza en ti mismo? En un mundo que cambia rápidamente, la piel puede ser la primera en verse afectada y en sufrir los agresores ambientales. Dejar la irritación de la piel sin tratar puede empeorar el problema, haciendo más difícil restablecer el equilibrio de tu piel.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e“¡Haz de tu piel tu escudo, no tu peso!”\u003c\/h3\u003e\n\u003cp\u003eCon suero \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e¡Tienes la solución inmediata! Este suero no es solo un tratamiento, es tu aliado para restaurar la salud de tu piel. Su fórmula rica, que incluye vitamina B12, derivados del ácido gálico y bisabolol, trabaja para reducir el enrojecimiento y la incomodidad. En solo dos horas, fortalece la barrera de tu piel y restaura su vitalidad.\u003c\/p\u003e\n\u003ch3\u003e\"¡Restablece el equilibrio de tu piel con nueva luminosidad!\"\u003c\/h3\u003e\n\u003cp\u003eCuando se trata de hidratación, el suero ofrece un aumento inmediato de la hidratación hasta un 86%, dejando una sensación de confort e hidratación durante todo el día. También mejora la textura de la piel, proporcionando un aspecto más liso y radiante.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e¿Cómo funciona el suero?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestauración rápida de la barrera hidrolipídica\u003c\/strong\u003e: Gracias a sus ingredientes activos, el suero proporciona un apoyo óptimo para la barrera hidrolipídica, reduciendo la pérdida de humedad y atenuando los signos de enrojecimiento e irritación.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumento inmediato de la hidratación\u003c\/strong\u003e: El suero proporciona un aumento inmediato de la hidratación de la piel hasta un 86%*, lo que significa que tu piel se volverá más suave y más fresca en pocos instantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora evidente en el aspecto\u003c\/strong\u003e: Gracias a sus múltiples tecnologías, el suero contribuye a mejorar la textura de la piel irregular, conferiéndole un aspecto más radiante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eIngredientes activos clave para apoyar tu piel:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina B12\u003c\/strong\u003e: Mejora el aspecto de la piel, reduce la sequedad y el enrojecimiento, y le da al suero un color rosa distintivo.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido gálico\u003c\/strong\u003e: Actúa para aliviar las irritaciones y reducir el enrojecimiento asociado a factores ambientales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol\u003c\/strong\u003e: Un ingrediente conocido por su capacidad para calmar la piel y reducir el enrojecimiento.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003eBeneficios respaldados científicamente:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejorar la barrera hidrolipídica en 2 horas\u003c\/strong\u003eEstudios han mostrado que el suero ayuda a restaurar significativamente la barrera hidrolipídica.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratante que dura todo el día\u003c\/strong\u003e: La hidratación proporcionada por el suero no solo es inmediata, sino que dura todo el día.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora visible del aspecto de la piel\u003c\/strong\u003e: Reduce el enrojecimiento y mejora la textura de la piel para garantizar resultados visibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEl suero \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e Es la elección ideal para cualquiera que desee tener una piel sana y luminosa. No dudes en usarla, especialmente si sufres de problemas cutáneos crónicos o estás expuesto a irritantes frecuentes.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\"¡Porque tu piel merece el máximo cuidado!\"\u003c\/h3\u003e\n\u003cp\u003eEste suero está diseñado para adaptarse a todos los tipos de piel, incluida la sensible. No dejes que la irritación influya en tu belleza, y brinda a tu piel el cuidado que merece con \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eExperimenta la diferencia hoy y prepárate para que tu piel sea más luminosa y saludable que nunca.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":44196281155781,"sku":"INSTA1558CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.jpg?v=1741179626"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"The ordinary suero multipéptido para ojos Suero concentrado de péptidos para tratar arrugas, hinchazón y ojeras","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eThe Ordinary Multi-Peptide Eye Serum es una fórmula avanzada a base de agua especialmente diseñada para abordar los signos de envejecimiento alrededor del área de los ojos. Este suero combina las últimas tecnologías de péptidos y sustancias activas científicas para reducir las arrugas finas (líneas del contorno de ojos), mejorar la apariencia de ojeras e hinchazón, proporcionando al área de los ojos una nueva luminosidad y vitalidad.\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003ePrincipales Beneficios\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003eMejora el aspecto de las arrugas\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\/\u003eLas tecnologías multi-péptido, incluido el Palmitoyl Tripeptide-38, reducen la apariencia de las arrugas alrededor de los ojos, rejuveneciendo la piel y disminuyendo los signos de cansancio.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003eReducir la hinchazón y las ojeras:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\/\u003eEl suero contribuye a mejorar el color y la luminosidad de la zona de los ojos, reduciendo el color oscuro y la hinchazón, dando a los ojos un aspecto luminoso y radiante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003ePurifica y suaviza la piel\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\/\u003eGracias a una combinación de Niacinamida y Extracto de Corteza de Fraxinus Excelsior, el suero suaviza la textura de la piel y mejora la luminosidad, dejando el área de los ojos más lisa y radiante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003eProtección superior:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\/\u003eEl suero ofrece una protección avanzada gracias a los ingredientes antioxidantes como Propil Galato y Galatilo Glucósido, así como Epigalocatequina Galatilo Glucósido, que combaten los daños ambientales y apoyan la salud de la piel a largo plazo.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003eFórmula de lujo:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\/\u003eLa fórmula tiene una alta concentración de ingredientes activos, lo que justifica el precio elevado, ya que una pequeña cantidad es suficiente para obtener resultados extraordinarios.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e¿Cómo funciona el suero?\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eEl suero se utiliza para favorecer la regeneración celular de la zona de los ojos a través de un mecanismo de acción combinado que incluye:\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003ePolipéptidos:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\/\u003eComo Palmitoyl Tripeptide-38, Matrixyl™ synthe'6™, RetinoPeptide 189, SYN™-AKE, CYTOBIOL™ LUMIN-EYE, UNISOOTH EG-28 y Eyeseryl™; Estos péptidos actúan como factores de señalización celular que estimulan la producción de proteínas necesarias para la regeneración de la piel, mejorando la elasticidad de la piel y reduciendo las arrugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003eNiacinamida y extracto de corteza de Fraxinus Excelsior:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\/\u003eAyudan a unificar el tono de la piel y reducir las ojeras, además de mejorar la textura y luminosidad de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003eIngredientes antioxidantes:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\/\u003eCómo el Propil Galato, Gallyl Glucoside y Epigallocatechin Gallatyl Glucoside protegen la piel de los radicales libres y reducen los daños ambientales, manteniendo la zona de los ojos sana por más tiempo.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eGracias a esta fórmula única, el suero trata simultáneamente diversos problemas: arrugas, ojeras, hinchazón y pérdida de luminosidad.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003eResultados clínicos\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eEstudios han mostrado que el uso regular del The Ordinary Multi-Peptide Eye Serum conduce a:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eMejora visible del aspecto de las arrugas finas alrededor de los ojos\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eReducción de las ojeras y de la hinchazón, aumentando la luminosidad de la zona de los ojos.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eMejorar la textura y la frescura de la piel, con un aumento de la luminosidad y de la textura sedosa de la zona del contorno de ojos\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eUna disminución evidente de la intensidad de la pigmentación oscura en la zona de los ojos.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003e¿Por qué el costo de este producto es relativamente alto en comparación con otros productos que apuntan al mismo problema? \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003eFórmula altamente concentrada\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\/\u003eLa fórmula contiene ingredientes raros que son difíciles de extraer en concentraciones muy altas. El producto contiene muchos péptidos considerados los mejores en la lucha contra los signos del envejecimiento.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003eResultados completos:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\/\u003eEl suero ofrece una solución completa a una amplia gama de problemas relacionados con el envejecimiento en la zona de los ojos, desde arrugas hasta ojeras e hinchazón, en un solo producto lujoso.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003eEficacia comprobada:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\/\u003eLos estudios clínicos han demostrado su eficacia en mejorar la apariencia y el rejuvenecimiento de la zona de los ojos, convirtiéndolo en una inversión inteligente para quienes buscan resultados duraderos.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003eCada gota hace una gran diferencia:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\/\u003eAunque el precio pueda ser más alto en comparación con otros productos, la fórmula única y concentrada garantiza que cada gota del producto trabaje con la máxima eficiencia, ahorrándote de usar más productos costosos.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003eOpiniones de los usuarios\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003e¿Cómo se recopilan las opiniones de los usuarios?\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\/\u003eLas opiniones de los usuarios se recogen mediante un seguimiento continuo de los clientes y el registro de sus comentarios sobre el producto. También se utilizan programas personalizados basados en inteligencia artificial para recolectar opiniones de diversas fuentes de manera precisa y sin ningún sesgo, garantizando evaluaciones completas y fiables que reflejan las experiencias reales de los usuarios.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003eVentajas comunes:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eMejora visible del aspecto de las arrugas finas alrededor de los ojos\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eUnificar el tono de la piel y aumentar la luminosidad de la zona de los ojos\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eTextura suave e inmediata sensación de frescura después del uso.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003eAlgunas notas negativas:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eAlgunos usuarios necesitan un período más largo para notar los resultados completos.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003eEl precio es alto para algunos, a pesar de su eficacia comprobada.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eIngredientes principales\u003c\/h2\u003e\n\u003cp data-end=\"692\" data-is-last-node=\"\" data-is-only-node=\"\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":44526811283653,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_eye_serum.jpg?v=1741177907"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/collections\/the-ordinary-products.jpg?v=1721223041","url":"https:\/\/sa.instachiq.com\/es\/collections\/the-ordinary-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}