{"title":"Sérums Faciales Concentrados","description":"","products":[{"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-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-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-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":"كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"Kolagra Ácido Hialurónico 1,5% + B5 30 ml","description":"\u003cbr data-mce-fragment=\"1\"\u003e• Una fórmula única para hidratar y rellenar la piel. Contiene ácido hialurónico puro y vitamina B5 que rellenan y reparan la barrera hidrolipídica\u003cbr data-mce-fragment=\"1\"\u003eLa piel recupera inmediatamente elasticidad, salud y frescura.\u003cbr data-mce-fragment=\"1\"\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":41396006584517,"sku":"","price":299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1_19.jpg?v=1652366170"},{"product_id":"dermatique-vtiamin-c-10","title":"Suero Vitamina C 10% Dermatique oferta 1+1","description":"\u003cp\u003e¿Sufres de piel opaca y cansada que muestra signos de fatiga y envejecimiento? ¿Sientes que tu piel necesita una profunda rejuvenecimiento e hidratación?\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_0AP_480x480.png?v=1682951736\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eCon el 10% de Vitamina C pura en nuestro nuevo suero, puedes tener una piel radiante y suave en pocos días. Contiene potentes antioxidantes que aclaran la piel y reducen la apariencia de arrugas y líneas finas. La Vitamina C también estimula la producción de colágeno y elastina en la piel para mejorar su elasticidad y firmeza.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eUsaré el suero de Vitamina C al 10% diariamente para obtener una piel radiante, fresca y luminosa con salud y vitalidad, y para deshacerse de los signos de cansancio y envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082339356869,"sku":"","price":480.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_18.jpg?v=1682952621"},{"product_id":"lightening-hyaluronic-acid-serum-offer","title":"Suero Dermatique Iluminador con Ácido Hialurónico Oferta 1+1","description":"\u003cp\u003eSuero de ácido hialurónico iluminador 30 ml\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIlumina la piel, hidrata la piel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_184502_1024x1024.png?v=1682956025\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEs un suero rico lleno de antioxidantes para iluminar, rellenar e hidratar la piel seca. Actúa como un excelente estimulante de la hidratación ya que retiene la humedad en la piel y la mantiene hidratada y firme durante todo el día.\u003c\/p\u003e\n\u003cp\u003eEnriquecido con ingredientes iluminadores para la piel y anti-envejecimiento, incluyendo colágeno, vitaminas C y E para restaurar la juventud de la piel y mejorar su elasticidad y firmeza. Fórmula enriquecida con vitamina B5 para dejar la piel suave e hidratada al tacto.\u003c\/p\u003e\n\u003cp\u003e*Tecnología Inhipase™ para pieles sensibles, adecuada para los tipos de piel más sensibles.\u003c\/p\u003e\n\u003cp\u003e*Complejo anti-contaminación Pollushield™.\u003c\/p\u003e\n\u003cp\u003e*Absorción rápida.\u003c\/p\u003e\n\u003cp\u003e*No provoca reacciones alérgicas. No comedogénico (no comedogénico (no comedogénico (no obstruye los poros))).\u003c\/p\u003e\n\u003cp\u003e*Sin parabenos e hidroquinona.\u003c\/p\u003e\n\u003cp\u003eInstrucciones:\u003c\/p\u003e\n\u003cp\u003eAplicar (una toque) dos veces al día, mañana y noche, sobre el rostro limpio, evitando la zona de los ojos. Masajear suavemente la piel. Para una hidratación óptima, se recomienda aplicar la crema hidratante después de 5 minutos.\u003c\/p\u003e\n\u003cp\u003ePrecauciones:\u003c\/p\u003e\n\u003cp\u003ePara uso externo. Evitar el contacto con los ojos. Mantener fuera del alcance de los niños, en un lugar fresco y seco, alejado del calor directo o la luz solar.\u003c\/p\u003e\n\u003cp\u003eIngredientes:\u003c\/p\u003e\n\u003cp\u003eÁcido Hialurónico, Vitamina E, Pantenol, Colágeno Marino, Vitamina C, Ceramidas, Extracto de Aloe Vera\u003c\/p\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082346074309,"sku":"","price":480.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoistureco_7.jpg?v=1677779939"},{"product_id":"عرض-1-1-كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"Oferta 1+1 Kolagra Ácido Hialurónico 1,5% +B5 30 ml","description":"\u003cbr data-mce-fragment=\"1\"\u003e• Una fórmula única para hidratar y rellenar la piel. Contiene ácido hialurónico puro y vitamina B5 que rellenan y reparan la barrera hidrolipídica\u003cbr data-mce-fragment=\"1\"\u003eLa piel recupera inmediatamente elasticidad, salud y frescura.\u003cbr data-mce-fragment=\"1\"\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":42093447872709,"sku":"","price":319.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_12.jpg?v=1678362155"},{"product_id":"kolagra-vitamin-c-serum","title":"Oferta 1+1 Suero de Vitamina C Kolagra con Tecnología Liposomal 50 ml","description":"Suero para la piel Kulagra rico en vitamina C, Tecnología Lipo Somal, con ácido hialurónico, vitamina E, colágeno y retinol, indicado para quienes sufren de sequedad, pigmentación, cansancio y pérdida de elasticidad de la piel. Está envasado en un dosificador sólido para aumentar la duración y prevenir la oxidación de la vitamina C. Puede ser usado solo como antioxidante e hidratante, o junto con otros productos aclarantes, o después del láser.","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42093528023237,"sku":"","price":378.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_17.jpg?v=1678364715"},{"product_id":"nanotreat-niacinamide-serum","title":"Nano Treat | Suero de Niacinamida 12% con Zinc 2% 30 ml | Aclarar | Hidratación | Frescura | Minimizar los poros","description":"\u003cstyle\u003e\n .nanotreat-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Piel grasa fuera de control? ¿Poros dilatados y granos persistentes? \u003cstrong\u003e¡El problema requiere nanotecnología avanzada!\u003c\/strong\u003e Nanotreat Suero con Niacinamida con nanotecnología penetra en las capas más profundas de la piel y se disuelve \u003cstrong\u003eProblemas de la piel grasa desde las raíces\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Suero de Niacinamida - Nanotecnología avanzada\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Nanotreat Suero con Niacinamida para una penetración más profunda y un efecto más fuerte en piel grasa y mixta.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDuplica la potencia del nano\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eNanotecnología avanzada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLas nanopartículas penetran en las capas más profundas de la piel para un efecto doble\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eObjetivo preciso de los poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePenetra en los poros profundos y los limpia desde el interior\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegulación superior del sebo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControla la secreción de sebo de manera más eficaz que los productos comunes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eControl avanzado de los gránulos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePreviene la formación de granos y trata los existentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAclarado rápido de las manchas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAclarar más rápidamente los granos y manchas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAbsorción inmediata\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa nanotecnología garantiza una absorción inmediata y una acción continua\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona la nanotecnología?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003ePenetración nano\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMayor tasa de penetración en comparación con los productos comunes\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLas partículas nanométricas penetran instantáneamente en las capas profundas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegulación lipídica avanzada\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción de la secreción de grasa en 3 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAlcanza las células de las glándulas sebáceas y regula directamente su actividad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEfecto duradero 24 horas\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eLiberación gradual de los principios activos\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLa nanotecnología garantiza un funcionamiento continuo durante todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico sobre nanotecnología - 200 participantes durante 10 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con la nanotecnología\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Potencia técnica avanzada:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 94% de los clientes\u003c\/strong\u003e Notaron una mejoría más rápida comparado con los productos normales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 89% se recuperó\u003c\/strong\u003e Reducción evidente del tamaño de los poros en dos semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e85% confirmado\u003c\/strong\u003e Excelente control del sebo y del brillo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 91% preferirá\u003c\/strong\u003e Nanotreat en comparación con otros productos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Consideraciones sobre el uso:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl precio es más alto\u003c\/strong\u003e De productos regulares con niacinamida\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e20% de los usuarios\u003c\/strong\u003e Necesitaban reducir las repeticiones al principio debido a la alta potencia\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eTecnología avanzada con resultados excepcionales. \u003cstrong\u003eMayor eficiencia y mayor velocidad\u003c\/strong\u003e En el tratamiento de los problemas de la piel grasa. \u003cstrong\u003eVale la inversión\u003c\/strong\u003e Para quienes desean las últimas tecnologías en skincare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje en la tecnología avanzada\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePenetración inmediata\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAbsorción inmediata y efecto directo\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna reducción visible del brillo de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSensación de limpieza más profunda de los poros\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 2-4\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eControl avanzado\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente del tamaño de los poros\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eExcelente control de la secreción sebácea\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora visible de la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 6-10\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eResultados avanzados\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel equilibrada y sin problemas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePoros más pequeños y menos visibles\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme sin manchas ni marcas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder de la nanotecnología\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Avanzada tecnología nanotecnológica para una piel perfecta y sin problemas\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuál es la diferencia entre Nanotreat y la niacinamida normal?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"La tecnología nano de Nanotreat garantiza una penetración más profunda en la piel y una mejor absorción, ofreciendo resultados más rápidos y efectivos.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿La tecnología nano es segura para el uso diario?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Sí, completamente seguro. Puede ser necesario empezar a usarlo en días alternos debido a la alta eficacia, para luego aumentar gradualmente la frecuencia.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuándo aparecen los resultados de Nanotreat Niacinamide?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Resultados iniciales en una semana, mejoras evidentes en 2-4 semanas, y resultados completos en 6-10 semanas.\"\n }\n }\n ]\n}\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239717179589,"sku":"","price":439.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Niacinamide-Serum.png?v=1687164997"},{"product_id":"نانو-تريت-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"Nano Treat | Suero de Retinol y Vitamina E 30 ml | Antiarrugas | Anti-pilling | Antipigmentación","description":"\u003cstyle\u003e\n .nanotreat-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nanoretinol\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nanoretinol)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoRetinolFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-retinol-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-retinol-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-retinol-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-retinol-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-retinol-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-retinol-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoRetinolGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoRetinolFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Arrugas profundas y signos visibles de envejecimiento? ¿Manchas de la edad que comienzan a aparecer? \u003cstrong\u003eTu piel necesita el poder del retinol con nanotecnología!\u003c\/strong\u003e Nanotreat Suero de Retinol combina los ingredientes más potentes para el rejuvenecimiento con nanotecnología avanzada para\u003cstrong\u003eRevive tu juventud en tiempo récord\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Suero de Retinol - El poder del retinol x nanotecnología\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Nanotreat Suero de Retinol para un rejuvenecimiento profundo y rápido para combatir los signos del envejecimiento y las arrugas.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eRetinol avanzado con nanotecnología\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneración celular acelerada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa nanotecnología acelera el proceso de regeneración celular 3 veces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePenetración profunda en las capas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLas nanopartículas alcanzan inmediatamente las capas más profundas de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducción avanzada de arrugas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCombate arrugas profundas y líneas persistentes con doble eficacia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEstimulación intensa del colágeno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula la producción de colágeno a un ritmo superior al del retinol normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAclarado rápido de las manchas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUniforma el tono de la piel y elimina rápidamente las manchas de la edad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReparación nocturna intensiva\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEfecto continuo e intenso durante toda la noche para una regeneración óptima\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona el nano retinol?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eSúper permeabilidad nano\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e98%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMayor permeabilidad para capas más profundas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLas nanopartículas atraviesan la barrera natural y alcanzan directamente las células\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAcelerar la renovación\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e75%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAceleración del ciclo de renovación celular\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula la división y regeneración celular a un ritmo más rápido y eficiente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eDoble estimulación del colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento de la producción natural de colágeno\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eActiva las células productoras de colágeno con alta eficiencia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio avanzado sobre la tecnología de nano-retinol - 180 participantes durante 20 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con el nano-retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Potencia de resultados avanzados:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 91% de los clientes\u003c\/strong\u003e Vieron resultados más rápidamente que con el retinol normal\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 86% ha notado\u003c\/strong\u003e Mejora evidente de las arrugas en 4 semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e83% confirmado\u003c\/strong\u003e Una mejora radical en la textura y la frescura de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 89% preferirá\u003c\/strong\u003e Nano Retinol en comparación con los productos tradicionales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Consideraciones importantes:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlta resistencia\u003c\/strong\u003e Requiere un período de adaptación más largo que el retinol normal\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e28% de los usuarios\u003c\/strong\u003e Necesitaban reducir la frecuencia en el primer mes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eTecnología avanzada con resultados excepcionales para combatir los signos del envejecimiento. \u003cstrong\u003eDoble eficacia y mayor velocidad\u003c\/strong\u003e En la regeneración celular. \u003cstrong\u003eLa elección perfecta\u003c\/strong\u003e Para las últimas tecnologías anti-envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de renovación avanzada\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eComienzo de la adaptación\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eExfoliación más delicada que el retinol normal\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora rápida de la textura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eEl inicio del proceso de regeneración intensiva\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 3-6\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMejora acelerada\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente de líneas y arrugas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna mejora significativa de la frescura y la luminosidad de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eInicio del aclaramiento de las manchas seniles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 8-20\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovación completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción significativa de las arrugas profundas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel más joven y más elástica\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme, sin manchas ni pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol (Nano-encapsulated), Squalane, Tocopheryl Acetate, Sodium Hyaluronate, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder del futuro\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Retinol avanzado con nanotecnología para juventud permanente y renovación continua\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuál es la diferencia entre Nano Retinol y el retinol normal?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"La tecnología nano garantiza una penetración más profunda y rápida en la piel, ofreciendo resultados más fuertes y rápidos reduciendo el período de adaptación necesario.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cómo empiezo a usar el nano retinol?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Comienza una vez a la semana durante dos semanas, luego dos veces a la semana, luego en días alternos según la tolerancia de la piel. Siempre usa protector solar.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuándo aparecen los resultados del Nano Retinol?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Mejora de la textura en dos semanas, reducción de arrugas en 4-6 semanas y resultados completos en 8-20 semanas.\"\n }\n }\n ]\n}\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239720390853,"sku":"","price":429.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Retinol-Serum-510x510.png?v=1687165247"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"Suero Niacinamida 30ml EVA","description":"\u003cstyle\u003e\n .eva-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n animation: balanceFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: balanceGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n \n \/* New Timeline Structure *\/\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: balanceGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .balance-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes balanceGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes balanceFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Poros grandes? ¿Piel grasa y brillante? ¿Espinillas y manchas persistentes? \u003cstrong\u003eEl problema es un desequilibrio... ¡no tu tipo de piel!\u003c\/strong\u003e El suero de niacinamida EVA restablece el equilibrio natural de la piel e hidrata \u003cstrong\u003eTodos los problemas de la piel grasa desde la raíz\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003ch2 class=\"product-name\"\u003eSuero de niacinamida EVA - el regulador inteligente de la piel\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Suero Niacinamida 10% EVA con Zinc para regular el sebo, reducir los poros y tratar granos y manchas.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eNiacinamida a múltiples concentraciones\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegular la secreción de grasa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControla la producción excesiva de sebo y reduce el brillo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducir el tamaño de los poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTonifica los poros dilatados y mejora la textura de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAnti-granos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduce la inflamación y previene la formación de nuevos granos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAclara las manchas oscuras y uniforma el tono de piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFortalecer la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFortalece la barrera natural y protege de la contaminación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAliviar la inflamación\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlivia inmediatamente la irritación y el enrojecimiento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona la niacinamida?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegular las glándulas sebáceas\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción de la secreción de grasa en 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eControla el tamaño y la actividad de las glándulas sebáceas a nivel celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAntiinflamatorio\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción del tamaño y número de granos activos\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eInhibe la producción de citocinas que llevan a inflamación y granos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEstimulación del colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMejorar la elasticidad de la piel y reducir los poros\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula la producción de colágeno y refuerza la estructura de soporte de los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico en 96 personas con piel grasa durante 12 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con la niacinamida\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Resultados comprobados:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 91% de los clientes\u003c\/strong\u003e Note una reducción de la luminosidad de la piel dentro de dos semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 86% se ha recuperado\u003c\/strong\u003e Una mejora visible del tamaño de los poros.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e78% confirmado\u003c\/strong\u003e Reducción de los granos y de las infecciones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 94% continuará\u003c\/strong\u003e En la utilización del producto\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Puntos a los que prestar atención:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e22% de los usuarios\u003c\/strong\u003e Experimentan una leve descamación en la primera semana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlgunos clientes\u003c\/strong\u003e Se necesitó más tiempo para ver mejoras en las manchas oscuras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eUn suero muy eficaz para pieles grasas y mixtas. \u003cstrong\u003eResultados rápidos en la regulación de grasas\u003c\/strong\u003e Una mejora evidente en la calidad de la piel. \u003cstrong\u003eExcelente elección\u003c\/strong\u003e Para quienes sufren de problemas de piel grasa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eRuta de equilibrio y curación\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eInicio equilibrado\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción del brillo de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAliviar la inflamación existente\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora de la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eControl completo\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna mejora visible del tamaño de los poros.\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente de nuevos granos\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eInicio del aclaramiento de las manchas oscuras\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de 3 meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePiel perfecta\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel equilibrada, sin brillo\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePoros más pequeños y menos visibles\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme sin manchas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaura el equilibrio de la piel\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Regulador inteligente de la piel para controlar aceites, granos y poros\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"¿Es posible usar niacinamida con vitamina C?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Sí, pueden usarse juntos. Es preferible usar la vitamina C por la mañana y la niacinamida por la noche, o esperar 15 minutos entre los dos.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuándo aparecen los resultados del suero de niacinamida?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"La reducción del brillo aparece en una semana, la mejora de los poros en un mes y los resultados completos en 8-12 semanas.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿La niacinamida al 10% es fuerte para la piel sensible?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Comienza a usarlo día tras día al principio. Si no ocurre ninguna sensibilidad durante una semana, es posible el uso diario.\"\n }\n }\n ]\n}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291553632453,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1690897686"},{"product_id":"eva-vitamin-c","title":"Sérum de Vitamina C Eva 30 ml | Taftiq | Hidratante | Antiarrugas | Contra los poros","description":"\u003cdiv dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003cdiv data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/div\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e \u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan data-mce-style=\"color: #c9aa2a;\" style=\"color: #c9aa2a;\"\u003e ¿Has probado la vitamina C en altas concentraciones?! \u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eAclarado, tonificación, protección, rejuvenecimiento\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe abre \u003c\/strong\u003eUniforma el tono de la piel neutralizando el pigmento de melanina en la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe apretará\u003c\/strong\u003e Tu piel estimulando la producción de... \u003cstrong\u003eColágeno y elastina\u003c\/strong\u003e Su producción disminuye con la edad, a partir de los veinte años \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtegerá\u003c\/strong\u003e Tu piel está protegida del daño de los radicales libres que causan signos de envejecimiento prematuro y cáncer de piel porque contiene un grupo de antioxidantes naturales como Astaxantina, Vitamina E, Rosa Mosqueta y Té Verde, creando una fórmula anti-edad altamente eficaz.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eRenovará\u003c\/strong\u003e Células de la piel, que mejoran su textura y apariencia\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\"\u003eAumenta la eficacia SPF de las cremas solares\u003c\/span\u003e \u003c\/span\u003eEsto proporciona una protección adicional contra los rayos ultravioleta que causan envejecimiento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eResultados inmediatos\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eObserva en directo cómo tu piel se transforma a su estado más claro y puro en los minutos siguientes a la aplicación del suero\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTratamientos comparables a las sesiones más caras en los mejores salones, con un presupuesto insignificante \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidar tu piel no significa gastar decenas de miles! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Este producto combina muchos beneficios que son imposibles de obtener de un solo producto! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Obtén los beneficios de las mejores cremas hidratantes, productos antiacné, antienvejecimiento, cremas aclarantes y frescura en un solo paquete! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEsencial para una piel eternamente joven \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLos signos del envejecimiento aparecen debido a nuestra constante exposición a los rayos ultravioleta y a la oxidación celular provocada por los radicales libres. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLos antioxidantes deben usarse regularmente para mantener la piel joven. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eEste suero actuará como primera línea de defensa para prevenir el envejecimiento prematuro\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eNo importa tu edad, debes usar antioxidantes para mantener tu juventud. \u003cstrong\u003eNo esperes a que se formen las arrugas para comenzar el tratamiento!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e La Vitamina C se considera uno de los antioxidantes naturales más potentes, al igual que el suero \u003cspan data-mce-fragment=\"1\"\u003eContiene un grupo de antioxidantes naturales\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eRecomendado por los principales dermatólogos de todo el mundo \u003c\/h2\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003eIdeal para todo tipo de piel: seca, normal, mixta y grasa\u003c\/p\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLigero sobre la piel..absorción rápida\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003cspan id=\"i-3\"\u003e\u003cstrong\u003eIngredientes del Suero de Vitamina C Eva:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eWater, Rosa Rubiginosa Seed Oil (Rosehip Seed Oil), Squalane, Glycerin, Sodium Ascorbyl Phosphate (Vitamin C), C10-18 Triglycerides, Candelilla\/Jojoba\/Rice Bran Polyglyceryl-3 Esters, Glyceryl Stearate, Niacinamide, Retinol, Salicylic Acid, Sodium Polyacrylate, Cassia Angustifolia Seed Polysaccharide (Botanical Hyaluronic Acid), Methylsulfonylmethane (MSM), Cananga Odorata Flower Oil (Ylang-Ylang), Melaleuca Alternifolia (Tea Tree) Leaf Oil, Xanthan Gum, Tricaprylin, Cellulose Acetate Butyrate, PentaerythritylTetra-di-t-butyl Hydroxyhydrocinnamate, Hydroxyethylcellulose, Cetearyl Alcohol, Sodium Stearoyl Lactylate, Ethylhexylglycerin, Phenoxyethanol\u003c\/span\u003e \u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eCómo usar:\u003c\/p\u003e\n\u003col data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cp\u003eLimpia bien la piel de cualquier polvo que se adhiera, luego sécala suavemente.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eDistribuye unas gotas de sérum en la cara y el cuello, masajeando suavemente de arriba a abajo, hasta que la piel esté completamente absorbida.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eÚsalo una vez al día antes de acostarte por la noche y lejos de la luz.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291581452485,"sku":null,"price":225.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/images-_55.jpg?v=1708028579"},{"product_id":"eva-hyaluronic","title":"Suero de ácido hialurónico Eva 30 ml | Hidratante | Antiarrugas | Contra las líneas finas","description":"\u003cstyle\u003e\n .eva-ha-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"hydration\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23hydration)\"\/\u003e\u003c\/svg\u003e');\n animation: hydrationFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: hydrationGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: hydrationGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .hydration-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .hydration-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .hydration-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .hydration-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .hydration-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .hydration-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes hydrationGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes hydrationFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-ha-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Hyaluronic Acid Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Tu piel está seca y apagada? ¿Sufres de líneas finas y arrugas de expresión prematuras? \u003cstrong\u003eEl problema no es tu edad... el problema es la falta de hidratación!\u003c\/strong\u003e El Suero de Ácido Hialurónico EVA restaura tu piel \u003cstrong\u003e1000 veces su peso en humedad\u003c\/strong\u003e Para un aspecto joven y fresco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Hyaluronic Acid Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Hyaluronic+Acid\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eSuero de Ácido Hialurónico EVA - La bomba de humedad revolucionaria\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Suero de Ácido Hialurónico EVA con alta concentración y partículas de diferentes tamaños para una hidratación inmediata y profunda de 24 horas.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBeneficios del ácido hialurónico avanzado\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratación instantánea intensa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRetiene 1.000 veces su peso en agua para una hidratación profunda inmediata\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFrescura y luminosidad\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRestaura vitalidad y luminosidad natural a la piel opaca\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducir las líneas finas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlisa arrugas y líneas prematuras con eficacia comprobada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección natural de la barrera\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRefuerza la barrera hidrolipídica y previene la pérdida de humedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAbsorción rápida\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa fórmula ligera se absorbe instantáneamente sin dejar una sensación pegajosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eTextura sedosa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDeja la piel suave y elástica todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona el ácido hialurónico?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eMoléculas de alto peso\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e85%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eHidratación superficial mejorada en 1 hora\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eForma una capa protectora en la superficie de la piel y previene la pérdida de humedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003ePartículas de peso medio\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e73%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento de la elasticidad de la piel en dos semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003ePenetra en las capas intermedias y llena los espacios entre las células\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eMoléculas de bajo peso\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e67%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReducción de la profundidad de las arrugas en 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003ePenetra en las capas profundas y estimula la producción natural de colágeno\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico en 120 mujeres durante 8 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eOpiniones reales de los clientes\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Resultados positivos:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e96% de los clientes\u003c\/strong\u003e Nota una hidratación inmediata desde el primer uso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 89% se recuperó\u003c\/strong\u003e Mejora de la suavidad y frescura de la piel en una semana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e84% confirmado\u003c\/strong\u003e Reducción visible de las líneas finas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e92% comprarán\u003c\/strong\u003e El producto es nuevo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Puntos a los que prestar atención:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 18% de los usuarios\u003c\/strong\u003e Se necesita más tiempo para ver los resultados en las arrugas más profundas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlgunos clientes\u003c\/strong\u003e Prefieren usarlo debajo de un hidratante extra en invierno\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eUn suero excelente con resultados rápidos y satisfactorios. \u003cstrong\u003eAlta eficacia en la hidratación y en la frescura\u003c\/strong\u003e Con una textura cómoda y rápida absorción. \u003cstrong\u003eOpción confiable\u003c\/strong\u003e Para todos aquellos que sufren de piel seca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn viaje de hidratación y renovación\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDentro de pocos minutos - instantáneo\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eResultados inmediatos\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eHidratación instantánea evidente\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eTejido suave y flexible\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSensación de frescura y confort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMejora evidente\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna clara mejora de la frescura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eAumento de la suavidad y de la elasticidad\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eComienzo de la mejora de las líneas finas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovación completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción evidente de las arrugas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel más llena y radiante\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna mejora radical en la textura y el aspecto de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Sodium Hyaluronate (High Molecular Weight), Sodium Hyaluronate (Medium Molecular Weight), Sodium Hyaluronate (Low Molecular Weight), Glycerin, Panthenol, Allantoin, Sodium PCA, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder de la hidratación real\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Hyaluronic Acid Serum\u003c\/strong\u003e\u003cbr\/\u003e\n La bomba de hidratación definitiva para una piel joven y fresca durante todo el día\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuántas veces debo usar el suero de ácido hialurónico de EVA?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Se utiliza dos veces al día, mañana y noche, sobre la piel limpia antes de la crema hidratante para obtener los mejores resultados.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿El suero EVA es ideal para todo tipo de piel?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Sí, el ácido hialurónico es ideal para todo tipo de piel, incluida la sensible, grasa y seca.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuándo aparecen los resultados del suero de ácido hialurónico?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"La hidratación inmediata aparece en pocos minutos, la mejora de la frescura en una semana, los resultados completos en 4 semanas.\"\n }\n }\n ]\n}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291667009733,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/eva-hyaluronic-acid-face-serum-30ml.jpg?v=1690899697"},{"product_id":"إيفا-سيروم-فيتامين-أ-للبشرة-30-مل-للحبوب-للتجاعيد-للتصبغات","title":"Sérum de Vitamina A Eva 30 ml | Para poros | Para arrugas | Para pigmentación","description":"\u003cstyle\u003e\n .eva-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"renewal\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23renewal)\"\/\u003e\u003c\/svg\u003e');\n animation: renewalFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: renewalGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: renewalGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .renewal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .renewal-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .renewal-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .renewal-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .renewal-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .renewal-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes renewalGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes renewalFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e¿Sufres de arrugas y líneas profundas? ¿Manchas de edad y pigmentación persistente? \u003cstrong\u003eTu piel necesita una verdadera renovación desde el interior!\u003c\/strong\u003e El suero de Retinol EVA estimula \u003cstrong\u003eRegeneración celular potente para la noche\u003c\/strong\u003e Para una piel más joven y luminosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Retinol Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Retinol\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eSuero con Retinol EVA - Estimulador de la regeneración nocturna\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Suero de Retinol EVA con concentración gradual segura para renovar las células y combatir los signos del envejecimiento y de la pigmentación.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePoder avanzado del retinol\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneración celular acelerada\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula el ciclo de renovación celular y acelera la eliminación de las células dañadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombate los signos del progreso\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduce arrugas y líneas finas con eficacia científicamente probada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEstimulación del colágeno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEstimula la producción natural de colágeno para una piel más elástica y joven\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAclaramiento de la pigmentación\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUniforma el tono de la piel y reduce manchas y pigmentaciones relacionadas con la edad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejorar la textura de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlisa la piel áspera y mejora su consistencia y suavidad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eTrabajo intenso nocturno\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFunciona mientras duermes para reparar y regenerar la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo funciona el retinol?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAcelerar el ciclo celular\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e58%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAceleración del ciclo de renovación celular en 4 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eEstimula la división celular y acelera la eliminación de las capas dañadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eEstimulación del colágeno\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e42%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAumento de la producción de colágeno en 8 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eActiva las células productoras de colágeno y fortalece la estructura de soporte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegular la pigmentación\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e65%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eMejora del tono de la piel en 12 semanas\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eRegula la producción de melanina y reduce el exceso de pigmentación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eEstudio clínico en 150 personas durante 16 semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eExperiencias de los clientes con el retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ RESULTADOS INCREÍBLES:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEl 87% de los clientes\u003c\/strong\u003e Nota una mejora de la textura de la piel en un mes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e79% recuperado\u003c\/strong\u003e Reducción visible de las líneas finas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e82% confirmado\u003c\/strong\u003e Mejora del tono de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e88% continuará\u003c\/strong\u003e En la utilización del producto\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Desafíos iniciales:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e35% de los usuarios\u003c\/strong\u003e Experimentan una leve descamación en las primeras semanas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlgunos clientes\u003c\/strong\u003e Necesitaban un período de adaptación más largo antes de ver los resultados\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusión:\u003c\/h4\u003e\n\u003cp\u003eUn suero poderoso y eficaz para combatir los signos del envejecimiento. \u003cstrong\u003eResultados extraordinarios con el uso regular\u003c\/strong\u003e A pesar del período de adaptación requerido. \u003cstrong\u003eExcelente inversión\u003c\/strong\u003e Para quienes desean una piel con un aspecto más joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn viaje de renovación y transformación\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePeriodo de aclimatación\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUna ligera descamación es normal al principio\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora gradual de la textura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eEl inicio del proceso de regeneración celular\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 4-8\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eMejora evidente\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción visible de las líneas finas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMejora de la suavidad y frescura de la piel\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eComienzo a aclarar manchas y pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eSemana 12-16\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eRenovación completa\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReducción significativa de arrugas y líneas\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003ePiel más luminosa y joven\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eColor uniforme, sin pigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol, Squalane, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Tocopheryl Acetate, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre el poder de la renovación nocturna\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Estimulador de rejuvenecimiento nocturno para una piel más joven y radiante\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cómo empiezo a usar el suero de retinol de EVA?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Comienza usándolo una o dos veces por semana por la noche, luego aumenta gradualmente la frecuencia según la tolerancia de la piel. Usa protector solar por la mañana.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿Es posible usar retinol con otros productos?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Evita usarlo junto con ácidos exfoliantes o vitamina C en la misma noche. Después, se puede usar una crema hidratante calmante.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"¿Cuándo aparecen los resultados del suero de retinol?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Mejora de la textura en 2-4 semanas, reducción de líneas en 6-8 semanas y resultados completos en 12-16 semanas.\"\n }\n }\n ]\n}\u003c\/script\u003e\n","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291747520709,"sku":"","price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/RGGrn28hvdODLF4p0XKAp6x5MUxO0RLE9XlGU6kq.webp?v=1690900596"},{"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":"nanotreat-حمض-الهياليرونيك-مع-فيتامين-b5-مرطب-للبشرة-حشو-التجاعيد-والخطوط-الدقيقة-30-مل","title":"Nanotreat Ácido Hialurónico con Vitamina B5 | Hidratante para la piel | Rellenador para arrugas y líneas finas 30 ml","description":"\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eEl ácido hialurónico, reforzado con Vitamina B5, proporciona propiedades reafirmantes e hidratantes para la piel.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eEste tratamiento sin aceite penetra profundamente en las capas de la piel para proporcionar una hidratación duradera.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eSe ablanda rápidamente y llena perfectamente.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e Este suero ligero dejará la piel suave y firme.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eEste suero ligero contiene tres tipos de ácido hialurónico (de bajo, medio y alto peso molecular) y ofrece un potente efecto alisante sobre la piel.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003ePenetrando en la piel hasta alcanzar las capas más profundas.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eÁcido Hialurónico 2% + B5 proporciona hidratación duradera y mantiene la humedad para que la piel se vea más lisa.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eEl ácido hialurónico en el centro de este súper suero atrae 5.000 veces su peso en agua, mientras que un fantástico potenciador de Vitamina B5 repara las zonas secas y dañadas estabilizando la función barrera hidrolipídica de la piel y promoviendo el crecimiento de tejido fuerte.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\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;\"\u003e\u003cbr\/\u003e\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":"Nanotreat","offers":[{"title":"Default Title","offer_id":43387686813893,"sku":null,"price":499.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/nanotreathyaluronicacidserum_2.jpg?v=1714331500"},{"product_id":"vacation-hyaluronic-serum","title":"Suero de ácido hialurónico alta concentración 3% | Hidratante | Anti-edad","description":"\u003ch2\u003eLa fórmula hialurónica más potente \u003c\/h2\u003e\n\u003cp\u003eExperimenta la máxima concentración posible de ácido hialurónico, que es el primer y más valioso compuesto en el skincare. ¡Una alta concentración del 3% te garantiza la máxima eficiencia hidratante por más tiempo y con la cantidad mínima! \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eNota el cambio instantáneo en la textura de tu piel \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eNotarás el cambio drástico en la textura de tu piel y una frescura superior dentro de pocos minutos tras la absorción del producto\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eTrata los problemas cutáneos más profundos \u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eHumidificación: absorbe más de 5.000 veces su peso en agua\u003c\/li\u003e\n\u003cli\u003eRellena arrugas y líneas finas y restaura la juventud de tu piel\u003c\/li\u003e\n\u003cli\u003eMejora la textura de la piel y reduce los poros\u003c\/li\u003e\n\u003cli\u003eElimina los granos con un uso continuado \u003c\/li\u003e\n\u003cli\u003eReduce la inflamación y el enrojecimiento en el tejido cutáneo \u003c\/li\u003e\n\u003cli\u003eMejora la elasticidad de la piel y reduce las arrugas de expresión y motoras\u003c\/li\u003e\n\u003cli\u003eRestaura la función de la barrera hidrolipídica \u003c\/li\u003e\n\u003cli\u003ePreviene los signos del envejecimiento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003ePiel perfecta en menos tiempo y a menor costo\u003c\/h2\u003e\n\u003cp\u003eEspera resultados sorprendentes cuando uses esta alta concentración de ácido hialurónico. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eDos gotas de suero cubren toda la piel. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEsta fórmula ha sido diseñada con un índice de viscosidad ideal para que la mínima cantidad de suero sea suficiente para cubrir completamente la piel. El envase dura varios meses con un uso promedio, garantizando así un alto valor en relación con el precio.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43762879070405,"sku":null,"price":425.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1-hya.png?v=1719250484"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003eTu piel está en su estado más puro con Suero de Niacinamida y Zinc\u003c\/h2\u003e\n\u003ch3\u003ePoros invisibles\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida es el compuesto ideal y mejor para contraer los poros al máximo, dejando tu piel fresca, firme y libre de puntos negros y comedones.\u003c\/p\u003e\n\u003ch3\u003eEficaz contra el acné más grave\u003c\/h3\u003e\n\u003cp\u003eEl suero con niacinamida y zinc reduce el enrojecimiento y los efectos del acné, y verás resultados positivos, especialmente en los granos inflamados. El zinc actúa como antibacteriano, ayudando a mantener la piel limpia.\u003c\/p\u003e\n\u003ch3\u003eTu juventud es eterna\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida se considera uno de los agentes anti-envejecimiento más potentes, ya que reduce los radicales libres que causan el envejecimiento y mejora la producción de colágeno. Además, incrementa la producción de queratina, que reafirma la piel y aumenta su grosor, reduciendo los efectos de las líneas finas y las arrugas.\u003c\/p\u003e\n\u003ch3\u003eTu piel es clara y de color uniforme\u003c\/h3\u003e\n\u003cp\u003eEn altas concentraciones, la niacinamida neutraliza la melanina, aclarando las áreas oscuras y haciendo que la piel tenga un tono uniforme.\u003c\/p\u003e\n\u003ch3\u003eHidratación profunda sin efecto graso\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida retiene la humedad en tu piel creando una “barrera de humedad” que previene la pérdida de agua de la piel. También neutraliza la producción de sebo en la piel grasa, por lo que no deja un efecto graso.\u003c\/p\u003e\n\u003ch3\u003eQuitar los puntos negros y blancos\u003c\/h3\u003e\n\u003cp\u003eEl Suero de Niacinamida y Zinc trata la piel irregular estimulando la formación de nuevas células cutáneas e hidratando profundamente la piel.\u003c\/p\u003e\n\u003ch3\u003eideal para todo tipo de piel\u003c\/h3\u003e\n\u003cp\u003eEl Suero de Niacinamida y Zinc es adecuado para piel seca, normal, mixta y grasa. Ligero sobre la piel y de rápida absorción.\u003c\/p\u003e\n\u003ch3\u003eCómo usar\u003c\/h3\u003e\n\u003cp\u003eAplica una cantidad muy pequeña en el rostro por la mañana y por la noche sobre la piel limpia antes de aplicar cualquier otra crema, aceite o hidratante sobre la piel. No debe usarse simultáneamente con tratamientos que contengan vitamina C pura (ácido ascórbico).\u003c\/p\u003e\n\u003ch3\u003eComponentes básicos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamida\u003c\/strong\u003e: Excelente para mejorar la salud general de la piel, aumenta la inmunidad cutánea y mejora la retención de humedad fortaleciendo la barrera hidrolipídica.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc\u003c\/strong\u003e: Apoya la estructura de la piel sanando la piel dañada y fomentando la producción de colágeno y elastina.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eTamaño del paquete\u003c\/h3\u003e\n\u003cp\u003eTamaño del paquete 30 ml\u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831590518981,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacation-niacinamide-10zinc.png?v=1720714749"},{"product_id":"vacation-retinol-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"vacaciones retinol | Suero Retinol y Vitamina E 30 ml | Anti-arrugas | Anti-bolsas | Anti-pigmentación","description":"\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003eTu piel está en su mejor momento con el Suero al 1% de Retinol.\u003c\/h2\u003e\n\u003ch3\u003eRejuvenece y da luminosidad a tu piel\u003c\/h3\u003e\n\u003cp\u003eCon el suero al Retinol 1%, notarás una diferencia evidente en la frescura y luminosidad de tu piel. El retinol promueve la renovación celular, ayudando a exfoliar suavemente la piel y eliminar las células muertas para revelar una piel nueva y luminosa.\u003c\/p\u003e\n\u003ch3\u003eCombate los signos del envejecimiento\u003c\/h3\u003e\n\u003cp\u003eEl arma más poderosa contra las arrugas\u003c\/p\u003e\n\u003cp\u003eEl retinol actúa para reducir la apariencia de arrugas y líneas finas promoviendo la producción de colágeno. Hará que tu piel se vea más firme y joven con un uso regular.\u003c\/p\u003e\n\u003ch3\u003eEficaz contra el acné\u003c\/h3\u003e\n\u003cp\u003eSoluciones instantáneas incluso para los granos más persistentes\u003c\/p\u003e\n\u003cp\u003eEl suero de Retinol 1% es eficaz para combatir el acné y limpiar profundamente los poros. El retinol ayuda a prevenir los poros obstruidos y a reducir el enrojecimiento y la inflamación asociados con el acné, proporcionándote una piel más clara.\u003c\/p\u003e\n\u003ch3\u003eTono de piel claro y uniforme\u003c\/h3\u003e\n\u003cp\u003eEl suero con Retinol al 1% favorece la regeneración de las células de la piel, ayudando a reducir la pigmentación y a unificar el tono de la piel. Notarás que tu piel se vuelve más luminosa y uniforme con el tiempo.\u003c\/p\u003e\n\u003ch3\u003eHidratación profunda\u003c\/h3\u003e\n\u003cp\u003eHidratación perfecta sin apelmazar\u003c\/p\u003e\n\u003cp\u003eA pesar de sus potentes efectos revitalizantes sobre la piel, el Suero de Retinol 1% garantiza una hidratación profunda de la piel. Su fórmula es ligera y se absorbe rápidamente, no deja un efecto graso y da a la piel suavidad e hidratación.\u003c\/p\u003e\n\u003ch3\u003eIdeal para todo tipo de piel\u003c\/h3\u003e\n\u003cp\u003eYa tengas la piel seca, normal, mixta o grasa, nuestro Suero de Retinol 1% es perfecto para ti. Puede utilizarse en tu rutina nocturna para obtener los mejores resultados.\u003c\/p\u003e\n\u003ch3\u003eCómo usar\u003c\/h3\u003e\n\u003cp\u003eAplícate una pequeña cantidad en la cara por la noche después de limpiar la piel. Es preferible empezar a usarla poco a poco para que tu piel se acostumbre. Evita usarla con productos que contengan ácidos fuertes y asegúrate de usar protector solar durante el día.\u003c\/p\u003e\n\u003ch3\u003eComponentes básicos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetinol\u003c\/strong\u003e: Favorece la regeneración de las células cutáneas, reduce la aparición de arrugas y líneas finas y mejora el tono de la piel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes\u003c\/strong\u003e: Protege la piel de los daños ambientales y promueve la salud general de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eTamaño del paquete\u003c\/h3\u003e\n\u003cp\u003eTamaño del paquete 30 ml\u003c\/p\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831619256517,"sku":null,"price":430.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ret-3.png?v=1720715791"},{"product_id":"vacation-vitamin-c-10-30-ml","title":"VACATION VITAMIN C 10% 30 ML","description":"\u003cdiv data-mce-style=\"text-align: start;\" dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"color: rgb(109, 108, 106);\" style=\"color: rgb(109, 108, 106);\"\u003e \u003cspan data-mce-style=\"color: rgb(0, 0, 0);\" style=\"color: rgb(0, 0, 0);\"\u003e ¿Has probado la vitamina C en altas concentraciones?! \u003c\/span\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eAclarado, tonificación, protección, rejuvenecimiento\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe abre \u003c\/strong\u003eUniforma el tono de la piel neutralizando el pigmento de melanina en la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe apretará\u003c\/strong\u003e Tu piel estimulando la producción de... \u003cstrong\u003eColágeno y elastina\u003c\/strong\u003e Su producción disminuye con la edad, a partir de los veinte años \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtegerá\u003c\/strong\u003e Tu piel está protegida del daño de los radicales libres que causan signos de envejecimiento prematuro y cáncer de piel porque contiene un grupo de antioxidantes naturales como Astaxantina, Vitamina E, Rosa Mosqueta y Té Verde, creando una fórmula anti-edad altamente eficaz.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eRenovará\u003c\/strong\u003e Células de la piel, que mejoran su textura y apariencia\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan data-mce-style=\"color: #000000;\" style=\"color: #000000;\"\u003eAumenta la eficacia SPF de las cremas solares\u003c\/span\u003e \u003c\/span\u003eEsto proporciona una protección adicional contra los rayos ultravioleta que causan envejecimiento prematuro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eResultados inmediatos\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eObserva en directo cómo tu piel se transforma a su estado más claro y puro en los minutos siguientes a la aplicación del suero\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTratamientos comparables a las sesiones más caras en los mejores salones, con un presupuesto insignificante \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCuidar tu piel no significa gastar decenas de miles! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Este producto combina muchos beneficios que son imposibles de obtener de un solo producto! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e¡Obtén los beneficios de las mejores cremas hidratantes, productos antiacné, antienvejecimiento, cremas aclarantes y frescura en un solo paquete! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEsencial para una piel eternamente joven \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLos signos del envejecimiento aparecen debido a nuestra constante exposición a los rayos ultravioleta y a la oxidación celular provocada por los radicales libres. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLos antioxidantes deben usarse regularmente para mantener la piel joven. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eEste suero actuará como primera línea de defensa para prevenir el envejecimiento prematuro\u003c\/h3\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eNo importa tu edad, debes usar antioxidantes para mantener tu juventud. \u003cstrong\u003eNo esperes a que se formen las arrugas para comenzar el tratamiento!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e La Vitamina C se considera uno de los antioxidantes naturales más potentes, al igual que el suero \u003cspan data-mce-fragment=\"1\"\u003eContiene un grupo de antioxidantes naturales como astaxantina, vitamina E, rosa mosqueta y té verde, que a su vez trabajan para reducir los radicales libres que causan el envejecimiento. \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003ch3\u003eHidratación profunda sin brillo\u003c\/h3\u003e\n\u003cp\u003eEl suero de vitamina C hidrata profundamente la piel sin dejar residuos grasos. Su fórmula ligera y de rápida absorción asegura que tu piel esté suave y cómoda durante todo el día.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eIdeal para todo tipo de piel: seca, normal, mixta y grasa\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLigero sobre la piel..absorción rápida\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831644586181,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vit-c-2-1.png?v=1720716153"},{"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":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Suero Intensivo de Retinol Reactivante - Alisador de Arrugas y Potenciador de la Elasticidad de la Piel","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n .sbm-ultimate-wrapper {\n --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n --sbm-bg-darker: #050208;\n --sbm-card-glass: rgba(255, 255, 255, 0.03);\n --sbm-card-hover: rgba(139, 92, 246, 0.08);\n --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n --sbm-gold: #f59e0b; \/* Accent Gold *\/\n --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n --sbm-text-light: #f8fafc;\n --sbm-text-muted: #cbd5e1;\n --sbm-border: rgba(255, 255, 255, 0.08);\n --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n \n font-family: inherit; \/* Inherits Shopify theme font *\/\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--sbm-bg-dark);\n color: var(--sbm-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .sbm-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbm-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Mobile-Perfect Media Wrappers === *\/\n .sbm-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto 40px;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n border: 1px solid var(--sbm-border);\n overflow: hidden;\n }\n\n .sbm-media-wrapper.size-lg { max-width: 850px; }\n .sbm-media-wrapper.size-md { max-width: 600px; }\n\n .sbm-product-media {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .sbm-media-wrapper:hover .sbm-product-media {\n transform: scale(1.03);\n }\n\n \/* === Typography === *\/\n .sbm-title-main {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1.3;\n margin-bottom: 25px;\n letter-spacing: -0.02em;\n text-align: center;\n }\n\n .sbm-title-section {\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .sbm-subtitle {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--sbm-text-muted);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n .sbm-text-purple {\n background: var(--sbm-gradient-accent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n \n .sbm-text-gold {\n background: var(--sbm-gradient-gold);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .sbm-warning-box {\n background: rgba(245, 158, 11, 0.08);\n border-right: 4px solid var(--sbm-gold);\n padding: 30px;\n border-radius: 16px;\n margin: 40px auto;\n max-width: 850px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n text-align: justify;\n }\n\n .sbm-warning-box p {\n font-size: 1.15rem;\n margin-bottom: 15px;\n color: var(--sbm-text-light);\n }\n .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n \/* === Alternating Sections === *\/\n .sbm-section { padding: 80px 0; position: relative; }\n \n .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n \/* Ambient Glows *\/\n .sbm-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .sbm-glow {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n }\n .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n \/* === Grids \u0026 Glass Cards === *\/\n .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n .sbm-card {\n background: var(--sbm-card-glass);\n backdrop-filter: blur(10px);\n border: 1px solid var(--sbm-border);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n transition: all 0.4s ease;\n }\n\n .sbm-card:hover {\n transform: translateY(-8px);\n background: var(--sbm-card-hover);\n border-color: var(--sbm-border-highlight);\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n }\n\n .sbm-icon-badge {\n width: 55px; height: 55px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--sbm-border);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--sbm-gold);\n font-size: 22px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .sbm-card:hover .sbm-icon-badge {\n background: var(--sbm-gradient-gold);\n color: #000;\n transform: scale(1.1) rotate(5deg);\n border-color: transparent;\n }\n\n .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n \/* === Interactive Wrinkle Accordion === *\/\n .sbm-accordion { margin: 40px auto; max-width: 850px; }\n \n .sbm-acc-item {\n background: var(--sbm-card-glass);\n border: 1px solid var(--sbm-border);\n border-radius: 16px;\n margin-bottom: 15px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n .sbm-acc-header {\n padding: 20px 25px;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n }\n\n .sbm-acc-num {\n width: 35px; height: 35px;\n display: flex; align-items: center; justify-content: center;\n background: var(--sbm-gradient-accent);\n color: #fff;\n border-radius: 10px;\n margin-left: 20px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n }\n .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n .sbm-acc-icon {\n width: 20px; height: 20px; position: relative;\n }\n .sbm-acc-icon::before, .sbm-acc-icon::after {\n content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n }\n .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n .sbm-acc-body {\n max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n padding: 0 25px;\n }\n .sbm-acc-item.active .sbm-acc-body {\n padding: 0 25px 25px 25px; max-height: 300px;\n }\n\n .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n .sbm-acc-ing {\n background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n color: #fff; font-size: 1rem;\n }\n\n \/* === Clean Lists === *\/\n .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n .sbm-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n }\n .sbm-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n }\n \n .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n \/* === Usage Steps === *\/\n .sbm-steps {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n }\n .sbm-step {\n background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n border-radius: 16px; text-align: center; position: relative;\n }\n .sbm-step-num {\n width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n font-family: system-ui, sans-serif;\n }\n .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* === Animations === *\/\n .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sbm-section { padding: 50px 0; }\n .sbm-media-wrapper { border-radius: 12px; }\n .sbm-title-main { font-size: 2rem; }\n .sbm-acc-header { padding: 15px; }\n }\n \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eSOME BY MI Rejuvenating Retinol Serum\u003cbr\/\u003e\u003cspan class=\"sbm-text-gold\"\u003eLas arrugas no son solo líneas... ¡son un grito de ayuda!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n Este suero no ofrece soluciones temporales, sino que crea cambios radicales a nivel celular para restaurar la vitalidad y frescura de la piel dañada con el tiempo.\n \u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n\u003cp\u003eCon el tiempo, te vuelves... \u003cstrong class=\"sbm-text-gold\"\u003eArrugas finas y arrugas\u003c\/strong\u003e Señales de advertencia de que la piel está perdiendo su capacidad natural de regenerarse. Estas señales molestas no desaparecerán simplemente, sino que requerirán una intervención científica avanzada para prevenir que los efectos del envejecimiento tomen el control de los rasgos del rostro.\u003c\/p\u003e\n\u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n La intervención temprana es el secreto para restaurar una piel joven y vital.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eFórmula altamente especializada para todo tipo de arrugas\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eLos ingredientes de este suero no solo actúan sobre el tratamiento superficial, sino que también se dirigen a todo tipo de arrugas con un mecanismo personalizado.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Targeting Wrinkles\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Accordion --\u003e\n\u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas dinámicas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eApare como resultado de los movimientos faciales repetidos como una sonrisa o una mueca constante\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol y retinol:\u003c\/span\u003e Estimulan la producción de colágeno desde el interior, reduciendo eficazmente el aspecto y la profundidad de estas arrugas.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas de expresión\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eSe forman y se consolidan debido a las expresiones faciales repetitivas y al estrés.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamida:\u003c\/span\u003e Mejora la elasticidad general de la piel, reduciendo la gravedad de estas arrugas y previniendo su estabilidad.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas en la frente\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eAparecen ocasionalmente y claramente debido a la continua pérdida de colágeno en esta área.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eColágeno y consolida:\u003c\/span\u003e Contribuyen a reforzar la estructura de soporte de la piel y a rellenar las arrugas en esta zona particular.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas finas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eLas líneas finas aparecen temprano y a menudo se deben a una sequedad intensa y a una barrera protectora débil.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTocoferol y pantenol:\u003c\/span\u003e Proporcionan una hidratación profunda que retiene la humedad, rellenando la piel y cubriendo al instante esas arrugas.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eEl retinol es el escudo de la piel contra los factores de envejecimiento\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eEste suero trabaja para restaurar la vitalidad y la elasticidad que se han perdido con el tiempo gracias a los ingredientes activos estudiados científicamente.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Serum Ingredients\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eRetinol puro\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eRenueva las células de la piel y mejora su apariencia superficial.\u003c\/li\u003e\n\u003cli\u003eEstimula la producción interna de colágeno y elastina\u003c\/li\u003e\n\u003cli\u003eReduce la pigmentación y unifica el tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-1\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBakuchiol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eLa alternativa natural y segura al retinol.\u003c\/li\u003e\n\u003cli\u003ePotente antioxidante que protege de los daños ambientales.\u003c\/li\u003e\n\u003cli\u003eReduce delicadamente arrugas y líneas finas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eTecnología de liposomas elásticos\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eEl empaquetado inteligente libera los ingredientes en las capas más profundas.\u003c\/li\u003e\n\u003cli\u003eMejora la absorción de los ingredientes activos sin desperdicios\u003c\/li\u003e\n\u003cli\u003ePreviene irritaciones superficiales y aumenta la eficacia de los ingredientes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. USAGE STEPS (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eCómo usar (rutina segura y eficaz)\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003ePasos sencillos para introducir el retinol en tu rutina de cuidado de manera efectiva y segura\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpieza del rostro\u003c\/h4\u003e\n\u003cp\u003eLimpia delicadamente la piel usando un limpiador adecuado para eliminar las impurezas y preparar los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eAplicación del tónico\u003c\/h4\u003e\n\u003cp\u003eEs preferible usar un tónico hidratante para preparar la piel y hacerla más capaz de absorber el suero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eLa cantidad justa\u003c\/h4\u003e\n\u003cp\u003eAplicar una cantidad muy pequeña (equivalente a un guisante) en las puntas de los dedos para evitar el exceso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDistribuir delicadamente\u003c\/h4\u003e\n\u003cp\u003eAplica suavemente el suero en el rostro, concentrándote en las áreas con arrugas y líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n\u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sbm-primary);\"\u003eUso gradual (muy importante)\u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eSe ruega comenzar a usar el suero solo una o dos veces por semana (por la noche). Luego aumentar gradualmente la frecuencia según la tolerancia de la piel. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eLa crema solar debería ser utilizada durante el día.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ 1. Scroll Reveal Animation\n const reveals = document.querySelectorAll('.sbm-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ 2. Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.sbm-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -4;\n const rotateY = ((x - centerX) \/ centerX) * 4;\n \n media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n\n \/\/ 3. Accordion Logic\n const accItems = document.querySelectorAll('.sbm-acc-header');\n accItems.forEach(item =\u003e {\n item.addEventListener('click', function() {\n const parent = this.parentElement;\n const isActive = parent.classList.contains('active');\n \n \/\/ Close all\n document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n child.classList.remove('active');\n });\n \n \/\/ Open clicked if it wasn't active\n if (!isActive) {\n parent.classList.add('active');\n }\n });\n });\n\n \/\/ Open first accordion item by default\n if(accItems.length \u003e 0) {\n setTimeout(() =\u003e {\n accItems[0].parentElement.classList.add('active');\n }, 500);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230444875973,"sku":"","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.jpg?v=1745760626"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence - 100ml | Gel de caracol para la reparación de la barrera","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n --cs-neon-gold: #ffd24a;\n --cs-amber-accent: #f5c518;\n --cs-neon-mint: #00e5a3;\n --cs-glow-gold: rgba(255, 210, 74, 0.45);\n --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n --cs-text-pure: #ffffff;\n --cs-border: rgba(245, 197, 24, 0.25);\n --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n background-color: var(--cs-bg-base);\n color: var(--cs-text-pure);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .cs-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-gold {\n color: var(--cs-neon-gold) !important;\n text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n font-weight: 900;\n }\n\n .neon-mint {\n color: var(--cs-neon-mint) !important;\n text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* Styles *\/\n .cs-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(245, 197, 24, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .cs-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .cs-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .cs-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .cs-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.32;\n animation: csOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .cs-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n top: -100px; right: -120px;\n }\n\n .cs-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -140px;\n animation-delay: -6s;\n }\n\n @keyframes csOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .cs-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n word-wrap: break-word;\n }\n\n .cs-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .cs-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--cs-glow-gold);\n letter-spacing: 0.5px;\n }\n\n .cs-gold-dot {\n width: 8px; height: 8px;\n background: var(--cs-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--cs-neon-gold);\n display: inline-block;\n }\n\n .cs-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--cs-amber-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .cs-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .cs-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-icon-wrap {\n width: 52px; height: 52px;\n background: rgba(8, 6, 4, 0.9);\n border: 1.5px solid rgba(245, 197, 24, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 16px;\n color: var(--cs-neon-gold);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n flex-shrink: 0;\n }\n\n .cs-card:hover .cs-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--cs-amber-accent);\n color: #050403;\n border-color: transparent;\n box-shadow: 0 0 25px var(--cs-neon-gold);\n }\n\n .cs-icon-wrap svg {\n width: 26px; height: 26px;\n }\n\n .cs-card h3 {\n font-size: 1.25rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .cs-card p {\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.14);\n border: 1px solid var(--cs-amber-accent);\n color: var(--cs-neon-gold);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .cs-ingredient-tag.mint {\n background: rgba(0, 229, 163, 0.14);\n border-color: var(--cs-neon-mint);\n color: var(--cs-neon-mint);\n box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n }\n\n .cs-glass-box {\n background: var(--cs-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--cs-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n max-width: 880px;\n width: 100%;\n }\n\n .cs-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n }\n\n .cs-glass-box p, \n .cs-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n .cs-dilemma-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-dilemma-card {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--cs-border);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-dilemma-card.conflict {\n border-right: 4.5px solid #ff4444;\n background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n }\n\n .cs-dilemma-card.harmony {\n border-right: 4.5px solid var(--cs-neon-gold);\n background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n }\n\n .cs-dilemma-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .cs-dilemma-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-spa-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-spa-card {\n background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-right: 4.5px solid var(--cs-amber-accent);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-spa-card:hover {\n transform: translateY(-5px);\n border-right-color: var(--cs-neon-gold);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n }\n\n .cs-spa-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .cs-spa-card p {\n color: #ffffff;\n font-size: 0.96rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-science-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: left;\n transition: all 0.4s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .cs-science-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-science-card h4 {\n font-size: 1.3rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 6px;\n }\n\n .cs-science-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 14px;\n }\n\n .cs-science-card ul {\n list-style: none;\n padding: 0;\n }\n\n .cs-science-card li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .cs-science-card li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--cs-neon-gold);\n font-weight: 900;\n }\n\n .cs-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-stat-box {\n background: rgba(18, 14, 10, 0.9);\n border: 1.5px solid var(--cs-border);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-stat-box:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .cs-stat-num {\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .cs-stat-title {\n color: #ffffff;\n font-size: 1.08rem;\n font-weight: 800;\n margin-bottom: 4px;\n }\n\n .cs-stat-desc {\n color: #ffffff;\n font-size: 0.85rem;\n opacity: 0.95;\n line-height: 1.5;\n }\n\n .cs-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-timeline-card {\n background: rgba(18, 14, 10, 0.88);\n border: 1px solid var(--cs-border);\n border-top: 4px solid var(--cs-neon-gold);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--cs-neon-mint);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-timeline-badge {\n display: inline-block;\n background: rgba(245, 197, 24, 0.14);\n color: var(--cs-neon-gold);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--cs-border);\n white-space: nowrap;\n }\n\n .cs-timeline-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-value-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-value-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .cs-value-num {\n width: 44px; height: 44px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin-bottom: 14px;\n }\n\n .cs-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .cs-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-step-card {\n background: rgba(18, 14, 10, 0.85);\n border: 1.5px dashed var(--cs-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-step-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2b220e, #0c0a06);\n border: 2px solid var(--cs-amber-accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-step-card h4 {\n color: var(--cs-neon-gold);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .cs-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .cs-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n }\n\n .cs-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .cs-reveal.cs-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cs-delay-1 { transition-delay: 0.12s; }\n .cs-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .cs-ultimate-container { padding: 25px 0; }\n .cs-container { padding: 0 14px !important; }\n .cs-glass-box { padding: 22px 14px !important; }\n .cs-img-md { max-width: 100% !important; }\n\n .cs-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .cs-benefits-grid .cs-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .cs-benefits-grid .cs-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .cs-benefits-grid .cs-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .cs-benefits-grid .cs-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n .cs-dilemma-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-spa-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.35 !important;\n }\n\n .cs-spa-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-dilemma-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-dilemma-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 6px !important;\n }\n\n .cs-dilemma-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-science-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-science-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .cs-science-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-card li {\n font-size: 0.74rem !important;\n padding-right: 16px !important;\n }\n\n .cs-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-stat-num {\n font-size: 30px !important;\n }\n\n .cs-stat-title {\n font-size: 0.85rem !important;\n }\n\n .cs-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .cs-timeline-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-value-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-title-glow { font-size: 24px; }\n .cs-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e El suero milagroso n.° 1 del mundo para el rejuvenecimiento de la piel\n \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eEl secreto para una piel clara es como los granos y tratar los efectos de los granos que se han descontrolado en el mundo\u003c\/h2\u003e\n\u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n\u003cp class=\"cs-sub-text pure-white\"\u003e\n Imagina un producto que trata la sequedad, borra los efectos del acné y te brinda frescura desde el primer uso! Gracias a la concentración \u003cstrong class=\"neon-gold\"\u003e96,3% de extracto puro de caracol\u003c\/strong\u003eTu piel absorberá la hidratación y se renovará desde el interior, sin ninguna sensación de grasa o pegajosa.\n \u003c\/p\u003e\n\u003c!-- Hero Product Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\"\/\u003e\n\u003c\/div\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#cs-buy\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eComienza ahora tu camino hacia una piel radiante\u003c\/a\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n\u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e Información cosmética que no todos conocen\n \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003e¿Por qué los centros estéticos más caros del mundo usan caracoles?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eDéjame decirte por qué las personas ricas pagan cientos de dólares por sesión..\u003c\/p\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n En los centros de belleza de lujo más famosos del mundo, han notado que los trabajadores de las granjas de caracoles tienen las manos muy suaves y están completamente libres de arrugas y heridas, y ¡sanaban a una velocidad sorprendente! De aquí comenzaron las sesiones de tratamiento de la piel con caracoles.\n \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEl secreto de la frescura instantánea\u003c\/h4\u003e\n\u003cp\u003eLas secreciones de los caracoles tratan los daños de la piel muy rápidamente y restablecen la elasticidad y el brillo natural que se ve en la piel de las celebridades.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eUna alternativa natural al colágeno\u003c\/h4\u003e\n\u003cp\u003eEsta secreción es rica en vitaminas y sustancias que tonifican el rostro y reducen arrugas y líneas finas, como si hubieras aplicado un filtro natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eSe cuida a sí mismo\u003c\/h4\u003e\n\u003cp\u003eEl caracol segrega esta sustancia para curar sus heridas en pocos minutos. ¡Imagina entonces lo que hará esta sustancia en los granos y cicatrices que están por aparecer!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eCosrx ha traído el spa a ti\u003c\/h4\u003e\n\u003cp\u003eEn lugar de gastar miles de dólares en una sola sesión, Cosrx ha puesto el extracto puro y estéril en una botella que puedes usar todos los días en casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003e¿Por qué las cremas hidratantes comunes no funcionan para ti?\u003c\/h2\u003e\n\u003cdiv class=\"cs-glass-box\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: left;\"\u003e\n Las cremas hidratantes normales se posan en la parte externa de la piel, pero cuando la piel está estresada y tiene marcas de granos, necesitas \u003cstrong class=\"neon-gold\"\u003eNutrición potente que penetra profundamente en la piel\u003c\/strong\u003e:\n \u003c\/p\u003e\n\u003cdiv class=\"cs-dilemma-grid\"\u003e\n\u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n\u003ch4 style=\"color: #ff5555;\"\u003eHidratantes tradicionales\u003c\/h4\u003e\n\u003cp\u003eHidrata solo desde el exterior y puede obstruir los poros y causar granos, y en cuanto te lavas, la sequedad volverá de nuevo, como si no hubieras hecho nada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEsencia de caracol 96%\u003c\/h4\u003e\n\u003cp\u003ePenetra en las capas de la piel en pocos segundos, trata la sequedad desde las raíces, rellena las arrugas y repara la piel dañada, dando a tus manos una frescura real y duradera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Comprehensive Benefits Grid --\u003e\n\u003csection class=\"cs-reveal\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eBeneficios biológicos directos del producto\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e¿Qué harán las gotas de esencia en tu piel?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n Cada resultado que ves en el espejo tiene un ingrediente natural potente y eficaz detrás:\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eBorra los efectos de los granos y las cicatrices\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eExtracto de caracol 96,3%\u003c\/div\u003e\n\u003cp\u003eUn tratamiento rápido para las depresiones y las marcas de los granos pasados, para que vuelvan lisas, con una textura uniforme y sin imperfecciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eRelleno e hidratación inmediata del rostro\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eÁcido hialurónico puro\u003c\/div\u003e\n\u003cp\u003eAtrae el agua en la piel para rellenar las líneas finas y dar a las manos un aspecto lleno, sano e hidratado durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAlivia el enrojecimiento y la inflamación\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003ePantenol calmante\u003c\/div\u003e\n\u003cp\u003eSi tu piel es sensible o está inflamada por el sol o por granos, la calmará y eliminará cualquier enrojecimiento o picazón en pocos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTonifica la piel y previene las arrugas\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eColágeno natural\u003c\/div\u003e\n\u003cp\u003eRefuerza tu piel y restaura su elasticidad, haciéndola más firme y joven, y retrasa la aparición de los signos del envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAclarar y unificar el color del rostro\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eRegeneración celular natural\u003c\/div\u003e\n\u003cp\u003eElimina la opacidad y exfolia las células muertas de manera muy delicada, iluminando la piel y devolviéndole su color natural y uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eNutrición profunda para los poros\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eVitaminas nutrientes\u003c\/div\u003e\n\u003cp\u003eAporta vitaminas a las capas más profundas de la piel, haciéndola sana y resistente a nuevos problemas y granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Simplified Science Section --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eEl secreto del producto\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003e¿Cómo trata la piel esta esencia?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Science Visual Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Science behind COSRX Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-science-grid\"\u003e\n\u003c!-- BIO 01 --\u003e\n\u003cdiv class=\"cs-science-card\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-gold\"\u003e1. Regeneración de las células dañadas\u003c\/h4\u003e\n\u003cp\u003eLa fórmula de baba de caracol regeneradora regeneradora señala a las células de tu piel que construyan rápidamente nuevo colágeno, y es esto lo que hace curar los granos y hace que la piel vuelva a estar lisa y tonificada en tiempo récord.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAcelera la curación de los granos viejos y nuevos.\u003c\/li\u003e\n\u003cli\u003eHace que la piel vuelva a su elasticidad natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIO 02 --\u003e\n\u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-mint\"\u003e2. La hidratación no se evapora\u003c\/h4\u003e\n\u003cp\u003eCombinar el extracto de caracol con ácido hialurónico crea un escudo protector que atrapa el agua en el interior, manteniendo la piel fresca y luminosa durante todo el día, independientemente del clima seco o del aire acondicionado.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eTu piel lo absorbe en pocos segundos y no limpia los poros.\u003c\/li\u003e\n\u003cli\u003eBrillo y frescura que permanecen contigo todo el día.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Clinical Numerical Results Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eResultados en números\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eNúmeros reales de las experiencias de las chicas en todo el mundo\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stats-grid\"\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eHidratación y suavidad instantáneas\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDesde el primer contacto con tu piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eReducción de los efectos de las pastillas\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDespués de 4 semanas de uso\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eFortalecer la barrera hidrolipídica\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eProtección más fuerte contra los nuevos granos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003ePorcentaje de pureza natural\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eEl porcentaje más alto de extracto de caracol del mundo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eExcelente evaluación\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eCon millones de experiencias reales\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eRuta de cambio\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e¿Qué le pasará a tu piel después de que lo hayas usado?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-grid\"\u003e\n\u003cdiv class=\"cs-timeline-card\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eSuavidad y brillo instantáneos\u003c\/h4\u003e\n\u003cp\u003eTu piel lo absorbe en pocos segundos, no hay pegajosidad y la textura permanece muy suave y luminosa todo el tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eLa primera semana\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eCalma y conforta la piel\u003c\/h4\u003e\n\u003cp\u003eEl enrojecimiento desaparece y las costras o la sequedad alrededor de la boca y las fosas nasales desaparecen por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eLa tercera semana\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eAclarar los efectos de los granos\u003c\/h4\u003e\n\u003cp\u003eLas manchas oscuras comienzan a aclararse, la textura de la piel se vuelve más uniforme y las líneas finas se reducen notablemente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eEl segundo mes y contando\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003ePiel clara como Azaz\u003c\/h4\u003e\n\u003cp\u003eFrescura duradera, una barrera hidrolipídica fuerte y seguridad que te permitirán prescindir del maquillaje y disfrutar de tu belleza natural!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eLa opción más accesible e inteligente para tu belleza\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eAhorros y beneficios que seguramente te harán ahorrar muchos productos\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Value Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"COSRX Snail Mucin Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-grid\"\u003e\n\u003cdiv class=\"cs-value-card\"\u003e\n\u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUn gran tamaño que durará meses\u003c\/h3\u003e\n\u003cp\u003eEl envase de 100 ml es suficiente para 3-5 meses de uso diario. Solo se necesitan dos gotas para toda la cara y el cuello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTe hace ahorrar dinero y tiempo\u003c\/h3\u003e\n\u003cp\u003eNo debo comprar un suero hidratante y otro suero para tratar los granos... ambos en una botella muy potente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eMuy natural y segura\u003c\/h3\u003e\n\u003cp\u003eSin olores irritantes o alcohol, se seca y se extrae fácilmente. Se extrae sin dañar a los caracoles y es adecuado para piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003eCómo usar para obtener resultados rápidos\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003ePasos sencillos para que tu piel se beneficie de cada gota\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps-grid\"\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eLimpiador y tónico\u003c\/h4\u003e\n\u003cp\u003eLávate la cara, aplica el tónico y deja la piel un poco fresca para que la esencia se absorba mejor y más rápido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eSolo dos puntos\u003c\/h4\u003e\n\u003cp\u003ePoner una o dos presiones generosas en la mano y distribuirlas delicadamente en el cuello y la nuca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eLigera plenitud\u003c\/h4\u003e\n\u003cp\u003eAplícalo muy cómodamente hasta que tu piel lo absorba todo, luego aplica tu crema hidratante normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eConsejos de los expertos para un resultado mágico:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003e¡El secreto está en el agua!\u003c\/strong\u003e Aplicalo siempre cuando la piel esté ligeramente húmeda, nunca sobre la piel completamente seca. Esto permite que el ácido hialurónico y el extracto de caracol atraigan agua profundamente a tus células y dupliquen la hidratación y la frescura de una manera que no creerías!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Technical INCI List --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n\u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: ltr; text-align: left; font-weight: 800;\"\u003e\n Lista de ingredientes (INCI)\n \u003c\/h3\u003e\n\u003cp style=\"font-family: monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 14px; text-align: left; direction: ltr;\"\u003e\n\u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n * Fórmula 100% pura completamente libre de fragancias sintéticas, alcohol agresivo, parabenos y aceites minerales. Ideal para todo tipo de piel, incluso sensible y propensa al acné.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final High-Converting CTA --\u003e\n\u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003e¡Ordena ahora la esencia original!\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n Proporciona a tu piel la posibilidad de renovarse seriamente y volver a iluminarse\n \u003c\/h2\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n En lugar de desperdiciar tu dinero en cremas hidratantes superficiales que dejan cicatrices y sequedad tal como son, prueba el poder del puro extracto de caracol, que ha cambiado el aspecto de la piel de millones de chicas en todo el mundo.\n \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eOrdénalo ahora y comienza la rutina\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.cs-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cs-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44252532965573,"sku":"","price":1240.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_egypt.jpg?v=1759353797"},{"product_id":"cosrx-hyaluronic3","title":"Cosrx Ácido Hialurónico 3% | Ceramidas | Factores naturales de hidratación | Hidratante para la piel | Relleno para arrugas","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: ltr;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 1.9rem;\n text-align: left;\n }\n\n .product-description h3 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n .product-description ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .feature-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n \/* Info blocks *\/\n .info-block {\n background: #fcfcfc;\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n border-right: 4px solid #ebebeb;\n transition: transform 0.3s ease;\n }\n\n .info-block:hover {\n transform: translateX(-5px);\n }\n\n .info-title {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* Highlight block *\/\n .highlight-block {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n text-align: center;\n }\n\n .highlight-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Illustration *\/\n .penetration-chart {\n width: 100%;\n height: 250px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 20px;\n margin: 30px 0;\n position: relative;\n }\n\n .skin-layers {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .skin-layer {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n position: relative;\n }\n\n .epidermis {\n background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n border-radius: 8px 8px 0 0;\n }\n\n .dermis {\n background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n }\n\n .hypodermis {\n background: linear-gradient(to bottom, #d5a997, #c1937f);\n border-radius: 0 0 8px 8px;\n }\n\n .penetration-arrow {\n position: absolute;\n top: 10%;\n right: 50%;\n height: 80%;\n width: 4px;\n background: #9C8102;\n z-index: 2;\n }\n\n .penetration-arrow::before {\n content: '';\n position: absolute;\n bottom: -10px;\n right: -8px;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9C8102;\n }\n\n .penetration-label {\n position: absolute;\n top: 50%;\n right: 30%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n }\n\n .layer-label {\n position: absolute;\n right: 10px;\n color: #333;\n font-weight: bold;\n }\n\n \/* Usage steps *\/\n .usage-steps {\n margin: 2em 0;\n }\n\n .step {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .step:hover {\n transform: translateX(-5px);\n }\n\n .step-number {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n }\n\n .step-text {\n flex-grow: 1;\n }\n\n \/* Call to action *\/\n .cta-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-title {\n color: black;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEl desafío de la deshidratación comienza aquí: piel hidratada, firme y luminosa\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTu piel grita por perder su frescura, y cada día que pasa sin tratamiento hace que el problema sea más profundo y difícil de revertir.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e¿Sabías que las arrugas prematuras no son solo un cambio natural? Más bien, son la prueba de un deterioro de la barrera de hidratación vital de tu piel. Estas líneas no son solo signos pasajeros; son advertencias de que tu piel está empezando a perder la capacidad de retener agua y elasticidad. Con cada día que pasa sin una hidratación efectiva, estas señales se vuelven más profundas y difíciles de tratar. Recuerda, las arrugas comienzan a aparecer cuando la piel carece de cuidados adecuados; cualquier falta de hidratación puede transformarse en líneas y arrugas que no desaparecen fácilmente. Dale a tu piel la fuerza que necesita con ácido hialurónico y restaura su vitalidad antes de que sea demasiado tarde.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUna innovación que va más allá de los hidratantes tradicionales:\u003c\/h3\u003e\n\u003cp\u003eLa mayoría de los productos se limita a hidratar, pero este sérum funciona como:\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eUn reformador natural\u003c\/div\u003e\n\u003cp\u003eRestaura la barrera protectora de la piel, haciéndola más fuerte y más resistente a los daños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eMejorador de la textura de la piel\u003c\/div\u003e\n\u003cp\u003eElimina la textura de la piel áspera dejándola sedosa y suave después del primer uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eCombate la deshidratación crónica\u003c\/div\u003e\n\u003cp\u003eTrata la sequedad desde la raíz proporcionando una protección duradera que dura horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUna sensación de lujo en cada uso:\u003c\/h3\u003e\n\u003cp\u003eSu textura única es diferente a cualquier producto que hayas probado antes. La fórmula es ligera, se absorbe fácilmente, pero envuelve la piel en una manta de suavidad y comodidad que dura todo el día.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Close Up\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e¿Qué hace especial a la COSRX Hyaluronic Acid Intensive Cream?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Potente mezcla de NMF (Complejo de Aminoácidos):\u003c\/h3\u003e\n\u003cp\u003eLos Factores Naturales de Hidratación (NMF) incluyen un grupo de aminoácidos que imitan los elementos naturales presentes en la piel, los cuales actúan para:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidrata profundamente la piel:\u003c\/strong\u003e Los aminoácidos ayudan a la piel a retener agua, proporcionándole frescura y elasticidad natural.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReparación de la barrera hidrolipídica:\u003c\/strong\u003e Este compuesto mejora la capacidad de la piel para protegerse de los agresores ambientales y de la sequedad.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMayor suavidad:\u003c\/strong\u003e Con un uso regular, reduce la textura áspera de la piel y reequilibra los niveles naturales de hidratación.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Second Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e2. Ceramidas: la última barrera entre tu piel y los factores de envejecimiento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCuando la barrera hidrolipídica se rompe, tu piel comienza un viaje irreversible hacia la sequedad y la pérdida de luminosidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSin una barrera fuerte, cada enemigo de tu piel la invadirá sin piedad. \u003c\/strong\u003eLa piel normal contiene \u003cstrong\u003eCeramidas\u003c\/strong\u003e Como parte esencial de la barrera protectora que retiene la humedad y evita su pérdida.\u003c\/p\u003e\n\u003cp\u003eCuando se pierden estos ceramidas, conduce al colapso de la barrera hidrolipídica, a la pérdida de hidratación y frescura, y expone la piel a factores ambientales que causan envejecimiento. Sin este soporte, la piel se convierte en un campo de batalla, donde los signos de estrés y envejecimiento se aceleran. ¿Dejará tu piel expuesta y vulnerable a los daños?\u003c\/p\u003e\n\u003cp\u003eEl suero contiene una alta concentración de ceramidas que ayudarán a tu piel a restablecer su barrera protectora y a prevenir la penetración de agentes nocivos en las capas más profundas de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Penetration Depth Section --\u003e\n\u003cdiv class=\"highlight-block\"\u003e\n\u003ch3 class=\"highlight-title\"\u003e3. Hidratación hasta 2,5 ml bajo la superficie de la piel\u003c\/h3\u003e\n\u003cp\u003eLa fórmula utiliza una potente concentración de ácido hialurónico que hidrata en profundidad todas las capas de la piel, alcanzando una profundidad sin igual entre todas las cremas hidratantes. Esta fórmula penetra las células más profundas de tu piel para proporcionar una hidratación eficaz en todos los niveles de la piel.\u003c\/p\u003e\n\u003c!-- Skin Penetration Visualization --\u003e\n\u003cdiv class=\"penetration-chart\"\u003e\n\u003cdiv class=\"skin-layers\"\u003e\n\u003cdiv class=\"skin-layer epidermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eEpidermis externa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eDerma\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eBajo la dermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"penetration-label\"\u003eProfundidad de penetración: 2,5 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCada gota reconstruye tu piel desde adentro\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUna pequeña gota... un impacto enorme: hidratación completa de la piel con solo una pequeña cantidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eGracias a la fórmula del suero con ácido hialurónico de COSRX, necesitas una cantidad muy pequeña para cubrir todo el rostro. La fórmula concentrada y efectiva trabaja de manera inteligente para distribuir la hidratación en profundidad en cada capa de la piel, ofreciéndote resultados evidentes sin desperdiciar producto.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eCómo usar:\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpia bien la piel usando un limpiador adecuado para tu tipo de piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicar unas gotas de suero sobre la piel limpia y ligeramente húmeda\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica suavemente el suero usando los dedos con movimientos circulares delicados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eSigue con una crema hidratante para retener la humedad en la piel (opcional)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eUsa el suero dos veces al día, por la mañana y por la noche, para resultados óptimos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n\u003cp\u003eLa solución ideal para la piel sedienta de hidratación profunda y frescura continua\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e¡Devuelve la vida a tu piel ahora!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44297342386373,"sku":"INSTA055008CHIQ","price":1020.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1734295431"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx Niacinamida 15% | Especialista en poros | Aclarar | Regular los aceites","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: ltr;\n }\n\n \/* Typography *\/\n .product-description h2 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h2::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Featured section *\/\n .featured-section {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n }\n\n .featured-title {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n \/* Benefits section *\/\n .benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 2em 0;\n }\n\n .benefit-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n font-size: 1.8rem;\n margin: 0 auto 15px;\n }\n\n .benefit-content {\n padding: 25px;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .comparison-container {\n position: relative;\n width: 100%;\n margin: 2em 0;\n border-radius: 15px;\n overflow: hidden;\n }\n\n .comparison-image {\n width: 100%;\n display: block;\n border-radius: 15px;\n }\n\n \/* Percentage indicator *\/\n .percentage-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 3em 0;\n }\n\n .percentage-circle {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .percentage-circle::before {\n content: '';\n position: absolute;\n width: 130px;\n height: 130px;\n border-radius: 50%;\n background-color: white;\n }\n\n .percentage-text {\n position: relative;\n z-index: 1;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n }\n\n .percentage-label {\n margin-right: 20px;\n font-size: 1.2rem;\n color: #333;\n flex: 1;\n }\n\n \/* Info sections *\/\n .info-section {\n margin: 3em 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-right: 5px solid #9C8102;\n transition: transform 0.3s ease;\n }\n\n .info-section:hover {\n transform: translateX(-5px);\n }\n\n \/* Usage section *\/\n .usage-section {\n margin: 3em 0;\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .usage-steps {\n display: flex;\n justify-content: space-between;\n position: relative;\n margin: 40px 0;\n }\n\n .usage-steps::before {\n content: '';\n position: absolute;\n top: 25px;\n right: 0;\n left: 0;\n height: 2px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: -1;\n }\n\n .usage-step {\n text-align: center;\n position: relative;\n width: 120px;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 0 auto 15px;\n }\n\n .step-text {\n font-size: 0.95rem;\n color: #555;\n }\n\n \/* Call to action *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 3em 0 1em;\n }\n\n .cta-container h2 {\n color: white;\n margin-bottom: 20px;\n }\n\n .cta-container h2::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: rgba(156, 129, 2, 0.08);\n border-radius: 10px;\n padding: 20px;\n margin: 2em 0;\n border: 3px solid #000;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-container {\n grid-template-columns: 1fr;\n }\n\n .percentage-container {\n flex-direction: column;\n }\n\n .percentage-label {\n margin: 20px 0 0 0;\n text-align: center;\n }\n\n .usage-steps {\n flex-direction: column;\n align-items: center;\n }\n\n .usage-steps::before {\n display: none;\n }\n\n .usage-step {\n margin-bottom: 30px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eEl compuesto perfecto que ha cambiado el skincare... ahora en la concentración más alta posible\u003c\/h2\u003e\n\u003c!-- Percentage Indicator --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv class=\"percentage-circle\"\u003e\n\u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"percentage-label\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eDescubre la diferencia con alta concentración\u003c\/h3\u003e\n\u003cp\u003eProbablemente ya hayas probado la niacinamida, pero nunca a esta concentración del 15%, que pondrá a prueba todo lo que sabes sobre el skincare. Su efecto es más potente que nunca contra las impurezas y actúa para reducir los poros con una eficacia sin precedentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Product\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLa fórmula equilibrante de la melanina desafía incluso la pigmentación más obstinada\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eEsta fórmula está altamente especializada en equilibrar la producción de melanina. Cuando se expone a factores ambientales, la piel aumenta la producción de melanina de manera irregular, llevando a la aparición de estas molestas pigmentaciones que afectan considerablemente tu apariencia.\u003c\/p\u003e\n\u003cp\u003eEsta fórmula equilibra la producción de pigmento, llevando a unificar el tono de la piel y obtener una piel clara, libre de pigmentaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Pore Minimizing Effect\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e¿Sufres de poros dilatados? Esta es la solución final\u003c\/h2\u003e\n\u003cp\u003eDeshazte de esos molestos poros dilatados que te hacen parecer más viejo de lo que eres y que absorben polvo y factores ambientales nocivos llevándolos en profundidad a tu piel.\u003c\/p\u003e\n\u003cp\u003eEl suero limpia y purifica los poros de la piel y reduce las secreciones de sebo, lo que reduce invisiblemente el tamaño de los poros y hace que la textura de la piel parezca vidrio... ¡literalmente!\u003c\/p\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduce los poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna concentración del 15% de niacinamida regula la secreción de aceites y reduce muy eficazmente los poros dilatados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTrata la pigmentación y uniforma el tono de la piel regulando la producción del pigmento melanina\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombate el acné\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduce la inflamación y previene el acné regulando la secreción de sebo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Texture Improvement\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eReconstruye la textura de la piel\u003c\/h2\u003e\n\u003cp\u003eEl suero de niacinamida no solo ayuda a combatir el acné, sino que también contribuye a mejorar la textura general de la piel, haciéndola más suave y elástica.\u003c\/p\u003e\n\u003cp\u003eEs más que un simple suero, es una completa rejuvenecimiento para tu piel.\u003c\/p\u003e\n\u003c!-- Before\/After Comparison --\u003e\n\u003cdiv class=\"comparison-container\"\u003e\n\u003cimg alt=\"Before and After Using Niacinamide Serum\" class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eAdiós a puntos blancos y puntos negros\u003c\/h2\u003e\n\u003cp\u003eLos comedones y los puntos negros se forman cuando el aceite y el sebo se acumulan dentro de los poros y los bloquean o interactúan con el aire. El suero COSRX Niacinamide trabaja para reducir el tamaño de los poros y regular la secreción de sebo, previniendo la acumulación de aceite y suciedad. También ayuda a renovar las células de la piel y a exfoliarlas suavemente, lo que previene los poros obstruidos y trata eficazmente los comedones y puntos negros.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eEs un producto soñado para la piel grasa\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eSi tienen la piel grasa o mixta, probablemente conozcan los desafíos de enfrentar el exceso de sebo y los poros dilatados. Pero con el Suero de Niacinamida 15% de COSRX ahora pueden obtener una piel clara y más tonificada sin preocuparse por el exceso de brillo o los problemas asociados con la secreción de sebo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eProtección completa contra los efectos del tiempo...tratamiento y prevención en una sola fórmula\u003c\/h2\u003e\n\u003cp\u003eEl tiempo no hace descuentos a tu piel. Cada día que estamos expuestos a factores ambientales dañinos es un paso más hacia el envejecimiento prematuro\u003cbr\/\u003eNo dejes sola a tu piel en su lucha contra el tiempo\u003c\/p\u003e\n\u003cp\u003e¡Tu piel debería contar con un escudo protector de niacinamida! La niacinamida en esta fórmula altamente concentrada protege la piel de los oxidantes que causan el envejecimiento prematuro!\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch3 class=\"usage-title\"\u003e¿Cómo lo usas?\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpiar la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicar el tónico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicación del suero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eCrema hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eAplica el Suero de Niacinamida al 15% por la mañana y por la noche sobre la piel limpia antes de cualquier otra crema u aceite.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNota\u003c\/strong\u003e: No es preferible usarlo simultáneamente con productos que contengan vitamina C pura (ácido ascórbico).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n\u003cp\u003eLa solución perfecta para poros dilatados y tono de piel desigual\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to animate percentage circle\n const animatePercentageCircle = () =\u003e {\n const percentageCircle = document.querySelector('.percentage-circle');\n \n if (percentageCircle) {\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n \n setTimeout(() =\u003e {\n percentageCircle.style.transition = 'background 1.5s ease-out';\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n }, 300);\n }\n };\n \n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Animate percentage circle when it comes into view\n observeElements([document.querySelector('.percentage-container')], () =\u003e {\n animatePercentageCircle();\n });\n \n \/\/ Apply animations to benefit cards when they come into view\n observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info sections when they come into view\n observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n });\n \n \/\/ Apply animations to step numbers when they come into view\n observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n element.style.animation = 'pulseIn 0.5s ease forwards';\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes pulseIn {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 70% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n \n .benefit-card,\n .info-section,\n .featured-section,\n .highlight-box {\n opacity: 0;\n }\n \n .step-number {\n opacity: 0;\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44299894751429,"sku":"INSTA05ت5008CHIQ","price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1734367558"},{"product_id":"cosrx-retinol-serum","title":"Cosrx Suero de Retinol 0,5% + Esqualeno | Antiarrugas | Mejora la elasticidad de la piel","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003eRetinol... el soldado desconocido en la lucha contra los signos del envejecimiento\u003c\/h2\u003e\n\u003cp\u003e¿Alguna vez te has mirado en el espejo y has sentido que el tiempo comienza a dejar su huella en tu piel? Las arrugas finas aparecen lentamente, los poros parecen más grandes, la textura de la piel ya no parece tan lisa como antes?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNo dejes que el tiempo te controle\u003c\/strong\u003e\u003cbr\/\u003eEl envejecimiento no es una excusa para aceptar estos cambios, sino más bien un desafío que puedes superar.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Suero de Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003e¿La solución? Suero de Retinol 0,5% de COSRX\u003c\/h3\u003e\n\u003cp\u003eEl mejor producto con retinol del mundo, cuidadosamente diseñado para atacar incluso los problemas más sutiles de la piel, desde arrugas profundas y líneas finas hasta la textura áspera de la piel y la pérdida de elasticidad.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003e¿Por qué esta fórmula es una de las mejores fórmulas de retinol?\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n\u003ch4\u003eExcepcional concentración de retinol puro\u003c\/h4\u003e\n\u003cp\u003eEste producto contiene \u003cstrong\u003e0,5% concentración de retinol puro\u003c\/strong\u003eEs una de las concentraciones más altas disponibles en el mercado. El retinol es notoriamente difícil de formular a concentraciones tan elevadas, requiriendo técnicas precisas para mantener su estabilidad y garantizar su eficacia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eFórmula delicada que no provoca irritaciones cutáneas\u003c\/h4\u003e\n\u003cp\u003eA diferencia de las fórmulas tradicionales con retinol que pueden causar irritaciones y enrojecimiento de la piel, este producto contiene una mezcla única de ingredientes calmantes, lo que lo hace delicado incluso para la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eTextura ligera y de rápida absorción\u003c\/h4\u003e\n\u003cp\u003eCon una ligera textura oleosa y sedosa, se absorbe fácilmente en la piel sin dejar residuos grasos, haciéndolo ideal como paso esencial en tu rutina nocturna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHidratación profunda con escualeno vegetal\u003c\/h4\u003e\n\u003cp\u003eEl producto contiene \u003cstrong\u003eEscualeno extraído de las plantas\u003c\/strong\u003e, que actúa como un poderoso hidratante que previene la sequedad resultante del uso de retinol, manteniendo la piel hidratada y suave durante toda la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotrienol (súper vitamina E)\u003c\/h4\u003e\n\u003cp\u003eReduce significativamente los daños de los radicales libres y mejora el aspecto general de la piel, aumentando la eficacia del Retinol y garantizando resultados completos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"Resultados del uso del suero de retinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003e¡Resultados clínicos impresionantes!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMejora del 18,4% en las líneas de la nariz y los labios en solo 4 semanas\u003c\/strong\u003e (Confirmado mediante experimentos de laboratorio).\u003c\/p\u003e\n\u003cdiv class=\"percentage-bar\"\u003e\n\u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" style=\"display: block; margin: 30px auto;\"\/\u003e\n\u003c!-- Usage Timeline --\u003e\n\u003ch3\u003eUso gradual, efecto excepcional\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 1-2\u003c\/h4\u003e\n\u003cp\u003eComienza lentamente para permitir que tu piel se adapte. Usa el producto una vez a la semana al principio, luego dos veces a la semana a partir de la segunda semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eSemana 3-4\u003c\/h4\u003e\n\u003cp\u003eAumentar la frecuencia a 3 veces por semana. Notarás una mejora en la textura de la piel y una reducción de las primeras arrugas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 5-8\u003c\/h4\u003e\n\u003cp\u003eUsa el producto a diario o según lo tolere tu piel. Notarás una clara mejora en la elasticidad y frescura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eDesde la semana 8 en adelante\u003c\/h4\u003e\n\u003cp\u003eDisfruta de una piel renovada y fresca, libre de arrugas y signos de envejecimiento!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX Aceite de Retinol 0,5%\u003c\/h3\u003e\n\u003cp\u003eNo es solo otro producto para el skincare, es una innovación científica avanzada que te ofrece resultados visibles sin comprometer la comodidad de tu piel.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComienza ahora y combate los signos del tiempo!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264"},{"product_id":"cosrx-6-peptide","title":"COSRX Suero Booster de la Piel con 6 Péptidos - Reinicio Total de la Piel y Renovación de la Barrera Multi-Péptido","description":"\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animation for elements as they come into view\n const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Count-up animation for percentage numbers\n const countUpElements = document.querySelectorAll('.count-up');\n \n const countObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n const finalValue = parseFloat(element.getAttribute('data-value'));\n \n let startTime;\n const duration = 2000; \/\/ 2 seconds\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n \n const elapsedTime = currentTime - startTime;\n const progress = Math.min(elapsedTime \/ duration, 1);\n \n const currentValue = progress * finalValue;\n element.textContent = currentValue.toFixed(1) + '%';\n \n if (progress \u003c 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n countObserver.unobserve(element);\n }\n });\n }, {\n threshold: 0.5\n });\n \n countUpElements.forEach(el =\u003e {\n countObserver.observe(el);\n });\n });\n \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n\u003cstyle\u003e\n .cosrx-peptide-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .cosrx-peptide-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: ltr;\n font-family: inherit;\n color: #333;\n }\n \n .peptide-header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .peptide-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .peptide-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .peptide-content {\n margin-bottom: 60px;\n }\n \n .peptide-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .peptide-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n }\n \n .peptide-image {\n width: 100%;\n border-radius: 10px;\n margin: 30px 0;\n display: block;\n }\n \n .peptide-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .benefit-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .benefit-title {\n font-weight: 700;\n margin-bottom: 10px;\n color: #9C8102;\n font-size: 1.1rem;\n }\n \n .peptide-list {\n list-style-type: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .peptide-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .result-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n \n .result-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .result-percentage {\n font-size: 2rem;\n font-weight: 700;\n color: #c3a300;\n margin-bottom: 10px;\n }\n \n .result-text {\n font-size: 0.95rem;\n color: #555;\n }\n \n .how-to-use {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 25px;\n margin-top: 40px;\n }\n \n .how-to-use h3 {\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 1.2rem;\n color: #c3a300;\n }\n \n .how-to-use ol {\n padding-right: 25px;\n }\n \n .how-to-use li {\n margin-bottom: 10px;\n line-height: 1.5;\n }\n \n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .scale-in {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .count-up {\n display: inline-block;\n }\n \n \/* Shine effect for cards *\/\n .benefit-card, .result-card {\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after, .result-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.3) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n transform: rotate(30deg);\n transition: transform 0.7s ease;\n opacity: 0;\n }\n \n .benefit-card:hover::after, .result-card:hover::after {\n opacity: 1;\n transform: rotate(30deg) translate(100%, -100%);\n }\n \n @media (max-width: 768px) {\n .peptide-benefits,\n .result-cards {\n grid-template-columns: 1fr;\n }\n \n .peptide-title {\n font-size: 1.5rem;\n }\n \n .peptide-section-title {\n font-size: 1.3rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"peptide-header fade-in\"\u003e\n\u003ch2 class=\"peptide-title\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003eUn producto avanzado que contiene 6 potentes péptidos para rejuvenecer de manera completa y mejorar el aspecto de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003e¿Por qué los péptidos son la palabra clave?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003eLos péptidos son cadenas de aminoácidos fundamentales para la reparación y regeneración de la piel. Sin embargo, la fuerza de los péptidos radica en su versatilidad.\u003cbr\/\u003eHe aquí por qué el equipo \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e Creando una fórmula extraordinaria que contiene \u003cspan class=\"highlight\"\u003e6 tipos de péptidos\u003c\/span\u003eDiseñado para afrontar cualquier problema que puedas tener:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestaura la elasticidad de la piel:\u003c\/strong\u003e Adiós a la flacidez de la piel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir las arrugas profundas y las líneas finas\u003c\/strong\u003e Haz que tu rostro parezca años más joven.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir los poros y lograr una piel suave\u003c\/strong\u003e ¿Por qué los pequeños detalles marcan la diferencia?\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoble hidratación sin sensación de pesadez:\u003c\/strong\u003e Tu piel respirará de nuevo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eUn único producto te hará ahorrar la necesidad de rutinas complicadas y costosas\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCon \u003cspan class=\"highlight\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/span\u003eYa no necesitas una colección de productos múltiples que te pesan y te cuestan mucho dinero. Este producto avanzado contiene 6 péptidos efectivos que tratan varios problemas de la piel en un solo paso.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eGracias a la fórmula integrada del suero, puedes prescindir de tónico, suero y otros productos, ahorrando así tiempo y dinero. La belleza y el skincare ya no requieren una rutina complicada. COSRX 6 Peptide Serum es todo lo que necesitas para una piel sana y rejuvenecida.\u003c\/p\u003e\n\u003cimg alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e6 péptidos trabajan en armonía para restaurar la juventud de tu piel\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eImagina tu piel recibiendo el mejor tratamiento posible gracias a una mezcla completa de 6 potentes péptidos que trabajan juntos para rejuvenecer y mejorar el aspecto de tu piel. Desde mejorar la elasticidad de la piel y reducir las arrugas hasta tonificar y renovar las células, estos péptidos estimulan la piel para repararse de manera natural.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eCada uno de los 6 péptidos trabaja para abordar un problema específico: reducir las líneas finas, mejorar la textura de la piel, combatir la pigmentación y rejuvenecer la piel. ¿El resultado? Piel más tonificada, suave y radiante, con avances visibles en el rejuvenecimiento cutáneo.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eCombate los signos del envejecimiento\u003c\/h4\u003e\n\u003cp\u003eLos péptidos estimulan la producción de colágeno y elastina, ayudando a reducir las arrugas y a restaurar la juventud de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eHidratación profunda de la piel\u003c\/h4\u003e\n\u003cp\u003eLos péptidos trabajan con el ácido hialurónico para proporcionar una hidratación intensa a la piel, haciéndola más suave y elástica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h4\u003e\n\u003cp\u003eGracias a la niacinamida y los péptidos, el suero trabaja para aclarar las pigmentaciones y unificar el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFortalecer la barrera protectora de la piel\u003c\/h4\u003e\n\u003cp\u003eEl suero ayuda a fortalecer la barrera protectora de la piel, protegiéndola de los factores ambientales nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eFórmula avanzada que combina péptidos con los ingredientes más potentes para el skincare\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamida, ácido hialurónico y adenosina\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eLos péptidos por sí solos son conocidos por su superior capacidad de rejuvenecer la piel y estimular la producción de colágeno. \u003cstrong\u003ePero cuando se combina con ingredientes como niacinamida, ácido hialurónico y adenosina, se produce un efecto extraordinario que no se puede lograr con ningún otro producto.\u003c\/strong\u003e\u003cbr\/\u003eLa niacinamida ayuda a uniformar el tono de la piel y reducir los poros, mientras que el ácido hialurónico proporciona una hidratación profunda y la adenosina reduce las arrugas. Juntos, esta fórmula superior no solo otorga a la piel mayor firmeza, suavidad y luminosidad, sino que también mejora la capacidad de la piel para resistir los efectos del tiempo.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eTextura ligera... resultados pesados\u003c\/h3\u003e\n\u003cdiv class=\"result-cards\"\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la luminosidad de la piel\u003c\/strong\u003e: La piel se vuelve más luminosa y pura, mientras que su resplandor natural se restaura.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la hidratación\u003c\/strong\u003e: Obtener una hidratación profunda para la piel, que mejora su suavidad y elasticidad.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la frescura\u003c\/strong\u003e: La piel parece más vibrante y juvenil, como si hubiera recuperado su energía natural.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento del ácido hialurónico\u003c\/strong\u003e: Aumentar la proporción de ácido hialurónico significa una hidratación más profunda de la piel, lo que ayuda a mantener su salud y elasticidad.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eNo dejes que el tiempo afecte tu piel\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCon \u003cspan class=\"highlight\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/span\u003eEl tiempo ya no tendrá ningún efecto negativo en tu piel. Este producto es la solución perfecta para combatir los signos del envejecimiento, gracias a sus fórmulas avanzadas que contienen 6 potentes péptidos que trabajan para renovar las células, reducir las arrugas y mejorar la elasticidad de la piel. Disfruta de una piel más joven y luminosa y prepárate para desafiar al tiempo con confianza.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eCómo usar\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eDespués de limpiar la piel, aplica 2-3 dosis de suero. \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e En tu rostro.\u003c\/li\u003e\n\u003cli\u003eMasajear suavemente el producto con la yema de los dedos hasta su completa absorción.\u003c\/li\u003e\n\u003cli\u003ePosteriormente, utiliza tu crema hidratante favorita para una hidratación extra.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eTambién puedes combinar el suero con otros productos de \u003cstrong\u003eCOSRX\u003c\/strong\u003e Como niacinamida o suero de vitamina C para obtener los mejores resultados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359311098053,"sku":null,"price":1380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_6_peptide_skin_booster_6.jpg?v=1736165614"},{"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"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-container {\n max-width: 1100px;\n margin: 0 auto;\n direction: ltr;\n text-align: left;\n color: #333;\n overflow-x: hidden;\n padding: 0 15px;\n font-family: sans-serif;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n \n .hero-section {\n position: relative;\n padding: 35px 25px;\n background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n border: 1px solid rgba(201, 169, 126, 0.12);\n }\n \n .hero-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n }\n \n .hero-section::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 180px;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.2;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .hero-image {\n flex-shrink: 0;\n width: 250px;\n border-radius: 5px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n \n .hero-text {\n flex: 1;\n }\n \n .brand {\n font-size: 18px;\n color: #c9a97e;\n letter-spacing: 1px;\n margin-bottom: 10px;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n position: relative;\n }\n \n .brand::after {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .main-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n line-height: 1.2;\n font-weight: bold;\n }\n \n .main-title span {\n color: #c9a97e;\n position: relative;\n display: inline-block;\n }\n \n .main-title span::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: rgba(201, 169, 126, 0.1);\n border-radius: 3px;\n z-index: -1;\n }\n \n .hero-subtitle {\n font-size: 18px;\n margin-bottom: 20px;\n opacity: 0.9;\n line-height: 1.5;\n }\n \n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 20px;\n }\n \n .badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(201, 169, 126, 0.05);\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 500;\n color: #555;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .ingredients-section {\n margin: 40px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .ingredients-content {\n flex: 1;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n color: #222;\n position: relative;\n padding-bottom: 12px;\n font-weight: bold;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 3px;\n }\n \n .ingredient-box {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .ingredient-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .ingredient-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .ingredient-title {\n font-size: 20px;\n margin-bottom: 12px;\n color: #c9a97e;\n font-weight: bold;\n }\n \n .ingredient-desc {\n line-height: 1.6;\n color: #555;\n }\n \n .video-container {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n }\n \n .video-container video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n \n .benefits-section {\n margin: 50px 0;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n \n .benefit-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .benefit-card:hover::after {\n transform: scaleX(1);\n }\n \n .benefit-icon {\n color: #c9a97e;\n font-size: 30px;\n margin-bottom: 15px;\n }\n \n .benefit-title {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-section {\n margin: 60px 0;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n padding: 40px 15px;\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .timeline-container {\n position: relative;\n margin-top: 40px;\n padding-right: 40px;\n }\n \n .timeline-bar {\n position: absolute;\n top: 0;\n right: 18px;\n width: 3px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 2px;\n z-index: 1;\n }\n \n .timeline-items {\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 2;\n }\n \n .timeline-item {\n display: flex;\n flex-direction: column;\n margin-bottom: 60px;\n position: relative;\n }\n \n .timeline-item:last-child {\n margin-bottom: 0;\n }\n \n .timeline-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .timeline-date {\n font-weight: bold;\n color: #c9a97e;\n text-align: left;\n font-size: 16px;\n margin-right: 10px;\n }\n \n .timeline-dot {\n width: 18px;\n height: 18px;\n background: white;\n border: 3px solid #c9a97e;\n border-radius: 50%;\n margin-right: 10px;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n }\n \n .timeline-dot.active {\n background: #c9a97e;\n }\n \n .timeline-content {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n width: 100%;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .how-it-works {\n margin: 50px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .how-it-works-image {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .how-it-works-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \n .how-it-works-image:hover img {\n transform: scale(1.02);\n }\n \n .how-it-works-content {\n flex: 1;\n }\n \n .usage-section {\n margin: 50px 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 0 15px;\n margin-bottom: 20px;\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #c9a97e, #d9c09e);\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n margin: 0 auto 15px;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n }\n \n .step-text {\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n }\n \n .cta-section {\n text-align: center;\n margin: 60px 0;\n padding: 50px;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before, .cta-section::after {\n content: \"\";\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n z-index: 0;\n }\n \n .cta-section::before {\n top: -100px;\n right: -50px;\n }\n \n .cta-section::after {\n bottom: -100px;\n left: -50px;\n }\n \n .cta-content {\n position: relative;\n z-index: 1;\n }\n \n .cta-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #333;\n }\n \n .cta-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n color: #555;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-container\"\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\"\/\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eSuero \u003cspan\u003eSol\u003c\/span\u003e Con niacinamida y propóleo de abeja\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eUna combinación sin precedentes de niacinamida y propóleo de abeja para una piel luminosa y radiante\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Fórmula original coreana\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Sin sustancias químicas nocivas\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Ideal para todo tipo de piel\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eUna combinación sin precedentes de niacinamida y propóleos de abeja\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamida\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eNo es solo un ingrediente, es un milagro que reequilibra la piel, reduce las pigmentaciones y le da un color uniforme y radiante. Mejora la elasticidad de la piel y fortalece la barrera natural de hidratación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePropóleos (propóleos de abeja)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtraído de las colmenas, actúa como un potente antiinflamatorio y estimulante de la regeneración celular, manteniendo la piel joven y proporcionando protección natural. Combate la aparición de granos y signos de envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eCuando estos ingredientes se unen en una sola fórmula, se transforman en un poder natural incomparable; un milagro que restaura la juventud de tu piel y le da la luminosidad que siempre has soñado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\" width=\"100%\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\/\u003e\n Tu navegador no soporta la reproducción de videos.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003e¡Resultados inmediatos!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePoros más pequeños, piel más clara, piel perfecta\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBeneficios extraordinarios para tu piel\u003c\/h2\u003e\n\u003cp\u003eEste suero es una solución completa para la piel apagada y cansada, ya que muestra efectos sorprendentes que incluyen:\u003c\/p\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"\u003e\u003c\/line\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"\u003e\u003c\/line\u003e\n\u003cline x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"19.78\" y2=\"18.36\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"5.64\" y2=\"4.22\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejora la luminosidad de la piel\u003c\/h3\u003e\n\u003cp\u003eAclarar y unificar el color de la piel reduciendo eficazmente las pigmentaciones y las manchas oscuras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejorar la textura de la piel\u003c\/h3\u003e\n\u003cp\u003eAumentar la suavidad de la piel gracias a las propiedades hidratantes e iluminadoras de la niacinamida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección de la piel\u003c\/h3\u003e\n\u003cp\u003eProtección contra infecciones externas y daños causados por los radicales libres gracias al poder de la propóleos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n\u003cline x1=\"6\" x2=\"6\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"10\" x2=\"10\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"14\" x2=\"14\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eApoya la función de la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp\u003eMantener la hidratación de la piel y prevenir su pérdida, lo que ayuda a reducir las líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn viaje de resultados sorprendentes\u003c\/h2\u003e\n\u003cp\u003eCon un uso regular, notarás una mejora gradual y alcanzarás resultados óptimos en pocas semanas.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003ePrimer uso\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eHidratación instantánea\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eNotarás una hidratación inmediata de la piel y una textura más suave. La piel aparece visiblemente más fresca y radiante desde el primer uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eMejora de la textura y luminosidad\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLa piel se vuelve más luminosa y suave. El enrojecimiento y la irritación se reducen gracias a las propiedades antiinflamatorias de la propóleos. Reducción evidente de la grasitud de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eReducir la pigmentación\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLos resultados de la unificación del tono de la piel empiezan a aparecer. Las manchas oscuras y la hiperpigmentación se reducen gradualmente. La piel se vuelve más luminosa y fresca, con poros más pequeños y menos visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTransformación visible\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eMejora significativa en la textura y el tono de la piel. Desaparición evidente de muchos problemas de la piel como manchas oscuras y cicatrices. Reducción visible de las líneas finas y los signos de envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de dos meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003ePiel completamente renovada\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003ePiel sorprendentemente luminosa y radiante. Tono de piel uniformizado y reducción significativa de la pigmentación. Mejora duradera de la apariencia y textura de la piel, con mayor elasticidad y mejor salud cutánea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"how-it-works-image\"\u003e\n\u003cimg alt=\"Fórmula científicamente avanzada\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFórmula científicamente avanzada\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003e¿Cómo funciona el suero?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eLa combinación funciona \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Crear de manera armoniosa un efecto completo sobre la piel. La propóleos, extraída de las colmenas, limpia la piel, combate la inflamación y estimula la renovación celular, contrarrestando la aparición de granos y signos de envejecimiento.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eMientras la niacinamida trabaja para uniformar el tono de la piel y reducir la pigmentación, además de mejorar la elasticidad de la piel y fortalecer la barrera de humedad. Juntos, estos ingredientes activos cambian radicalmente la textura de la piel, dándole un aspecto más radiante y vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cp\u003eDespués de limpiar bien la piel, aplica el sérum en la zona facial, centrando la atención en las zonas que necesitan aclarar y mejorar, como alrededor de los ojos, la frente y las líneas de la mandíbula. Masaje suavemente hasta que esté completamente absorbido, y luego aplica hidratante para mantener la hidratación y mejorar la eficacia. Úsalo por la mañana y la tarde para obtener resultados óptimos.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpiar la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicación del suero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMasajear delicadamente\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica la crema hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaura hoy la luminosidad de tu piel\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eExcelente relación calidad-precio - nuestra fórmula de suero iluminador combina ingredientes naturales científicamente probados para una piel radiante y saludable.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eOrdénalo ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Propoli + Niacinamide combina ingredientes naturales científicamente probados que mejoran la luminosidad y el tono de la piel con una protección avanzada contra el ambiente. Aunque puede ser un poco más caro en comparación con otros productos, solo se necesita una pequeña cantidad para obtener resultados sorprendentes y duraderos, lo que lo convierte en una inversión efectiva en la salud y la belleza de tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum está especializado en ojeras | Bolsas debajo de los ojos | Signos de envejecimiento","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #4a4a4a;\n line-height: 1.6;\n direction: ltr;\n }\n \n .product-header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .product-title {\n font-size: 2.2rem;\n color: #3a2d28;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, #c3a300, #c3a300);\n border-radius: 2px;\n }\n \n .product-subtitle {\n font-size: 1.2rem;\n color: #7d6e67;\n font-weight: 400;\n }\n \n .section {\n margin-bottom: 40px;\n position: relative;\n overflow: visible;\n }\n \n .section-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 20px;\n }\n \n .section-icon {\n width: 30px;\n height: 30px;\n margin-bottom: 10px;\n fill: #c3a300;\n }\n \n .section-title {\n font-size: 1.5rem;\n color: #3a2d28;\n position: relative;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .section-divider {\n width: 100%;\n height: 1px;\n background-color: #c3a300;\n }\n \n .section-content {\n color: #5d5d5d;\n font-size: 1rem;\n padding: 15px 0;\n display: block;\n visibility: visible;\n }\n \n .highlight {\n color: #c3a300;\n font-weight: 500;\n }\n \n .feature-list {\n margin-top: 25px;\n display: block;\n visibility: visible;\n }\n \n .feature-item {\n display: flex;\n margin-bottom: 25px;\n opacity: 1;\n transform: none;\n visibility: visible;\n }\n \n .feature-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n fill: #c3a300;\n margin-left: 15px;\n margin-top: 5px;\n }\n \n .feature-content {\n flex: 1;\n }\n \n .feature-title {\n font-weight: bold;\n color: #3a2d28;\n margin-bottom: 5px;\n font-size: 1.1rem;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n text-align: center;\n flex: 1;\n min-width: 100px;\n margin: 10px;\n position: relative;\n opacity: 1;\n }\n \n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 30px;\n left: -15px;\n width: 30px;\n height: 2px;\n background-color: #c3a300;\n }\n \n .step-number {\n width: 40px;\n height: 40px;\n background-color: #c3a300;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 15px;\n font-weight: bold;\n box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n }\n \n .step-text {\n font-size: 0.9rem;\n }\n \n .clinical-results {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .result-card {\n border: 1px solid #e8e8e8;\n border-radius: 12px;\n padding: 30px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n background-color: #ffffff;\n margin-bottom: 15px;\n }\n \n .result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n \n .result-icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 15px;\n fill: #c3a300;\n }\n \n .result-title {\n font-size: 1rem;\n color: #3a2d28;\n margin-bottom: 15px;\n }\n \n .result-percentage {\n font-size: 2.4rem;\n color: #c3a300;\n font-weight: bold;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .result-percentage::after {\n content: '%';\n font-size: 1.2rem;\n position: absolute;\n top: 0;\n right: -20px;\n }\n \n .percentage-wrapper {\n position: relative;\n height: 120px;\n margin-bottom: 15px;\n margin-top: 10px;\n }\n \n .counter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2.2rem;\n color: #c3a300;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n \n .counter-value {\n font-size: 2.2rem;\n }\n \n .counter-suffix {\n font-size: 1rem;\n margin-top: -8px;\n }\n \n .circular-progress {\n position: relative;\n height: 100px;\n width: 100px;\n margin: 0 auto;\n }\n \n .circle-container {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n border: 6px solid #c3a300;\n margin: 0 auto;\n position: relative;\n }\n \n .circular-progress circle {\n stroke-dashoffset: 251.2;\n stroke-dasharray: 251.2;\n stroke-width: 8px;\n stroke-linecap: round;\n fill: none;\n }\n \n .circular-progress .bg {\n stroke: #f1f1f1;\n }\n \n .circular-progress .progress {\n stroke: #c3a300;\n transition: stroke-dashoffset 1.5s ease;\n }\n \n .progress.animated {\n animation: progressAnimation 1.5s ease forwards;\n }\n \n @keyframes progressAnimation {\n from {\n stroke-dashoffset: 251.2;\n }\n to {\n stroke-dashoffset: var(--final-offset, 0);\n }\n }\n \n .result-description {\n color: #5d5d5d;\n font-size: 0.9rem;\n }\n \n @keyframes wave {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-wave {\n animation: wave 3s ease-in-out infinite;\n }\n \n .fade-in {\n animation: fadeIn 1s forwards;\n }\n \n @media (max-width: 768px) {\n .feature-item {\n flex-direction: column;\n text-align: center;\n }\n \n .feature-icon {\n margin: 0 auto 10px;\n }\n \n .step:not(:last-child)::after {\n display: none;\n }\n \n .clinical-results {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eTu camino de rejuvenecimiento de los ojos comienza ahora\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eDescubre el secreto para iluminar tus ojos con \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eUna fórmula innovadora que combina las más recientes tecnologías científicas con ingredientes naturales puros para revitalizar la delicada área de los ojos. Este suero revolucionario trabaja para combatir simultáneamente los signos de cansancio y envejecimiento, dando a los ojos un aspecto más joven y luminoso.\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\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003e¿Cómo funciona el suero?\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eEl suero funciona combinando tres ingredientes principales que crean un efecto completo: el Retinal alisa la piel y estimula la regeneración celular, mientras que los liposomas estabilizan eficazmente el retinal y mejoran su absorción, y el extracto de raíz de ginseng proporciona hidratación duradera y protección superior. Con este mecanismo único, la barrera hidrolipídica se reconstruye y se reduce la apariencia de líneas finas, ojeras e hinchazón, devolviendo vitalidad y luminosidad a tus ojos.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003e¿Qué distingue la composición?\u003c\/h3\u003e\n\u003cp\u003eLa singularidad de esta fórmula reside en su combinación del poder del retinal con liposomas y extracto de ginseng; cada ingrediente por sí solo se considera un milagro para mejorar la salud de la piel. Cuando se combinan, se convierten en una fuerza natural imparable que rejuvenece el área de los ojos y estimula la producción de colágeno, mejorando la elasticidad de la piel y reduciendo los signos de cansancio y envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003e¿Por qué esta fórmula se considera mejor que otros derivados del retinol?\u003c\/h3\u003e\n\u003cp\u003eEl retinol es una forma de vitamina A que debe transformarse dentro de la piel para volverse activa, haciéndola menos efectiva que el retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e En cuanto al retinal\u003c\/strong\u003e, actúa directamente estimulando la renovación celular y la producción de colágeno sin la necesidad de conversión, lo que acelera los resultados y reduce el riesgo de irritaciones. Esta diferencia hace que el Retinal sea la elección ideal para el cuidado intensivo del área de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eDespués de haber limpiado delicadamente la piel, aplica el suero en la zona de los ojos utilizando una pequeña cantidad. Masajea suavemente el producto hasta su completa absorción, luego procede con una crema hidratante adecuada para mantener la hidratación y mejorar los resultados. Es preferible utilizar el suero por la mañana y por la noche para obtener los mejores resultados.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpia suavemente la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica una pequeña cantidad de sérum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMasajear delicadamente hasta la absorció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-text\"\u003eSigue con un hidratante adecuado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eResultados clínicos\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eLos experimentos han demostrado que el uso regular del suero produce mejoras evidentes en varias áreas:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReducir las líneas finas\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eReducción de la profundidad de las arrugas finas alrededor de los ojos después de 8 semanas de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAumentar la hidratación\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eMejora de los niveles de hidratación del área de los ojos en comparación con las mediciones iniciales antes del uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReducción de las ojeras\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eMejora evidente del tono de la piel y de la reducción de la pigmentación alrededor de los ojos después de solo 4 semanas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eMejorar la textura de la piel\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eAumentada suavidad de la piel y mejorada textura gracias a la renovación celular y al fortalecimiento de la barrera hidrolipídica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEn \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e No solo un producto de cuidado; es una verdadera inversión en la juventud y la belleza de tus ojos. Su fórmula avanzada ofrece resultados sorprendentes en una pequeña dosis, haciéndolo la elección ideal para quienes buscan luminosidad duradera y un aspecto juvenil.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589813104837,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml.jpg?v=1742657450"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003eCaracol... el secreto mágico para resistir los signos del tiempo\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003ePrepárate para enfrentar los efectos del tiempo y del desgaste \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – Un producto revolucionario que combina la potencia del 89% de extracto de caracol negro con la fórmula terapéutica de Trusica que repara e hidrata profundamente la piel. Cada gota es un paso audaz hacia una piel más joven y radiante.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003eCombinación sin precedentes de extracto de caracol negro\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e La fórmula combina dos ingredientes naturales esenciales\u003c\/p\u003e\n\u003cul data-end=\"756\" data-start=\"367\"\u003e\n\u003cli class=\"\" data-end=\"485\" data-start=\"367\"\u003e\n\u003cp class=\"\" data-end=\"485\" data-start=\"369\"\u003e\u003cstrong data-end=\"394\" data-start=\"369\"\u003eExtracto de caracol negro\u003c\/strong\u003e Nutre profundamente la piel, estimula la regeneración celular y reduce arrugas, cicatrices y efectos del acné.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003e\u003cstrong data-end=\"515\" data-start=\"488\"\u003eFórmula terapéutica Trusica\u003c\/strong\u003e Elimina expertamente los efectos de los daños y trata las cicatrices, devolviendo la piel a su equilibrio natural y a su hidratación permanente.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003eEstos ingredientes se combinan con niacinamida y extractos vegetales para apoyar la elasticidad de la piel y la barrera hidrolipídica, protegiéndola de los agresores ambientales y brindándole un resplandor sorprendente.\u003cbr data-end=\"608\" data-start=\"605\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2\u003e¿Por qué caracoles negros en específico? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eEl extracto de caracol es un ingrediente popular en los productos para el skincare gracias a sus numerosos beneficios. Sin embargo, el extracto de caracol negro tiene propiedades únicas que lo hacen superior a otros extractos. En la siguiente tabla, explicamos los motivos que nos llevaron a elegir el extracto de caracol negro en nuestro suero \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eArtículo\u003c\/th\u003e\n\u003cth\u003eExtracto de caracol negro\u003c\/th\u003e\n\u003cth\u003eOtros extractos de caracol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes activos\u003c\/td\u003e\n\u003ctd\u003eContiene un alto porcentaje de proteínas, elastina, colágeno y ácidos grasos esenciales, que promueven la salud de la piel y mejoran su elasticidad.\u003c\/td\u003e\n\u003ctd\u003eContiene ingredientes activos, pero en proporciones inferiores en comparación con el caracol negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEficacia en la reparación de la piel\u003c\/td\u003e\n\u003ctd\u003eEstimula la regeneración de las células de la piel, reduce la aparición de cicatrices y acné y mejora la textura general de la piel.\u003c\/td\u003e\n\u003ctd\u003eAyuda a rejuvenecer la piel, pero puede ser menos eficaz para tratar cicatrices profundas y cicatrices de acné.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratación y elasticidad\u003c\/td\u003e\n\u003ctd\u003eProporciona una hidratación profunda y mejora la elasticidad de la piel gracias a su rico contenido de colágeno y proteínas.\u003c\/td\u003e\n\u003ctd\u003eProporciona buena hidratación, pero podría ser menos eficaz en aumentar la elasticidad en comparación con el heliantemo negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-envejecimiento\u003c\/td\u003e\n\u003ctd\u003eContiene potentes antioxidantes que reducen la aparición de líneas finas y arrugas de expresión, otorgando un aspecto más joven.\u003c\/td\u003e\n\u003ctd\u003eContribuye al anti-envejecimiento, pero su efecto puede ser menos pronunciado en comparación con el caracol negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUnificar el tono de la piel\u003c\/td\u003e\n\u003ctd\u003eAyuda a reducir la pigmentación y a uniformar el tono de la piel, dándole un resplandor natural.\u003c\/td\u003e\n\u003ctd\u003ePodría contribuir a unificar el tono de la piel, pero con menor eficacia.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eAl elegir el extracto de caracol negro, se proporciona un suero \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Los múltiples beneficios superan a otros extractos, convirtiéndolo en una opción ideal para cualquiera que busque una piel sana, fresca e impecable.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eTiene una solución para cada problema de la piel\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eSe considera \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e La solución completa a los problemas de la piel dañada; actúa sobre:\u003c\/p\u003e\n\u003cul data-end=\"1164\" data-start=\"878\"\u003e\n\u003cli class=\"\" data-end=\"958\" data-start=\"878\"\u003e\n\u003cp class=\"\" data-end=\"958\" data-start=\"880\"\u003eReacondiciona profundamente la piel y estimula la regeneración celular, mejorando su aspecto general.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1037\" data-start=\"959\"\u003e\n\u003cp class=\"\" data-end=\"1037\" data-start=\"961\"\u003eReducir la apariencia de las pequeñas arrugas y de las cicatrices causadas por el acné y factores ambientales\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1106\" data-start=\"1038\"\u003e\n\u003cp class=\"\" data-end=\"1106\" data-start=\"1040\"\u003eApoya la barrera natural de la piel y reequilibra los niveles de aceite y agua.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1164\" data-start=\"1107\"\u003e\n\u003cp class=\"\" data-end=\"1164\" data-start=\"1109\"\u003eMejorar la textura de la piel y dar una luminosidad natural que dura todo el día.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e¿Cómo funciona el suero?\u003c\/h2\u003e\n\u003cul data-end=\"1582\" data-start=\"1269\"\u003e\n\u003cli class=\"\" data-end=\"1367\" data-start=\"1269\"\u003e\n\u003cp class=\"\" data-end=\"1367\" data-start=\"1271\"\u003eEl extracto de caracol negro estimula la producción de colágeno y la regeneración celular, devolviendo juventud y elasticidad a la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1491\" data-start=\"1368\"\u003e\n\u003cp class=\"\" data-end=\"1491\" data-start=\"1370\"\u003eLa fórmula Trusica ayuda a tratar cicatrices y signos de daño, mientras que la Niacinamida unifica el tono de la piel y reduce la inflamación.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1582\" data-start=\"1492\"\u003e\n\u003cp class=\"\" data-end=\"1582\" data-start=\"1494\"\u003eEl resultado es una piel ordenada, rejuvenecida, protegida de los efectos del tiempo y del daño, con una textura suave y un resplandor deslumbrante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003eModo de uso ideal\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eDespués de haber limpiado delicadamente la piel, aplique el suero en el rostro, concentrándose en las áreas afectadas como arrugas y cicatrices. Masajee suavemente el producto hasta su completa absorción, luego continúe con un hidratante adecuado para mantener la hidratación y mejorar los resultados. Es preferible usar el suero por la mañana y por la noche para obtener los mejores resultados.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003eLas mejores inversiones para la salud de tu piel\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003eEn \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e No solo un producto para el skincare, es una verdadera inversión en la juventud de tu piel. Su fórmula concentrada y eficaz logra resultados evidentes con el uso de una pequeña cantidad, haciéndolo la elección ideal para quienes desean restaurar la frescura y luminosidad de la piel y protegerla de los signos del tiempo.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eDisfruta de una experiencia terapéutica completa donde la ciencia se encuentra con la naturaleza para darle a tu piel la luminosidad que merece y para estar siempre lista para enfrentar los desafíos del tiempo con confianza y belleza.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44591502786757,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Heading_2.png?v=1742735468"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-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 animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\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: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\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 line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-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 transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\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 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 expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-serum-container\"\u003e\n\u003cdiv class=\"yuja-serum-header\"\u003e\n\u003ch3 class=\"yuja-serum-title\"\u003e🌟 Una revolución en el mundo de los sueros: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n\u003cp class=\"yuja-serum-intro\"\u003e\n En un mar de productos para el skincare, este suero se distingue como una obra maestra que combina la naturaleza y la ciencia moderna, ofreciendo una solución inmediata y eficaz a los problemas de la piel.\n \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\"\/\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUna fórmula única que supera las expectativas\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-content\"\u003e\n\u003cp\u003eLo que distingue este suero de otros productos con niacinamida es su excepcional combinación de ingredientes:\u003c\/p\u003e\n\u003cdiv class=\"yuja-serum-ingredients\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82,3% extracto de fruta Yuja (mandarino coreano)\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Conocido por su alta concentración de vitamina C, contiene tres veces más que el limón, proporcionando a la piel un brillo natural y estimulando la producción de colágeno.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% niacinamida\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n A la concentración ideal, unifica el tono de la piel, reduce la pigmentación y refuerza la barrera protectora de la piel sin causar irritaciones.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003eGlutatión y arbutina\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Los potentes antioxidantes contribuyen a reducir la producción de melanina, ayudando a aclarar las manchas oscuras y a dar a la piel un aspecto más uniforme.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 tipos de vitaminas\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Nutre la piel, mejora su vitalidad y ayuda a calmar el estrés debido a factores ambientales dañinos.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Benefits\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\"\/\u003e\n\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eResultados tangibles en tiempos récord\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n A diferencia de muchos sueros que tardan meses en mostrar resultados, este suero muestra sus efectos en solo 30 días. Las experiencias de los usuarios indican una clara mejora en uniformar el tono de la piel y reducir las pigmentaciones en poco tiempo.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Value\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\"\/\u003e\n\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUna inversión inteligente para tu piel\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n Con una capacidad de 50 ml y una alta concentración de principios activos, este suero ofrece una excelente relación calidad-precio. Una pequeña cantidad es suficiente para obtener los resultados deseados, lo que lo hace duradero y ofrece una solución de skincare económica y eficaz.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n\u003cp\u003e\n En breve, \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e No es solo otro suero en el mercado, sino más bien una experiencia única que combina el poder de la naturaleza con la tecnología moderna para lograr una piel sana y radiante en tiempo récord.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\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 observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664200888517,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1744752710"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Suero ANUA Niacinamide 10% + TXA 4% Corrector de manchas oscuras - Iluminador avanzado y afinador de poros","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .anua-txa-ultimate-wrapper {\n --atxa-neon-red: #ff2a3b;\n --atxa-neon-rose: #ff6b7e;\n --atxa-neon-gold: #ffd24a;\n --atxa-glow-red: rgba(255, 42, 59, 0.45);\n --atxa-glow-gold: rgba(255, 210, 74, 0.45);\n\n --atxa-bg-base: #040304;\n --atxa-bg-surface: #0a0608;\n --atxa-bg-card: rgba(18, 10, 13, 0.9);\n --atxa-bg-card-hover: rgba(26, 14, 18, 0.98);\n\n --atxa-text-pure: #ffffff;\n --atxa-border: rgba(255, 42, 59, 0.25);\n --atxa-border-hover: rgba(255, 42, 59, 0.8);\n --atxa-line: rgba(255, 255, 255, 0.08);\n\n line-height: 1.8;\n position: relative;\n width: 100%;\n max-width: 100%;\n border-radius: 24px;\n background-color: var(--atxa-bg-base);\n color: var(--atxa-text-pure);\n box-shadow: inset 0 0 120px rgba(255, 42, 59, 0.08);\n box-sizing: border-box;\n padding: 40px 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .anua-txa-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-red {\n color: var(--atxa-neon-red) !important;\n text-shadow: 0 0 10px var(--atxa-glow-red), 0 0 20px var(--atxa-glow-red);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--atxa-neon-gold) !important;\n text-shadow: 0 0 10px var(--atxa-glow-gold), 0 0 20px var(--atxa-glow-gold);\n font-weight: 900;\n }\n\n .neon-rose {\n color: var(--atxa-neon-rose) !important;\n text-shadow: 0 0 10px rgba(255, 107, 126, 0.5);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n .anua-txa-ultimate-wrapper img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 20px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(255, 42, 59, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .atxa-img-md {\n max-width: 650px !important;\n width: 100%;\n }\n\n .atxa-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 .atxa-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .atxa-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.35;\n animation: atxaOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .atxa-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(255, 42, 59, 0.22) 0%, transparent 70%);\n top: -120px; right: -120px;\n }\n\n .atxa-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -150px;\n animation-delay: -6s;\n }\n\n @keyframes atxaOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(255, 42, 59, 0.45);\n word-wrap: break-word;\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .atxa-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n border: 1.5px solid var(--atxa-neon-red);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--atxa-glow-red);\n }\n\n .atxa-hero-subtitle {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--atxa-neon-red);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(255, 42, 59, 0.1));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .atxa-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), var(--atxa-neon-red), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(24, 12, 16, 0.92), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 28px 22px;\n transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n position: relative;\n overflow: hidden;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-neon-red);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--atxa-glow-red);\n background: rgba(32, 16, 22, 0.98);\n }\n\n .atxa-icon-wrap {\n width: 56px; height: 56px;\n background: rgba(8, 4, 6, 0.9);\n border: 1.5px solid rgba(255, 42, 59, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px;\n color: var(--atxa-neon-red);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(255, 42, 59, 0.15);\n flex-shrink: 0;\n font-size: 1.3rem;\n font-weight: 900;\n }\n\n .atxa-card:hover .atxa-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--atxa-neon-red);\n color: #040304;\n border-color: transparent;\n box-shadow: 0 0 25px var(--atxa-neon-red);\n }\n\n .atxa-card h3 {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: #ffffff;\n font-size: 1.05rem;\n line-height: 1.75;\n font-weight: 500;\n }\n\n .atxa-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 42, 59, 0.14);\n border: 1px solid var(--atxa-neon-red);\n color: var(--atxa-neon-red);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(255, 42, 59, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .atxa-ingredient-tag.gold {\n background: rgba(255, 210, 74, 0.14);\n border-color: var(--atxa-neon-gold);\n color: var(--atxa-neon-gold);\n box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n }\n\n .atxa-ingredient-tag.rose {\n background: rgba(255, 107, 126, 0.14);\n border-color: var(--atxa-neon-rose);\n color: var(--atxa-neon-rose);\n box-shadow: 0 0 12px rgba(255, 107, 126, 0.25);\n }\n\n .atxa-diff-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-diff-card {\n background: linear-gradient(145deg, rgba(22, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 24px 18px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-diff-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-bignum {\n font-size: clamp(34px, 5.5vw, 50px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-diff-card h4 {\n font-size: 1.18rem;\n font-weight: 800;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-diff-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.65;\n font-weight: 500;\n }\n\n .atxa-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-stat-box {\n background: rgba(18, 8, 12, 0.9);\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-stat-box:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .atxa-stat-num {\n font-size: clamp(34px, 5.5vw, 54px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-stat-title {\n color: #ffffff;\n font-size: 1.05rem;\n font-weight: 800;\n }\n\n .atxa-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-timeline-card {\n background: rgba(18, 10, 14, 0.88);\n border: 1px solid var(--atxa-border);\n border-top: 4px solid var(--atxa-neon-red);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--atxa-neon-gold);\n background: rgba(28, 14, 20, 0.95);\n }\n\n .atxa-timeline-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n color: var(--atxa-neon-red);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--atxa-border);\n white-space: nowrap;\n }\n\n .atxa-timeline-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-value-card {\n background: linear-gradient(145deg, rgba(20, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-value-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-value-num {\n width: 44px; height: 44px;\n background: rgba(255, 42, 59, 0.15);\n border: 1.5px solid var(--atxa-neon-red);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin-bottom: 14px;\n }\n\n .atxa-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-step-card {\n background: rgba(18, 8, 12, 0.85);\n border: 1.5px dashed var(--atxa-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-step-card:hover {\n border-color: var(--atxa-neon-red);\n transform: translateY(-5px);\n background: rgba(26, 12, 18, 0.95);\n }\n\n .atxa-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2a080e, #0a0204);\n border: 2px solid var(--atxa-neon-red);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-step-card h4 {\n color: var(--atxa-neon-red);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .atxa-step-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-table-wrap {\n margin: 35px 0;\n border-radius: 18px;\n border: 1px solid var(--atxa-border);\n background: rgba(18, 8, 12, 0.85);\n overflow: hidden;\n width: 100%;\n }\n\n .atxa-table { width: 100%; border-collapse: collapse; text-align: left; }\n .atxa-table th, .atxa-table td {\n padding: 18px 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.05rem;\n vertical-align: middle;\n }\n\n .atxa-table thead th {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1.15rem; font-weight: 900;\n color: #ffffff;\n border-bottom: 2px solid var(--atxa-neon-red);\n }\n\n .atxa-table thead th.atxa-th-win {\n color: var(--atxa-neon-gold);\n background: rgba(255, 42, 59, 0.18);\n text-shadow: 0 0 18px var(--atxa-glow-gold);\n }\n\n .atxa-table td:first-child { color: #ffffff; font-weight: 800; }\n .atxa-table td.atxa-td-old { color: #ffffff; }\n .atxa-table td.atxa-td-win {\n color: #ffffff; font-weight: 700;\n background: rgba(255, 42, 59, 0.08);\n border-right: 3.5px solid var(--atxa-neon-red);\n }\n\n .atxa-table tbody tr:hover { background: rgba(255, 42, 59, 0.06); }\n .atxa-table tbody tr:last-child td { border-bottom: none; }\n\n .atxa-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.12s; }\n .atxa-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .anua-txa-ultimate-wrapper { padding: 25px 0; }\n .atxa-container { padding: 0 14px !important; }\n .atxa-img-md { max-width: 100% !important; }\n\n .atxa-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .atxa-benefits-grid .atxa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-benefits-grid .atxa-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n font-size: 16px !important;\n }\n\n .atxa-benefits-grid .atxa-card h3 {\n font-size: 0.94rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .atxa-benefits-grid .atxa-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .atxa-benefits-grid .atxa-card p {\n font-size: 0.82rem !important;\n line-height: 1.5 !important;\n }\n\n .atxa-diff-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-diff-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-diff-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-bignum {\n font-size: 32px !important;\n }\n\n .atxa-diff-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-diff-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-stat-num {\n font-size: 34px !important;\n }\n\n .atxa-stat-title {\n font-size: 0.85rem !important;\n }\n\n .atxa-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-timeline-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-value-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-step-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-table, .atxa-table tbody, .atxa-table tr, .atxa-table td { display: block; width: 100%; }\n .atxa-table thead { display: none; }\n .atxa-table tr {\n margin-bottom: 12px;\n border: 1px solid rgba(255, 42, 59, 0.25);\n border-radius: 14px;\n overflow: hidden;\n }\n .atxa-table td { border-bottom: 1px solid rgba(255,255,255,0.06); padding: 12px 14px; font-size: 0.88rem; }\n .atxa-table td:first-child {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1rem;\n color: var(--atxa-neon-gold);\n }\n .atxa-table td[data-label]::before {\n content: attr(data-label) \": \";\n font-weight: 800;\n color: var(--atxa-neon-rose);\n margin-left: 6px;\n }\n .atxa-table td.atxa-td-win::before { color: var(--atxa-neon-gold); }\n\n .atxa-title-glow { font-size: 24px; }\n .atxa-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"atxa-ambient-bg\"\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eLa fórmula más potente para aclarar y corregir las manchas en Corea\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n Suero Anua Niacinamida 10% + TXA 4%\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003eLibérate del maquillaje y recupera la pureza de tu piel en 30 días\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n Estoy cansado de su cortesía \u003cspan class=\"neon-red\"\u003eRestos de granos antiguos con el corrector\u003c\/span\u003e? ¿El melasma y las manchas solares desaparecen, sin importar cuánto intentes con los sueros aclarante? \u003cspan class=\"neon-gold\"\u003eEl secreto no es pelar la piel\u003c\/span\u003eEl secreto es detener la mancha misma desde las raíces antes de que aparezca en la superficie de la piel.\n \u003c\/p\u003e\n\u003cimg alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv style=\"background: rgba(255, 42, 59, 0.08); border: 1.5px solid var(--atxa-neon-red); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 30px;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n No es solo un suero aclarador normal. \u003cspan class=\"neon-red\"\u003eTrilogía de corrección inteligente\u003c\/span\u003e Se funde \u003cspan class=\"neon-gold\"\u003e10% niacinamida + 4% tranexámico + 2% arbutina\u003c\/span\u003e Para eliminar la mancha más oscura estás a punto de uniformar tu color sin un solo punto de descamación ni una sola quemadura!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--atxa-neon-gold); padding: 16px 22px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 820px;\"\u003e\n\u003cp style=\"font-size: 1.05rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n Producto más vendido en \u003cspan class=\"neon-gold\"\u003eMás de 30 países\u003c\/span\u003e Para poner fin a la batalla contra las manchas persistentes de una vez por todas, completamente seguro para la piel sensible.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. Core Targeted Benefits Grid --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Qué cambiará exactamente en tu piel?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n La verdadera diferencia que verás en el espejo cada día desde la primera semana:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eColor uniforme y poros cerrados\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eNiacinamida 10% puro\u003c\/div\u003e\n\u003cp\u003eControla el exceso de sebo, reduce los poros dilatados y distribuye frescura por todas partes, eliminando la necesidad de polvos compactos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eDetén el melasma en la fuente\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eÁcido tranexámico 4%\u003c\/div\u003e\n\u003cp\u003ePreviene la formación de pigmentación melánica desde sus raíces profundas, deteniendo el melasma y las manchas solares de verano antes de que se asienten en tu piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eBorra las marcas de los granos obstinados\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eArbutina Pura 2%\u003c\/div\u003e\n\u003cp\u003eFunciona como un elástico sobre las manchas marrones y rojas dejadas por los antiguos granos, así tu piel vuelve a estar clara como un filtro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003ePlenitud acuosa sin ninguna sequedad\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eÁcido hialurónico y ácido poliglutámico\u003c\/div\u003e\n\u003cp\u003eInfunde a las células de tu piel una hidratación profunda y acuosa, previniendo la sequedad o descamación a menudo causadas por otros sérums aclarantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eEl escudo protector previene la reaparición de las manchas\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eCeramida NP\u003c\/div\u003e\n\u003cp\u003eConstruye una barrera protectora sólida que retiene la humedad en la piel y evita que la sensibilidad al sol y las fluctuaciones climáticas te quemen de nuevo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eAlivio instantáneo sin enrojecimiento\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eCica y té verde natural\u003c\/div\u003e\n\u003cp\u003eUna sensación de frescura y confort desde la primera gota. Elimina la sensación de ardor y calma inmediatamente las irritaciones, incluso si tu piel es muy sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Formula Secrets Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Por qué este suero no quemará ni irritará tu piel?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n La mayoría de los sueros aclarantes es agresiva y provoca ardor y descamación, pero Anua resuelve la ecuación:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-diff-grid\"\u003e\n\u003cdiv class=\"atxa-diff-card\"\u003e\n\u003cdiv class=\"atxa-bignum neon-gold\"\u003e10%\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMáxima potencia sin sensibilidad\u003c\/h4\u003e\n\u003cp\u003eLa proporción áurea que aclara y unifica el color rápidamente, pero está respaldada por agentes calmantes y ceramidas, así que te permite mantenerte al 100% cómodo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-red\"\u003e100%\u003c\/div\u003e\n\u003ch4 class=\"neon-red\"\u003ePureza rosa natural\u003c\/h4\u003e\n\u003cp\u003eSu color rosa cristal no es un colorante artificial, es el color de la vitamina B12 natural, que nutre e ilumina el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 días\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003eFrescura y luminosidad evidentes\u003c\/h4\u003e\n\u003cp\u003eNo tienes que esperar meses para ver los resultados, ya que la textura de tu piel será lisa y la opacidad desaparecerá desde la primera semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n Ideal para todo tipo de piel, incluso \u003cspan class=\"neon-gold\"\u003ePiel propensa al acné y sensible\u003c\/span\u003eEs completamente libre de perfumes y alcohol\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eNúmeros reales comprobados por estudios clínicos\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n Resultados documentados después de un estudio basado en laboratorio \u003cspan class=\"neon-gold\"\u003e347 usados\u003c\/span\u003e:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-stats-grid\"\u003e\n\u003cdiv class=\"atxa-stat-box\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-gold\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"94\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eDesvanecimiento visible de las manchas oscuras y de la hiperpigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-red\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eUnificación completa del color de rostro y cuello\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-rose\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eEvidente suavidad y desaparición de la aspereza de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n Resultados documentados por centros de investigación coreanos acreditados, ¡no solo charlas publicitarias!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Por qué el suero Anua es superior a los sueros comunes?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparación\u003c\/th\u003e\n\u003cth\u003eSueros tradicionales\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eSuero ANUA TXA Niacinamide\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eIngredientes activos\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003e5% a 10% de niacinamida sola\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003e10% niacinamida + 4% tranexámico + 2% arbutina\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eCómo tratar las manchas\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eEl ligero aclarado superficial ocurre con el primer sol\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eDetener la producción de pigmento en las manchas desde las raíces profundas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eComodidad de la piel\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eProvoca ardor, descamación y piel seca\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eHidratación acuosa instantánea con ceramidas y ácido hialurónico\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eVelocidad del resultado\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eSe necesitan dos meses y podrías no notar la diferencia\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eFrescura visible y reducción del desvanecimiento desde los primeros 7 días\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eSeguridad para pieles sensibles\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eEstá lleno de alcohol y perfume que inflamann los granos\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eCompletamente libre de perfumes, alcohol e irritantes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eEl camino trata paso a paso con el uso\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eSemana 1\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eResplandor instantáneo y frescura\u003c\/h4\u003e\n\u003cp\u003eAbsorción rápida en pocos segundos sin ningún tipo de untuosidad, hidratación acuosa confortable, y la decoloración comenzará a desaparecer y tus manos se verán sanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003eSemana 2 y 3\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eDesvanecimiento de las marcas de granos\u003c\/h4\u003e\n\u003cp\u003eLos efectos de los granos superficiales empezarán a aclararse visiblemente, el molesto brillo del sebo disminuirá y tus poros se verán más limpios y más pequeños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003eEl primer mes\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eVerdadera uniformidad del color\u003c\/h4\u003e\n\u003cp\u003eUna disminución significativa del melasma y la pigmentación. Sentirás la piel tónica y uniforme, como si llevaras un filtro natural sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eEl segundo mes\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eClaridad permanente y protegida\u003c\/h4\u003e\n\u003cp\u003eLa casi completa desaparición de manchas viejas persistentes, con una barrera fuerte que protege tu piel de que las manchas reaparezcan al sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Por qué este suero es la mejor inversión para tu piel?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum results\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-value-grid\"\u003e\n\u003cdiv class=\"atxa-value-card\"\u003e\n\u003cdiv class=\"atxa-value-num\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eDos puntos son suficientes\u003c\/h3\u003e\n\u003cp\u003eSu alta concentración hace que dos o tres gotas cubran todo el rostro y cuello. El envase de 30 ml durará dos meses completos de uso diario.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eElimina la necesidad de 4 productos\u003c\/h3\u003e\n\u003cp\u003eEn lugar de comprar un suero aclarador, un suero para el acné, un suero de ácido hialurónico y una crema con ceramidas, combina todo esto en un solo paso que ahorra tu presupuesto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eGarantizado y probado a nivel mundial\u003c\/h3\u003e\n\u003cp\u003eN. 1 en las tendencias de belleza coreanas y millones de chicas lo han adoptado en su rutina diaria como una alternativa segura a las costosas sesiones en clínica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eMétodo fácil de usar para resultados máximos\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum bottle\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-steps-grid\"\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpia el rostro\u003c\/h4\u003e\n\u003cp\u003eÚsalo por la mañana o por la noche sobre la piel completamente limpia y seca después de tu tónico favorito.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eExtiende delicadamente\u003c\/h4\u003e\n\u003cp\u003ePoner 2-3 gotas y masajear delicadamente, concentrándose en las manchas y los granos hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eCercano con hidratante\u003c\/h4\u003e\n\u003cp\u003eAplicar la crema hidratante normal para fijar los ingredientes, y es muy importante usar protección solar durante el día para proteger la nueva piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 10, 16, 0.95) 0%, rgba(8, 2, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--atxa-neon-red); box-shadow: 0 20px 60px rgba(255, 42, 59, 0.25);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n Tu piel no necesita maquillaje para cuidarse... \u003cspan class=\"neon-gold\"\u003eNecesito un suero que lo elimine de verdad\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003e¡En lugar de desperdiciar tu dinero y cansar tu piel con experiencias inútiles!\u003c\/strong\u003e\n Comienza hoy con la fórmula triple Anua aprobada a nivel internacional... y elimina manchas y granos para recuperar tu esplendor natural con seguridad.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--atxa-glow-gold);\"\u003e\n Ordena ahora el suero original Anua Niacinamide 10% + TXA 4%... ¡y disfruta de una piel luminosa desde el primer mes!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Technical INCI List --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 59, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n\u003ch3 style=\"color: var(--atxa-neon-red); margin-bottom: 15px; font-size: 1.2rem; text-align: left; direction: ltr; font-weight: 800;\"\u003eLista completa de ingredientes aprobados (INCI)\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n Water, Glycerin, \u003cstrong class=\"neon-red\"\u003eNiacinamide (10%)\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eTranexamic Acid (4%)\u003c\/strong\u003e, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, \u003cstrong class=\"neon-rose\"\u003eArbutin (2%)\u003c\/strong\u003e, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, \u003cstrong class=\"neon-red\"\u003eCeramide NP\u003c\/strong\u003e, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum.\n \u003c\/p\u003e\n\u003cp style=\"font-size: 0.95rem; color: var(--atxa-neon-gold); margin-top: 10px; font-weight: bold; direction: ltr; text-align: left;\"\u003e\n Una fórmula terapéutica puramente coreana completamente libre de perfumes sintéticos, alcohol agresivo y parabenos. 100% segura para pieles sensibles y propensas al acné.\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('.atxa-reveal');\n var observer = new IntersectionObserver(function (entries, obs) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n \n var counters = entry.target.querySelectorAll('.atxa-counter');\n if (counters.length \u003e 0) {\n runCounters(counters);\n }\n \n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n reveals.forEach(function (el) { observer.observe(el); });\n\n function runCounters(counters) {\n counters.forEach(function (counter) {\n var target = parseFloat(counter.getAttribute('data-target'));\n if (isNaN(target)) return;\n var duration = 1800;\n var frames = 60;\n var increment = target \/ (duration \/ (1000 \/ frames));\n var current = 0;\n\n var updateCounter = function () {\n current += increment;\n if (current \u003c target) {\n counter.innerText = Math.ceil(current);\n requestAnimationFrame(updateCounter);\n } else {\n counter.innerText = target;\n }\n };\n updateCounter();\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44672001540293,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/316f0ef2-2c9d-4fee-83ef-8c7daa178681.avif?v=1788171326"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON Light On Whitening Serum con Extracto de Centella y Vitamina C, Formato 30 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: ltr;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h1, \n .product-container h2 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h1 {\n font-size: 2.2rem;\n text-align: center;\n position: relative;\n }\n \n .product-container h1::after {\n content: '';\n display: block;\n width: 100px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n\n .product-container h2 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n \n .product-container ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n \n .product-container li {\n margin-bottom: 1em;\n position: relative;\n }\n \n .product-container li p {\n margin-bottom: 0.5em;\n }\n\n \/* Hero section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n background-color: #ffffff;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n margin: 30px 0;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature section *\/\n .feature-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n }\n \n \/* Info box *\/\n .info-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n position: relative;\n }\n \n .info-box::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n background-color: #9C8102;\n border-radius: 0 15px 15px 0;\n }\n\n \/* List items with custom bullets *\/\n .custom-list {\n list-style: none;\n padding: 0;\n }\n \n .custom-list li {\n padding-right: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n\n \/* Benefits grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n \n .benefit-card {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Testimonials section *\/\n .testimonials-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \n .testimonials-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .testimonial-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .testimonial-highlight {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Call to action - Black *\/\n .cta-section {\n background: #000000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 40px 0;\n }\n \n .cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n }\n \n .cta-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n }\n \n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n \n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n background-color: #b49a1c;\n }\n\n \/* Separator *\/\n .separator {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n margin: 40px 0;\n width: 100%;\n }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ingredients section *\/\n .ingredients-section {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 40px 0;\n gap: 30px;\n }\n \n .ingredients-image {\n flex: 1;\n min-width: 300px;\n }\n \n .ingredients-content {\n flex: 1;\n min-width: 300px;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-section {\n flex-direction: column;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003ch1\u003eSérum Beauty of Joseon Light On (Centella + Vitamina C) – luminosidad radiante coreana\u003c\/h1\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"feature-section fade-in\"\u003e\n\u003ch2\u003eBrillo sin obstáculos: la importancia de tratar la pigmentación y rejuvenecer la piel\u003c\/h2\u003e\n\u003cp\u003eLa pigmentación y las manchas oscuras no solo reducen la belleza de la piel, sino que la hacen parecer opaca y más vieja de lo que realmente es. El tratamiento de la pigmentación restaura el equilibrio natural de la piel, haciéndola más clara, luminosa y radiante. La vitamina C desempeña un papel esencial en la reducción de la pigmentación y en la unificación del tono de la piel, y también estimula la producción de colágeno, lo que rejuvenece la piel y mejora su elasticidad. Cuando tu piel se mantiene uniforme y luminosa, tu autoestima brilla delante de todo el mundo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Application\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_light_on_serum_6eeba7fb-b756-4410-a59a-26c1d9a92945.webp?v=1745772222\"\/\u003e\n\u003c!-- Korean Heritage Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eLa magia de la herencia coreana y de la innovación moderna\u003c\/h2\u003e\n\u003cp\u003eSuero Light On Este producto es la encarnación del arte del skincare coreano. Contiene el 68% de extracto orgánico de Centella asiática, la legendaria planta famosa por su capacidad milagrosa de calmar la piel y renovar sus células. Respaldado por las técnicas más recientes de estabilización de la vitamina C, el suero ofrece la máxima eficacia para iluminar y tratar la pigmentación sin ninguna irritación. Un toque de tradición y un toque de innovación... y el resultado: verdadera magia en tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Benefits\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"info-box fade-in\"\u003e\n\u003ch2\u003e¿Cómo funciona el suero: un dúo único de iluminador e hidratante?\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eEn cuanto aplicas el suero sobre la piel, el extracto de Centella comienza a hidratarla y a calmar cualquier enrojecimiento o inflamación.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eLa Vitamina C estabilizada penetra de manera segura en la piel, reduce la producción de melanina y aclara gradualmente las pigmentaciones rebeldes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eCon un uso regular, notarás que tu piel se vuelve más suave, más clara y sin manchas, con una hidratación profunda que la mantiene firme y luminosa.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Ingredients\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2\u003ePrincipales ingredientes y su papel: Vitamina C y Centella al servicio de tu piel\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamina C (Ácido Ascórbico 3-O-Etil 10%)\u003c\/strong\u003e: Un potente antioxidante que unifica el tono de la piel, aclara las manchas oscuras y activa la producción de colágeno para mejorar la apariencia de las líneas finas y las arrugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eExtracto de Centella asiática (68%)\u003c\/strong\u003e: Una planta terapéutica que calma la piel irritada, estimula la regeneración de las células cutáneas y mejora la hidratación profunda para mantener la elasticidad y la salud de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Unique Benefits Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eEl secreto de la excelencia: ¿Por qué este suero es diferente de todo lo que has probado antes?\u003c\/h2\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Unique Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty-of-Joeson-Light-On-Serum-Centella-Vita-C-30ml-6-min.jpg?v=1745772347\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eLa fórmula ligera se absorbe rápidamente\u003c\/h3\u003e\n\u003cp\u003eNo hay sensación de grasa o capa pegajosa, sino suavidad y luminosidad clara.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAlta concentración de ingredientes activos\u003c\/h3\u003e\n\u003cp\u003eLa cantidad de Vitamina C y Centella es mayor en comparación con la mayoría de los sueros competidores, lo que significa resultados más rápidos y más efectivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdeal para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003eSin perfumes y alcohol, alivia la piel en lugar de irritarla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDoble resultado\u003c\/h3\u003e\n\u003cp\u003eIluminar + combatir los signos del envejecimiento en un solo paso sencillo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Testimonials Section --\u003e\n\u003cdiv class=\"testimonials-section fade-in\"\u003e\n\u003ch2 class=\"testimonials-title\"\u003eReseñas de los usuarios: historias de éxito reales\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eResultados evidentes desde las primeras semanas\u003c\/h3\u003e\n\u003cp\u003eLa mayoría de los usuarios ha notado una clara diferencia en la unificación del tono de la piel y en el aumento de su luminosidad en pocas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eTextura ligera y confortable\u003c\/h3\u003e\n\u003cp\u003eTodos han elogiado el hecho de que su textura es ligera y fácil de absorber, ideal también para los días calurosos de verano.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eApto para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003eMuchas personas con piel sensible han confirmado que ha ayudado a calmar su piel sin ninguna irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSatisfacción completa y recomendaciones extendidas\u003c\/h3\u003e\n\u003cp\u003eUn gran porcentaje de quienes lo han probado lo han amado tanto que lo han vuelto a comprar más de una vez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black Box --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre hoy el secreto de la luminosidad coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003ePiel más luminosa y radiante en un solo paso. Di adiós a las manchas oscuras y a la hiperpigmentación, ¡y dale la bienvenida a una piel luminosa!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691708903621,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1745770414"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua Serum con 70% de durazno y niacinamida para iluminar la piel, unificar el tono y combatir las pigmentaciones, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n .anua-txa-wrapper {\n --atxa-bg-dark: #0f0508; \/* Styles *\/\n --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* Styles *\/\n --atxa-rose-gold: #e29587; \/* Styles *\/\n --atxa-peach-glow: #fca38d; \/* Styles *\/\n --atxa-pink-light: #fad6d0; \/* Styles *\/\n --atxa-glow: rgba(226, 149, 135, 0.25);\n --atxa-text-main: #fdfaf9;\n --atxa-text-muted: #d4b5b0;\n --atxa-border: rgba(226, 149, 135, 0.2);\n --atxa-border-hover: rgba(252, 163, 141, 0.5);\n \n background-color: var(--atxa-bg-dark);\n color: var(--atxa-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: 30px 0;\n border-radius: 16px;\n box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n }\n\n .anua-txa-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-txa-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n }\n\n .atxa-container {\n max-width: 850px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Styles *\/\n .atxa-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 .atxa-particle {\n position: absolute;\n background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpPeach 14s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpPeach {\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 .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4.5vw, 36px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.5;\n background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px var(--atxa-glow);\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n color: var(--atxa-peach-glow);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .atxa-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n border-radius: 10px;\n }\n\n \/* Styles *\/\n .atxa-hero {\n text-align: center;\n padding: 20px 0 40px;\n position: relative;\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(226, 149, 135, 0.15);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\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(--atxa-glow);\n }\n \n .atxa-hero-subtitle {\n font-size: 1.15rem;\n color: var(--atxa-text-muted);\n max-width: 750px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Styles *\/\n .atxa-glass-box {\n background: var(--atxa-bg-card);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid var(--atxa-border);\n border-radius: 20px;\n padding: 30px;\n margin: 40px auto;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n position: relative;\n overflow: hidden;\n max-width: 800px;\n }\n\n .atxa-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(--atxa-peach-glow), transparent);\n }\n\n \/* Styles *\/\n .atxa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n border: 1px solid var(--atxa-border);\n border-radius: 16px;\n padding: 25px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-peach-glow);\n box-shadow: 0 10px 30px var(--atxa-glow);\n background: rgba(35, 15, 20, 0.8);\n }\n\n .atxa-icon {\n width: 55px;\n height: 55px;\n background: rgba(226, 149, 135, 0.1);\n border: 1px solid rgba(252, 163, 141, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--atxa-peach-glow);\n transition: transform 0.3s ease;\n }\n \n .atxa-card:hover .atxa-icon {\n transform: scale(1.1) rotate(-5deg);\n background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n color: #111;\n border-color: transparent;\n }\n\n .atxa-card h3 {\n font-size: 1.15rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Styles *\/\n .atxa-table-container {\n overflow-x: auto;\n margin: 30px 0;\n border-radius: 16px;\n border: 1px solid var(--atxa-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background: rgba(15, 5, 8, 0.6);\n }\n\n .atxa-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n min-width: 600px;\n }\n\n .atxa-table th, .atxa-table td {\n padding: 15px 20px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .atxa-table th {\n background: rgba(226, 149, 135, 0.1);\n color: var(--atxa-pink-light);\n font-weight: 800;\n font-size: 1.1rem;\n }\n\n .atxa-table td strong {\n color: var(--atxa-text-main);\n }\n\n .atxa-table tr:hover {\n background: rgba(226, 149, 135, 0.05);\n }\n \n .atxa-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* Styles *\/\n .atxa-timeline-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .atxa-timeline-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--atxa-border);\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid var(--atxa-rose-gold);\n transition: all 0.3s ease;\n }\n\n .atxa-timeline-item:hover {\n background: rgba(226, 149, 135, 0.05);\n border-color: var(--atxa-peach-glow);\n }\n\n .atxa-phase-badge {\n background: var(--atxa-bg-card);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 15px;\n border-radius: 8px;\n font-weight: bold;\n min-width: 120px;\n text-align: center;\n }\n\n \/* Styles *\/\n .atxa-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.1s; }\n .atxa-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .atxa-hero { padding: 10px 0 20px; }\n .atxa-timeline-item { flex-direction: column; text-align: center; }\n .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eLa ecuación coreana para la piel de vidrio\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e“¡Te han engañado diciéndote que todos los niacinamidas son iguales!”\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n En un mundo en el que las promesas son las mismas, los resultados son radicalmente diferentes. Hoy te enfrentas a una elección fatal: continuar utilizando productos comunes que dan resultados superficiales, o tomar una decisión que cambiará el destino de tu piel para siempre.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach 70% Niacinamide Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem Section --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eTu piel está apagada... ¡y la gente lo nota!\u003c\/h2\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\"\u003e\n\u003cp style=\"text-align: center; color: var(--atxa-text-main); line-height: 1.8; margin-bottom: 20px; font-size: 1.1rem;\"\u003e\n ¿Has notado que tu piel pierde frescura año tras año? Con el tiempo, las manchas oscuras aumentan, los poros se dilatan y la piel se vuelve rugosa y opaca. \u003cstrong\u003ePero la pregunta más importante: ¿qué has decidido hacer al respecto?\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--atxa-border); padding-top: 20px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 1.25rem; color: var(--atxa-peach-glow); font-weight: bold; margin-bottom: 10px;\"\u003e\n El secreto que las grandes empresas de belleza están escondiendo\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n La mayoría de los sueros promete resultados fantásticos, pero utiliza bajas concentraciones de principios activos para reducir costos. \u003cstrong\u003ePero Anua rompió todas las reglas.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin Problems\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 3. The Solution \/ Formula --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eAnua Peach Serum 70%: La fórmula científica para una piel luminosa y radiante\u003c\/h2\u003e\n\u003cp class=\"atxa-reveal\" style=\"text-align: center; color: var(--atxa-text-muted); font-size: 1.1rem; margin-bottom: 30px;\"\u003e\n Los científicos de Anua han pasado 3 años desarrollando esta fórmula perfecta que transformará tu piel de opaca y cansada a radiante y luminosa. \u003cstrong\u003eComo si estuviera esculpida por la luz\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach Formula\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 4. How it works (Ingredients Grid) --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e¿Cómo funciona? (La ciencia de la frescura)\u003c\/h2\u003e\n\u003cdiv class=\"atxa-grid\"\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eFuerza de durazno 70% concentración\u003c\/h3\u003e\n\u003cp\u003eNo es solo una fruta... es toda una planta de vitaminas y ácidos. Extracto de durazno \u003cstrong\u003ePenetra 7 capas de células cutáneas\u003c\/strong\u003e Para alcanzar las capas profundas y tratarlas desde el interior hacia el exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eNiacinamida 5% (Miracolo)\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida es un ingrediente revolucionario en el mundo del skincare. \u003cstrong\u003eA una concentración ideal del 5%\u003c\/strong\u003e, puede:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eReduce la aparición de poros \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eAclarar las manchas oscuras \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e Un día\u003c\/li\u003e\n\u003cli\u003eRegula la secreción de sebo y previene el brillo\u003c\/li\u003e\n\u003cli\u003eConstruye y refuerza la barrera natural de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eTriple ácido hialurónico\u003c\/h3\u003e\n\u003cp\u003eNo un tipo... sino \u003cstrong\u003e3 diferentes tipos\u003c\/strong\u003e Con diferentes pesos moleculares para alcanzar todas las capas de la piel:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eSuperficie: hidrata instantáneamente\u003c\/li\u003e\n\u003cli\u003eCorazón: atrapa el agua dentro\u003c\/li\u003e\n\u003cli\u003eProfundo: aumenta el nivel de hidratación desde las raíces\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eComplejo Bio-melocotón y yogur\u003c\/h3\u003e\n\u003cp\u003ePor primera vez en el mundo, el extracto de durazno se ha combinado con bacterias beneficiosas del yogur en una biotecnología única. ¿El resultado? \u003cstrong\u003eUn compuesto que elimina las células muertas\u003c\/strong\u003e Delicadamente y sin irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Scientific Miracle --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eEl milagro científico que te están ocultando\u003c\/h2\u003e\n\u003cimg alt=\"Scientific Miracle\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 25px; text-align: center;\"\u003e\n\u003cp style=\"color: #fff; font-size: 1.2rem; margin-bottom: 10px;\"\u003e\n Todos te preguntarán: \u003cstrong\u003e“¿Qué le estás haciendo a tu piel?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n El secreto reside en la tecnología “smart breakthrough” que distingue este suero. Los ingredientes están encapsulados en micro-polvos (nanotecnología) para transportar los ingredientes activos a las áreas donde se necesitan en profundidad, y no quedarse solo en la superficie como los productos normales.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eTu camino de transformación de la piel con el suero Anua\u003c\/h2\u003e\n\u003cimg alt=\"Skin Transformation\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 20px;\"\u003e\n\u003cul class=\"atxa-timeline-list\"\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués del primer uso\u003c\/div\u003e\n\u003cdiv\u003eBrillo instantáneo y suavidad evidente, como si hubieras hecho una sesión de mascarilla costosa en una clínica de belleza.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de 3 días\u003c\/div\u003e\n\u003cdiv\u003eUna clara reducción del tamaño de los poros y un evidente inicio de la uniformización del tono de la piel y reducción del enrojecimiento.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv\u003eLa aspereza y la textura cansada desaparecen, dejando la piel un 40% más suave y lista para un maquillaje perfecto.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv\u003eAclarar visiblemente las manchas oscuras y dar un nuevo resplandor como si la piel hubiera retrocedido 5 años\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv\u003eTRANSFORMACIÓN COMPLETA - Piel clara, luminosa y radiante incluso sin una gota de maquillaje.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Why Choose Anua --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eEn un mundo lleno de productos... ¿por qué Anua?\u003c\/h2\u003e\n\u003cimg alt=\"Why Choose Anua\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-grid atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eFórmula científicamente probada\u003c\/h3\u003e\n\u003cp\u003eLos rigurosos ensayos clínicos han demostrado resultados sorprendentes en cientos de voluntarios en todo el mundo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003ePotencia de alta concentración\u003c\/h3\u003e\n\u003cp\u003eProporciona concentraciones de principios activos 3 veces superiores en comparación con los competidores convencionales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eSeguro para todo tipo de piel\u003c\/h3\u003e\n\u003cp\u003eDiseñado para ser delicado incluso en pieles sensibles, mixtas y grasas sin causar ninguna irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Skin Type Table --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e¿Es adecuado para tu tipo de piel?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-container atxa-reveal\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eTipo de piel\u003c\/th\u003e\n\u003cth\u003eEl problema básico\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eQué ofrecerá Anua a ella?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSiempre exhaustivo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eOpaco y sin luminosidad\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eDespierta las células y otorga una luminosidad y brillo instantáneos.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eMuy sensible\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIrritación y enrojecimiento causados por cualquier producto\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eAlivia inmediatamente la inflamación y refuerza la barrera protectora\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eBrillante y grasoso\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003ePoros dilatados y molesta luminosidad\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eControla el sebo y reduce eficazmente el tamaño de los poros en un 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eedad avanzada\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eLíneas finas y pigmentación\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eAclara las manchas oscuras y mejora la elasticidad de la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eMezclado (confundido)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSeco en algunas zonas y graso en otras\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eEquilibra la piel de manera inteligente e hidrata en profundidad sin dejar pegajoso\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(226, 149, 135, 0.15)); border-radius: 20px; border: 1px solid var(--atxa-border);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003e“Toda inversión tiene un retorno... invertir en tu piel tiene el retorno más alto.”\u003c\/h2\u003e\n\u003cimg alt=\"Anua Peach Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n No trates tu piel como la última prioridad, es lo primero que la gente nota de ti.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n Anua Peach \u0026amp; Niacinamide Serum 70% - Porque tu piel merece lo mejor. ¡Ordénalo ahora!\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('.atxa-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-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('atxa-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Ambient Particles Generator\n var ambientContainer = document.getElementById('atxa-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('atxa-particle');\n \n var size = Math.random() * 50 + 20; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 12; \n var delay = Math.random() * 8; \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":"Anua","offers":[{"title":"Default Title","offer_id":44719323545797,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1747141686"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon Deep Glow Serum con Arroz y Alfa-Arbutina para iluminar la piel.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"joseon-hero\"\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eBeauty of Joseon Deep Serum: Cuando la herencia ancestral se encuentra con la ciencia del futuro\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eEn el corazón de este suero milagroso, el secreto de belleza de las emperatrices coreanas (\u003cstrong\u003e68% agua de salvado de arroz\u003c\/strong\u003e(Con el ingrediente científico moderno más poderoso para aclarar la piel)\u003cstrong\u003e2% alfa arbutina\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003e¿El resultado? Una verdadera revolución\u003c\/strong\u003e En el mundo del aclarado de la piel y la unificación del color de la piel de manera segura, eficaz y rápida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Traditional Wisdom Section --\u003e\n\u003cdiv class=\"section tradition-section\"\u003e\n\u003cdiv class=\"section-image right-image\"\u003e\n\u003cimg alt=\"Traditional Korean Beauty Secret\" class=\"section-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eUn antiguo tesoro coreano con tecnología moderna\u003c\/h2\u003e\n\u003cp\u003eDesde la era de la antigua dinastía coreana Joseon, hemos descubierto el secreto de belleza de las emperatrices coreanas que usaban el agua de salvado de arroz como 'agua de belleza' para una piel radiante y perfecta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"section product-intro\"\u003e\n\u003cdiv class=\"intro-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-content\"\u003e\n\u003ch2 class=\"intro-title accent-text\"\u003eGlow Deep Serum de Beauty of Gossion: la ciencia de la iluminación de la piel en su forma más pura\u003c\/h2\u003e\n\u003cp\u003eEste suero combina el poder de cientos de años de herencia coreana con los últimos descubrimientos de la ciencia del skincare en una fórmula única que contiene:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIngredientes ultra potentes y eficaces:\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Rice Water\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_6.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"rice-animation\"\u003e\n\u003cdiv class=\"rice-grain grain1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eAgua de salvado de arroz concentrada \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNo solo un ingrediente humectante común... sino un tesoro nutricional para la piel:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRico en aminoácidos esenciales para construir nuevas células\u003c\/li\u003e\n\u003cli\u003eRico en minerales que estimulan la circulación sanguínea y crean un brillo natural\u003c\/li\u003e\n\u003cli\u003eContiene enzimas naturales que exfolian suavemente la piel y renuevan sus células\u003c\/li\u003e\n\u003cli\u003eConocido históricamente por su capacidad de aclarar y unificar el tono de la piel de manera segura\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Alpha Arbutin\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"arbutin-animation\"\u003e\n\u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eConcentración de Alfa-Arbutina \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (porcentaje científicamente ideal)\u003c\/h3\u003e\n\u003cp\u003eIngrediente japonés avanzado que supera a todos los aclaradores tradicionales para la piel:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eMás fuerte con \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e veces la cantidad de beta-arbutina utilizada en la mayoría de los productos\u003c\/li\u003e\n\u003cli\u003eInhibe de manera segura la enzima tirosinasa responsable de la producción de melanina\u003c\/li\u003e\n\u003cli\u003eApunta a las manchas oscuras en la raíz sin irritar la piel\u003c\/li\u003e\n\u003cli\u003ePreviene la aparición de nuevas pigmentaciones con el uso regular\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!-- Features Section --\u003e\n\u003cdiv class=\"section features-section\"\u003e\n\u003cdiv class=\"features-image\"\u003e\n\u003cimg alt=\"Product Features\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eLas características únicas lo hacen el número uno en aclarar la piel:\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eFórmula ligera de rápida absorción\u003c\/h3\u003e\n\u003cp\u003eA diferencia de los productos aclarante grasos y pesados, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003ePenetra en las capas profundas de la piel inmediatamente\u003c\/li\u003e\n\u003cli\u003eNo deja rastros de untuosidad o brillo\u003c\/li\u003e\n\u003cli\u003eIdeal para todo tipo de piel (también grasa y mixta)\u003c\/li\u003e\n\u003cli\u003eSe puede usar directamente antes del maquillaje sin problemas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"results-animation\"\u003e\n\u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eResultados científicamente probados\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eAclarar las manchas oscuras hasta \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% en 4 semanas\u003c\/li\u003e\n\u003cli\u003eUnificar el tono de la piel y reducir las diferencias de color\u003c\/li\u003e\n\u003cli\u003eAumentar la luminosidad y frescura de la piel\u003c\/li\u003e\n\u003cli\u003eMejorar la salud general de la piel y la fuerza de su barrera protectora\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!-- Timeline Section --\u003e\n\u003cdiv class=\"section timeline-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eViaje de transformación con Glow Deep Serum:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-table-container\"\u003e\n\u003ctable class=\"timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003efase\u003c\/th\u003e\n\u003cth\u003eResultado previsto\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLa primera semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eHidratación profunda, suavidad visible, luminosidad inicial\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLa segunda semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eEl inicio del aclaramiento de las manchas antiguas, unificación gradual del color\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eCuarta semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eMejora visible de manchas y tono, piel más saludable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eEl segundo mes\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTransformación completa - piel radiante, uniforme y sana\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!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"usage-image\"\u003e\n\u003cimg alt=\"How to Use\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIdeal cómo usar:\u003c\/h2\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAplicar 2-3 gotas sobre la piel limpia e hidratada\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eMasajear delicadamente con movimientos circulares desde el centro hacia el exterior\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eÚsalo por la mañana y por la noche para obtener resultados óptimos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAsegúrate de usar protector solar durante el día para mantener los resultados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"joseon-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e“El verdadero brillo de tu piel está allí... pero necesita la llave correcta.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eHistoria antigua de Corea + ciencia avanzada japonesa = piel perfecta y uniforme.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum de Beauty of Gossion - \u003cstrong\u003e¿Por qué tu piel merece brillar con su color natural y uniforme?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrdena Ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-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\/* Hero Section *\/\n.joseon-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.hero-image {\n flex: 1;\n}\n\n.hero-content {\n flex: 1;\n}\n\n.hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-description {\n font-size: 1.1rem;\n margin-bottom: 15px;\n line-height: 1.6;\n}\n\n.hero-conclusion {\n font-size: 1.2rem;\n margin-top: 20px;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 70px;\n padding: 30px;\n background-color: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n}\n\n.section:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 100px;\n height: 100px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 50%;\n z-index: 1;\n}\n\n.section-title {\n font-size: 1.8rem;\n margin-bottom: 25px;\n position: relative;\n display: inline-block;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 0;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n}\n\n.tradition-section {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 30px;\n}\n\n.section-image {\n flex: 1;\n}\n\n.section-content {\n flex: 1;\n}\n\n.right-image {\n order: 2;\n}\n\n.section-img, .full-width-img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n transform: scale(1.02);\n}\n\n.intro-image {\n margin-bottom: 20px;\n}\n\n.intro-title {\n text-align: center;\n margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 30px;\n margin-top: 40px;\n}\n\n.ingredient-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\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 overflow: hidden;\n position: relative;\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-image {\n flex: 1;\n margin-left: 20px;\n position: relative;\n}\n\n.ingredient-img {\n width: 100%;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n}\n\n.ingredient-content {\n flex: 2;\n text-align: left;\n width: 100%;\n}\n\n.ingredient-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin: 15px 0 0 0;\n width: 100%;\n display: block;\n text-align: left;\n}\n\n.benefits-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.rice-grain {\n position: absolute;\n width: 15px;\n height: 8px;\n background-color: #fff;\n border-radius: 50%;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n opacity: 0;\n animation: float 3s infinite;\n}\n\n.grain1 {\n top: 20%;\n left: 20%;\n animation-delay: 0s;\n}\n\n.grain2 {\n top: 30%;\n left: 60%;\n animation-delay: 0.5s;\n}\n\n.grain3 {\n top: 50%;\n left: 40%;\n animation-delay: 1s;\n}\n\n.grain4 {\n top: 70%;\n left: 70%;\n animation-delay: 1.5s;\n}\n\n@keyframes float {\n 0% { transform: translateY(0); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.molecule {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #9C8102;\n border-radius: 50%;\n opacity: 0;\n animation: pulse 3s infinite;\n}\n\n.molecule1 {\n top: 30%;\n left: 30%;\n animation-delay: 0s;\n}\n\n.molecule2 {\n top: 50%;\n left: 50%;\n animation-delay: 1s;\n}\n\n.molecule3 {\n top: 70%;\n left: 20%;\n animation-delay: 2s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); opacity: 0; }\n 50% { transform: scale(1.5); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n margin-bottom: 30px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 40px;\n width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n width: 100%;\n box-sizing: border-box;\n}\n\n.feature-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n text-align: left;\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n margin-left: 20px;\n position: relative;\n flex-shrink: 0;\n}\n\n.feature-content {\n flex: 1;\n width: 100%;\n text-align: left;\n padding-right: 0;\n}\n\n.feature-title {\n font-size: 1.3rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.check-list {\n list-style-type: none;\n padding: 0;\n width: 100%;\n display: block;\n text-align: left;\n margin: 0;\n}\n\n.check-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.check-list li:before {\n content: '✓';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-weight: bold;\n font-size: 16px;\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: 20px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n opacity: 0.7;\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.7; }\n 80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.chart-bar {\n position: absolute;\n bottom: 0;\n width: 10px;\n background-color: #9C8102;\n border-radius: 5px 5px 0 0;\n opacity: 0.7;\n animation: grow 2.5s infinite;\n}\n\n.bar1 {\n height: 20px;\n left: 5px;\n animation-delay: 0s;\n}\n\n.bar2 {\n height: 30px;\n left: 25px;\n animation-delay: 0.5s;\n}\n\n.bar3 {\n height: 40px;\n left: 45px;\n animation-delay: 1s;\n}\n\n@keyframes grow {\n 0% { height: 0; opacity: 0.5; }\n 60% { height: 100%; opacity: 0.7; }\n 100% { height: 100%; opacity: 0.5; }\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-table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.timeline-table {\n width: 100%;\n border-collapse: collapse;\n background-color: #fff;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n background-color: #9C8102;\n color: white;\n text-align: left;\n padding: 15px;\n font-weight: 600;\n}\n\n.timeline-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n background-color: #f5f5f5;\n transform: translateX(-5px);\n}\n\n.timeline-phase {\n width: 150px;\n font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n margin-bottom: 30px;\n}\n\n.steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.step-card {\n display: flex;\n align-items: center;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n transform: translateY(-5px);\n}\n\n.step-number {\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.2rem;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n margin-top: 50px;\n position: relative;\n overflow: hidden;\n}\n\n.joseon-cta:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.3rem;\n margin-bottom: 15px;\n}\n\n.cta-conclusion {\n font-size: 1.2rem;\n margin-bottom: 30px;\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 .joseon-hero, .tradition-section {\n flex-direction: column;\n }\n \n .ingredients-container, .features-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredient-card {\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n }\n \n .ingredient-image {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .right-image {\n order: 1;\n }\n \n .feature-card, \n .ingredient-card,\n .step-card {\n width: 100%;\n box-sizing: border-box;\n padding: 20px 15px;\n }\n \n .steps-container {\n grid-template-columns: 1fr;\n }\n \n .feature-content,\n .ingredient-content {\n width: 100%;\n text-align: left;\n }\n \n .check-list li,\n .benefits-list li {\n width: 100%;\n box-sizing: border-box;\n padding-right: 40px;\n text-align: left;\n }\n \n .check-list li:before,\n .benefits-list li:before {\n right: 10px;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .feature-title, \n .ingredient-title {\n width: 100%;\n text-align: left;\n }\n \n .ingredient-content {\n padding-right: 0;\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\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Start all counters immediately\n startAllCounters();\n \n \/\/ Setup the scroll animation for other elements\n setupScrollAnimations();\n \n \/\/ Add button animation\n setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n const counters = document.querySelectorAll('.counter');\n \n counters.forEach(counter =\u003e {\n const target = parseInt(counter.getAttribute('data-target'));\n let current = 0;\n const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n \n \/\/ Immediately visible animation\n const timer = setInterval(() =\u003e {\n current += increment;\n \n \/\/ Make sure we don't go over the target\n if (current \u003e= target) {\n current = target;\n clearInterval(timer);\n }\n \n \/\/ Update the counter text\n counter.textContent = current;\n }, 30); \/\/ Speed of animation - lower number = faster\n });\n}\n\nfunction setupScrollAnimations() {\n \/\/ Add fade-in class to elements we want to animate\n const elementsToAnimate = [\n ...document.querySelectorAll('.ingredient-card'),\n ...document.querySelectorAll('.feature-card'),\n ...document.querySelectorAll('.step-card'),\n ...document.querySelectorAll('.timeline-row'),\n document.querySelector('.joseon-cta'),\n ...document.querySelectorAll('.section-title')\n ];\n \n elementsToAnimate.forEach(element =\u003e {\n if (element) element.classList.add('fade-in');\n });\n \n \/\/ Initial check for elements in viewport\n handleScrollAnimations();\n \n \/\/ Listen for scroll events\n window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n \/\/ Animate fade-in elements\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n if (isInViewport(element)) {\n element.classList.add('active');\n }\n });\n}\n\nfunction isInViewport(element) {\n const rect = element.getBoundingClientRect();\n \/\/ Consider element in viewport even if only partially visible\n return (\n rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n rect.bottom \u003e -100\n );\n}\n\nfunction setupButtonAnimation() {\n \/\/ Add click event to CTA button\n const ctaButton = document.querySelector('.cta-button');\n if (ctaButton) {\n ctaButton.addEventListener('click', function(e) {\n e.preventDefault();\n this.textContent = '¡Añadido a la cesta!';\n setTimeout(() =\u003e {\n this.textContent = 'Pedir Ahora';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44730295582917,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1747572137"},{"product_id":"see-lit-see-lit-hyaluronic-acid-vitamin-b-plumping-face-serum-30ml","title":"SEE-LIT See Lit Hyaluronic Acid \u0026 Vitamin B Plumping Face Serum 30ml","description":"\u003cstyle\u003e#sl2{--bg:#05090b;--bg2:#0b161a;--m:#4fd0e8;--m2:#aeeaf5;--bd:rgba(79,208,232,.3);--tint:rgba(79,208,232,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl2 *{box-sizing:border-box}#sl2 .sec{padding:52px 0}#sl2 .a{background:var(--bg)}#sl2 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl2 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl2 .c{text-align:center}#sl2 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl2 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl2 .hl{color:var(--m)}#sl2 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl2 h2.cc{border:0;padding:0;text-align:center}#sl2 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl2 p{margin:0 0 12px;color:#dde8ea}#sl2 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl2 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl2 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl2 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl2 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl2 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl2 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl2 .card p{margin:0;font-size:16px;color:#fff}#sl2 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl2 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl2 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl2 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl2 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl2 .steps p{margin:0;font-size:15px;color:#fff}#sl2 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl2 .tl div{margin-bottom:14px;color:#dde8ea}#sl2 .tl b{display:block;color:#fff;font-size:18px}#sl2 ul.ck{list-style:none;padding:0;margin:10px 0}#sl2 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl2 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl2 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl2 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl2 summary{cursor:pointer;font-weight:800}#sl2 details p{margin:10px 0 0}#sl2 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl2 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl2 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl2 .cta2 h2{border:0;padding:0;justify-content:center}#sl2 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl2 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl2 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl2 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl2 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl2 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl2 .sec{padding:36px 0}#sl2 .wrap{padding:0 14px}#sl2 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .card{padding:14px 10px}#sl2 .card p{font-size:13.5px;line-height:1.5}#sl2 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl2\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSuero hidratante y rellenador | 30 ml\u003c\/div\u003e\n\u003ch1\u003e¿Tu piel necesita una hidratación más profunda? \u003cbdi\u003eSee-Lit Hyaluronic + Vitamin B\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eHialurónico con 3 pesos moleculares con caviar y colágeno marino\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eFrasco \u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e Combina ácido hialurónico con diferentes pesos moleculares con extracto de caviar y colágeno marino y vitaminas A, D y B, para una piel de apariencia más llena y radiante, según la marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30 ml\u003c\/span\u003e\u003cspan\u003e3 pesos de ácido hialurónico\u003c\/span\u003e\u003cspan\u003eCaviar\u003c\/span\u003e\u003cspan\u003eColágeno marino\u003c\/span\u003e\u003cspan\u003eMañana y noche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste es el suero original, y dentro \u003cspan class=\"k\"\u003eHialurónico + caviar + colágeno marino\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"Suero See-Lit Ácido Hialurónico y Vitamina B 30 ml\" class=\"ph\" height=\"2000\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png\" width=\"2000\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e4 cosas sobre las que actúa este suero\u003c\/h2\u003e\n\u003cp\u003eSin promesas vacías, esto es para lo que se ha creado la fórmula según la marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHidratación en múltiples niveles\u003c\/h3\u003e\n\u003cp\u003e3 pesos de ácido hialurónico para apoyar \u003cspan class=\"k\"\u003eHidratación de la superficie y en profundidad\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eSensación de plenitud\u003c\/h3\u003e\n\u003cp\u003eSoporta el aspecto de la piel \u003cspan class=\"k\"\u003eEl más lleno\u003c\/span\u003e y la suavidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eElasticidad de la piel\u003c\/h3\u003e\n\u003cp\u003eel colágeno marino apoya \u003cspan class=\"k\"\u003eElasticidad y firmeza\u003c\/span\u003e Apariencia de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eFrescura y luminosidad\u003c\/h3\u003e\n\u003cp\u003eLas vitaminas y el extracto de caviar apoyan \u003cspan class=\"k\"\u003eAspecto más sano\u003c\/span\u003e Para la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e¿Qué hay dentro de la botella?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHialurónico con 3 pesos\u003c\/h3\u003e\n\u003cp\u003ePeso bajo, medio y alto para soportar \u003cspan class=\"k\"\u003eHidratante\u003c\/span\u003e en varias capas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eExtracto de caviar\u003c\/h3\u003e\n\u003cp\u003eComponente rico en aminoácidos, soporta \u003cspan class=\"k\"\u003eNutrición\u003c\/span\u003e Piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eColágeno marino\u003c\/h3\u003e\n\u003cp\u003eApoya \u003cspan class=\"k\"\u003eFlexibilidad\u003c\/span\u003e La piel y su apariencia tonificada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVitaminas A, D y B\u003c\/h3\u003e\n\u003cp\u003eUn grupo que apoya \u003cspan class=\"k\"\u003eSol\u003c\/span\u003e Piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e¿Qué verás y cuándo? Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eDesde el primer uso\u003c\/b\u003eSensación de hidratación y suavidad en la piel.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDespués de cuántas semanas:\u003c\/b\u003ePodrías notar la piel \u003cspan class=\"k\"\u003eMás lleno\u003c\/span\u003e Y líneas menos visibles, y varía de persona a persona.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eY continuar\u003c\/b\u003eLa hidratación suele estar vinculada a\u003cspan class=\"k\"\u003eRegularidad\u003c\/span\u003e y con tu tipo de piel y tu rutina.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste suero podría ser lo que necesitas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eTu piel \u003cspan class=\"k\"\u003eSeca o tirante\u003c\/span\u003e hidratación.\u003c\/li\u003e\n\u003cli\u003eQuiero apoyar a Mazhar \u003cspan class=\"k\"\u003ePlenitud\u003c\/span\u003e y la luminosidad.\u003c\/li\u003e\n\u003cli\u003eEncendido \u003cspan class=\"k\"\u003eHialurónico\u003c\/span\u003e Con una fórmula de pesos múltiples.\u003c\/li\u003e\n\u003cli\u003eMe gusta \u003cspan class=\"k\"\u003eRutina simple\u003c\/span\u003e Por la mañana y por la noche.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eCómo usar... simple\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSeguir las instrucciones en el paquete, y los pasos generales son los siguientes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpia el lavado\u003c\/h4\u003e\n\u003cp\u003eLava la cara y deja la piel \u003cspan class=\"k\"\u003eUn poco húmedo\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003ePon unas gotas\u003c\/h4\u003e\n\u003cp\u003eUna gota en el rostro y el cuello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eExtiende ligeramente\u003c\/h4\u003e\n\u003cp\u003eDistribuir con la punta de los dedos hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eIntegra con hidratante\u003c\/h4\u003e\n\u003cp\u003eCercano con hidratante, durante el día \u003cspan class=\"k\"\u003eCrema solar\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeer esto antes del primer uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eSolo para uso externo.\u003c\/li\u003e\n\u003cli\u003ePrueba una pequeña cantidad en la primera parte de la piel y asegúrate de que no irrite.\u003c\/li\u003e\n\u003cli\u003eMantener fuera de los ojos, y si entra en los ojos, lavar con abundante agua.\u003c\/li\u003e\n\u003cli\u003eSi eres alérgico a cualquier ingrediente escrito en la caja, no lo uses.\u003c\/li\u003e\n\u003cli\u003eSi ocurre ardor o enrojecimiento intenso, suspende su uso.\u003c\/li\u003e\n\u003cli\u003eEste es un producto para el skincare, no un tratamiento médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePreguntas antes de ordenar\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Cuántos ml hay en la botella?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Lo uso por la mañana o por la noche?\u003c\/summary\u003e\u003cp\u003eAdecuado \u003cspan class=\"k\"\u003eMañana y noche\u003c\/span\u003e Según las instrucciones del envase, durante el día es necesaria la protección solar.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Es bueno para la piel sensible?\u003c\/summary\u003e\u003cp\u003ePrueba primero una pequeña cantidad y, si tu piel es muy sensible, consulta a un dermatólogo.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿El producto es original?\u003c\/summary\u003e\u003cp\u003eSí \u003cspan class=\"k\"\u003eProducto original\u003c\/span\u003e Recibirás el pago al momento de la entrega.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eDale a tu piel la hidratación que merece\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresiona \u003cspan class=\"k\"\u003eAñadir al carrito\u003c\/span\u003e Y el pago \u003cspan class=\"k\"\u003eEn la recepción\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003e3 pesos de ácido hialurónico\u003c\/div\u003e\n\u003cdiv\u003eCaviar y colágeno marino\u003c\/div\u003e\n\u003cdiv\u003e30 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003ePide ahora el suero\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvío a cualquier parte\u003c\/span\u003e\u003cspan\u003eProducto original\u003c\/span\u003e\u003cspan\u003epago contra reembolso\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Multi-molecular-weight Hyaluronic Acid (low, medium, high), Caviar Extract, Marine Collagen, Vitamins A, D and B. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44741709234373,"sku":"","price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png?v=1747841075"},{"product_id":"seelit-retinol-b3-niacinamide-anti-ageing-serum","title":"Seelit Retinol + B3 (niacinamide) anti ageing serum","description":"\u003cstyle\u003e#sl1{--bg:#0a0805;--bg2:#17110a;--m:#ff9f43;--m2:#ffd0a0;--bd:rgba(255,159,67,.3);--tint:rgba(255,159,67,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl1 *{box-sizing:border-box}#sl1 .sec{padding:52px 0}#sl1 .a{background:var(--bg)}#sl1 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl1 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl1 .c{text-align:center}#sl1 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl1 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl1 .hl{color:var(--m)}#sl1 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl1 h2.cc{border:0;padding:0;text-align:center}#sl1 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl1 p{margin:0 0 12px;color:#e6e0d6}#sl1 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl1 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl1 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl1 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl1 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl1 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl1 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl1 .card p{margin:0;font-size:16px;color:#fff}#sl1 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl1 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl1 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl1 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl1 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl1 .steps p{margin:0;font-size:15px;color:#fff}#sl1 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl1 .tl div{margin-bottom:14px;color:#e6e0d6}#sl1 .tl b{display:block;color:#fff;font-size:18px}#sl1 ul.ck{list-style:none;padding:0;margin:10px 0}#sl1 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl1 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl1 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl1 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl1 summary{cursor:pointer;font-weight:800}#sl1 details p{margin:10px 0 0}#sl1 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl1 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl1 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl1 .cta2 h2{border:0;padding:0;justify-content:center}#sl1 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl1 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl1 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl1 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl1 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl1 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl1 .sec{padding:36px 0}#sl1 .wrap{padding:0 14px}#sl1 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .card{padding:14px 10px}#sl1 .card p{font-size:13.5px;line-height:1.5}#sl1 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl1\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSuero anti-edad\u003c\/div\u003e\n\u003ch1\u003e¿Quieres retinol sin irritaciones? \u003cbdi\u003eSee-Lit Retinol + B3\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eRetinol con Niacinamida y Colágeno\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eEl suero recoge \u003cspan class=\"k\"\u003eCylasphere Retinol 1%\u003c\/span\u003e Con \u003cspan class=\"k\"\u003eVitamina B3\u003c\/span\u003e Y colágeno hidrolizado y vitamina E, para una rutina nocturna que apoya la apariencia de una piel más suave y luminosa, según la marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eRetinol 1%\u003c\/span\u003e\u003cspan\u003eNiacinamide B3\u003c\/span\u003e\u003cspan\u003eColágeno Hidrolizado\u003c\/span\u003e\u003cspan\u003eVitamina E\u003c\/span\u003e\u003cspan\u003eRutina nocturna\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste es el suero original, y su fórmula \u003cspan class=\"k\"\u003eRetinol + B3\u003c\/span\u003e En una botella\u003c\/p\u003e\n\u003cimg alt=\"Suero See-Lit Retinol y Vitamina B3\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e4 cosas sobre las que actúa este suero\u003c\/h2\u003e\n\u003cp\u003eSin promesas vacías, esto es para lo que se ha creado la fórmula según la marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eLíneas de envejecimiento\u003c\/h3\u003e\n\u003cp\u003eEl retinol es uno de los ingredientes más populares en la rutina \u003cspan class=\"k\"\u003eAntiedad\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eTextura y color de la piel\u003c\/h3\u003e\n\u003cp\u003eCon niacinamida, apoya \u003cspan class=\"k\"\u003eUniformidad del color\u003c\/span\u003e Textura más suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eElasticidad de la piel\u003c\/h3\u003e\n\u003cp\u003eEl colágeno hidrolizado sostiene \u003cspan class=\"k\"\u003eSensación de plenitud\u003c\/span\u003e Es flexibilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eComodidad de uso\u003c\/h3\u003e\n\u003cp\u003eTecnología \u003cspan class=\"k\"\u003eCylasphere\u003c\/span\u003e Formulado para liberar retinol gradualmente, según la marca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e¿Qué hay dentro de la botella?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eRetinol (Cylasphere) 1%\u003c\/h3\u003e\n\u003cp\u003eIngrediente retinol con tecnología de liberación gradual\u003cspan class=\"k\"\u003eRejuvenece la apariencia de la piel\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNiacinamide (B3)\u003c\/h3\u003e\n\u003cp\u003eAyuda \u003cspan class=\"k\"\u003eAliviar la piel\u003c\/span\u003e E uniformiza su apariencia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eColágeno Hidrolizado\u003c\/h3\u003e\n\u003cp\u003eApoya \u003cspan class=\"k\"\u003eHidratación y elasticidad\u003c\/span\u003e Piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eÁcido glicólico\u003c\/h3\u003e\n\u003cp\u003eÁcidos conocidos por apoyar \u003cspan class=\"k\"\u003eAlisar la superficie\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVitamina E\u003c\/h3\u003e\n\u003cp\u003eSoporte antioxidante \u003cspan class=\"k\"\u003eProtección de la piel\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eÁcido pantoténico\u003c\/h3\u003e\n\u003cp\u003eApoya \u003cspan class=\"k\"\u003eHidratante\u003c\/span\u003e Piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e¿Qué verás y cuándo? Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eEn los primeros\u003c\/b\u003eTextura más suave y sensación hidratante, y podría estar un poco seca o descamada durante la primera semana porque el retinol requiere tiempo para acostumbrarse.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDespués de cuántas semanas:\u003c\/b\u003ePodrías notar \u003cspan class=\"k\"\u003eMenos líneas visibles\u003c\/span\u003e El color es más uniforme y varía de persona a persona.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eY continuar\u003c\/b\u003eEl retinol es necesario \u003cspan class=\"k\"\u003eRegularidad y paciencia\u003c\/span\u003e Y la protección solar todos los días para mantener el resultado.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste suero podría ser lo que necesitas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eEncendido \u003cspan class=\"k\"\u003eRetinol\u003c\/span\u003e En tu rutina nocturna.\u003c\/li\u003e\n\u003cli\u003eQuiero apoyar a Mazhar \u003cspan class=\"k\"\u003eLíneas finas\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003ePrefiero una combinación de ello \u003cspan class=\"k\"\u003eNiacinamida\u003c\/span\u003e Con el retinol.\u003c\/li\u003e\n\u003cli\u003eListo para usar \u003cspan class=\"k\"\u003eCrema solar\u003c\/span\u003e Durante el día.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eCómo usar... simple\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSeguir las instrucciones en el paquete, y los pasos generales son los siguientes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpio y seco\u003c\/h4\u003e\n\u003cp\u003eLávate la cara con un limpiador delicado y sécala.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003ePoner una pequeña cantidad\u003c\/h4\u003e\n\u003cp\u003eCantidad \u003cspan class=\"k\"\u003ePequeño\u003c\/span\u003e En la cara, y mantener alejado de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003ePor la noche\u003c\/h4\u003e\n\u003cp\u003eEl retinol se está cayendo \u003cspan class=\"k\"\u003enoche\u003c\/span\u003e normalmente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eComienza gradualmente\u003c\/h4\u003e\n\u003cp\u003eComienza \u003cspan class=\"k\"\u003eCada dos días\u003c\/span\u003e Aumenta según tolere tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeer esto antes del primer uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eSolo para uso externo.\u003c\/li\u003e\n\u003cli\u003ePrueba una pequeña cantidad en la primera parte de la piel y asegúrate de que no irrite.\u003c\/li\u003e\n\u003cli\u003eUsar la crema solar durante el día mientras se utiliza el retinol.\u003c\/li\u003e\n\u003cli\u003eSi estás embarazada o en período de lactancia, consulta a un médico antes de usarlo.\u003c\/li\u003e\n\u003cli\u003eSi ocurre ardor o enrojecimiento intenso, suspende su uso.\u003c\/li\u003e\n\u003cli\u003eMantener fuera de los ojos y de los labios.\u003c\/li\u003e\n\u003cli\u003eEste es un producto para el skincare, no un tratamiento médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePreguntas antes de ordenar\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Lo uso por la mañana o por la noche?\u003c\/summary\u003e\u003cp\u003eEl retinol se está cayendo \u003cspan class=\"k\"\u003ePor la noche\u003c\/span\u003e Normalmente, durante el día, el protector solar es esencial.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Puede causar descamación?\u003c\/summary\u003e\u003cp\u003eAl principio podría estar un poco seco o dolorido, así que comienza \u003cspan class=\"k\"\u003eGradualmente\u003c\/span\u003e Y el suministro según tu piel.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Qué resultado veré después?\u003c\/summary\u003e\u003cp\u003eNecesita \u003cspan class=\"k\"\u003eRegularidad y paciencia\u003c\/span\u003e Varía de persona a persona.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿El producto es original?\u003c\/summary\u003e\u003cp\u003eSí \u003cspan class=\"k\"\u003eProducto original\u003c\/span\u003e Recibirás el pago al momento de la entrega.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eComienza tu rutina con retinol de manera suave\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresiona \u003cspan class=\"k\"\u003eAñadir al carrito\u003c\/span\u003e Y el pago \u003cspan class=\"k\"\u003eEn la recepción\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eRetinol 1%\u003c\/div\u003e\n\u003cdiv\u003eNiacinamide B3\u003c\/div\u003e\n\u003cdiv\u003eColágeno Hidrolizado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003ePide ahora el suero\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvío a cualquier parte\u003c\/span\u003e\u003cspan\u003eProducto original\u003c\/span\u003e\u003cspan\u003epago contra reembolso\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Cylasphere Retinol 1%, Niacinamide (Vitamin B3), Hydrolyzed Collagen, Glycolic Acid, Tocopherol (Vitamin E), Pantothenic Acid. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44742073057477,"sku":null,"price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp?v=1747853163"},{"product_id":"beauty-of-joseon-revive-serum","title":"Suero Revitalizante para la Piel Belleza de Joseon con ginseng y secreción de caracol para el rejuvenecimiento y la elasticidad de la piel.","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ef500d9baac416bbea61350e65fce38.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eLa ciencia demuestra: Ginseng + Moco de caracol = La ecuación perfecta de la juventud\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: Una fórmula científica avanzada que reprograma las células de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n\u003ch3\u003eTratamiento anti-decoloración\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% estimula la circulación sanguínea y devuelve la luminosidad natural a la piel cansada en dos semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAntioxidante\u003c\/h3\u003e\n\u003cp\u003e15 tipos de ginsenósidos protegen la piel de los radicales libres, la contaminación y los rayos nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eAntiedad\u003c\/h3\u003e\n\u003cp\u003eMucosa de caracol 3% estimula la producción de colágeno y reduce la apariencia de líneas finas y arrugas de expresión.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHidratante profundo\u003c\/h3\u003e\n\u003cp\u003eEl ácido hialurónico natural retiene la humedad en la piel durante 12 horas consecutivas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eMejora la textura de la piel\u003c\/h3\u003e\n\u003cp\u003eLas proteínas naturales suavizan la textura de la piel y reducen la apariencia de los poros y la aspereza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAlivia el enrojecimiento\u003c\/h3\u003e\n\u003cp\u003eLa alantoína en el moco de caracol reduce la inflamación y la irritación y calma la piel sensible.\u003c\/p\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\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n\u003cimg alt=\"Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eGinseng 63% - motor de la regeneración celular\u003c\/h3\u003e\n\u003cdiv class=\"molecular-animation\"\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eJabón activo: estimula la microcirculación en un 40%\u003c\/li\u003e\n\u003cli\u003eGinsenósidos: estimulan la producción natural de colágeno\u003c\/li\u003e\n\u003cli\u003eAntioxidantes potentes: combaten los radicales libres\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card snail-card\"\u003e\n\u003cimg alt=\"Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eMoco de caracol purificado 3% - un milagro de reparación y renovación\u003c\/h3\u003e\n\u003cdiv class=\"repair-animation\"\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003col class=\"ingredient-process\"\u003e\n\u003cli\u003ePenetra en las capas profundas de la piel\u003c\/li\u003e\n\u003cli\u003eEstimula la producción de nuevo colágeno\u003c\/li\u003e\n\u003cli\u003eRepara el ADN dañado\u003c\/li\u003e\n\u003cli\u003eFavorece la renovación celular\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Asiatica Section --\u003e\n\u003cdiv class=\"centella-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComponentes auxiliares: un equipo científico integrado\u003c\/h2\u003e\n\u003cdiv class=\"centella-container\"\u003e\n\u003cdiv class=\"centella-image\"\u003e\n\u003cimg alt=\"Centella Asiatica\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003cdiv class=\"healing-animation\"\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"centella-info\"\u003e\n\u003ch3\u003e🌿 Extracto de Centella asiática\u003c\/h3\u003e\n\u003cdiv class=\"compound-list\"\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eÁcido asiático\u003c\/h4\u003e\n\u003cp\u003eEstimula la producción de colágeno de tipo 1 y 3\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"200\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eMadencasoside\u003c\/h4\u003e\n\u003cp\u003eUn antiinflamatorio natural que alivia instantáneamente el enrojecimiento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"300\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e⚕️\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eAsiatocoside\u003c\/h4\u003e\n\u003cp\u003eAcelera la curación de pequeñas heridas e irritaciones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados científicos probados en laboratorio\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"1\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDespués de una semana\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eSuavidad instantánea\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eMejorado el brillo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"58\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eReducir el enrojecimiento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"4\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eCuatro semanas después\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eMejorar la flexibilidad\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"76\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eReducir las arrugas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eHidratación profunda\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\/div\u003e\n\u003c!-- Smart Mucin Technology --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e Fórmula tecnológicamente avanzada\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInnovación en la textura\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eNanopartículas\u003c\/h4\u003e\n\u003cp\u003ePenetra fácilmente en la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"200\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch4\u003eTecnología de liberación gradual\u003c\/h4\u003e\n\u003cp\u003ePara ingredientes activos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"300\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eFilm protector temporal\u003c\/h4\u003e\n\u003cp\u003eTrata la humedad debajo de la superficie de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"400\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eAbsorción rápida\u003c\/h4\u003e\n\u003cp\u003eSin dejar residuos grasos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eLa diferencia que sientes\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Aplicación instantánea\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eDistribución sedosa instantánea\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ En un minuto\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eAbsorción completa y sensación de comodidad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Después de 5 minutos\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSuavidad aterciopelada y luminosidad natural\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Todo el día\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eHidratación continua y protección eficaz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Por qué elegir Revive Serum? La evidencia científica no miente\u003c\/h2\u003e\n\u003cdiv class=\"scientific-proof\"\u003e\n\u003cdiv class=\"proof-card concentration-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eConcentración óptima calculada científicamente\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Concentración óptima de eficacia sin irritación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% moco de caracol\u003c\/strong\u003e: La proporción probada para los mejores resultados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEquilibrio perfecto\u003c\/strong\u003e: Entre fuerza y seguridad para el uso diario\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card testing-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eProbado y certificado\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePruebas alergológicas\u003c\/strong\u003e: Seguro para piel sensible\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrueba de eficacia\u003c\/strong\u003eResultados comprobados en 28 días\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrueba de calidad\u003c\/strong\u003e: Normas internacionales estrictas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card unique-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3\u003eTecnología única\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNo provoca poros obstruidos\u003c\/strong\u003e: Probado dermatológicamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompatible con todo tipo de piel\u003c\/strong\u003e: De seca a grasa\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFunciona con otros productos\u003c\/strong\u003e: No interfiere con tu rutina de cuidado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003cdiv class=\"investment-content\"\u003e\n\u003ch2 class=\"investment-title\"\u003eInvierte en la ciencia... invierte en tu piel\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eNo encontrarás otra fórmula que combine el poder del ginseng natural con el milagro del moco de caracol purificado en un equilibrio tan perfecto.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eEl resultado final: piel científicamente sana\u003c\/h3\u003e\n\u003cdiv class=\"final-benefits\"\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eCélulas renovadas\u003c\/strong\u003e Funciona de manera muy eficiente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eFuerte barrera natural\u003c\/strong\u003e Protege contra los factores externos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eHidratación profunda\u003c\/strong\u003e Dura 72 horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eMejorada la flexibilidad\u003c\/strong\u003e Hasta un 34%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eBrillo natural\u003c\/strong\u003e Sin maquillaje\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!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-container\"\u003e\n\u003cdiv class=\"usage-video\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" onloadstart=\"this.muted=true\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\" data-step=\"1\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003eLimpia bien el rostro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"2\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003eAplicar 3 o 4 gotas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"3\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003eMasajear delicadamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eÚsalo por la mañana y por la noche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos los componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n \/* Benefits Grid *\/\n .benefits-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Science Section *\/\n .science-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: left;\n direction: ltr;\n }\n\n .molecular-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .molecule {\n width: 20px;\n height: 20px;\n background: #9C8102;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .molecule:nth-child(2) { animation-delay: 0.5s; }\n .molecule:nth-child(3) { animation-delay: 1s; }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.5); \n opacity: 0.7; \n }\n }\n\n .repair-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .cell {\n width: 25px;\n height: 25px;\n background: linear-gradient(45deg, #9C8102, #d4c140);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: regenerate 3s ease-in-out infinite;\n }\n\n .cell:nth-child(2) { animation-delay: 1s; }\n .cell:nth-child(3) { animation-delay: 2s; }\n\n @keyframes regenerate {\n 0%, 100% { \n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n transform: rotate(0deg);\n }\n 50% { \n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n transform: rotate(180deg);\n }\n }\n\n .ingredient-benefits, .ingredient-process {\n text-align: left;\n direction: ltr;\n color: #555;\n }\n\n .ingredient-benefits li, .ingredient-process li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n \/* Centella Section *\/\n .centella-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .centella-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .centella-image {\n position: relative;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .centella-image img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .healing-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100px;\n height: 100px;\n }\n\n .healing-wave {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(156,129,2,0.6);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: healingPulse 3s ease-out infinite;\n }\n\n .healing-wave:nth-child(2) { animation-delay: 1s; }\n .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n @keyframes healingPulse {\n 0% {\n width: 20px;\n height: 20px;\n opacity: 1;\n }\n 100% {\n width: 100px;\n height: 100px;\n opacity: 0;\n }\n }\n\n .centella-info h3 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: left;\n direction: ltr;\n }\n\n .compound-list {\n direction: ltr;\n text-align: left;\n }\n\n .compound-item {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(50px);\n }\n\n .compound-item:hover {\n transform: translateX(0) translateY(-5px);\n box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n }\n\n .compound-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .compound-details h4 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .compound-details p {\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* Technology Section *\/\n .technology-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .technology-section .section-title {\n color: white;\n }\n\n .technology-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .tech-card, .experience-timeline {\n background: rgba(255,255,255,0.1);\n padding: 2rem;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .tech-card h3, .experience-timeline h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .tech-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .tech-feature {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n opacity: 0;\n transform: scale(0.8);\n }\n\n .tech-feature:hover {\n transform: scale(1.05);\n background: rgba(156,129,2,0.2);\n }\n\n .tech-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .tech-feature p {\n font-size: 0.85rem;\n opacity: 0.9;\n }\n\n .experience-steps {\n direction: ltr;\n text-align: left;\n }\n\n .experience-step {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .experience-step:hover {\n background: rgba(156,129,2,0.1);\n transform: translateX(-10px);\n }\n\n .step-time {\n font-weight: bold;\n color: #9C8102;\n margin-left: 1rem;\n min-width: 120px;\n }\n\n .step-desc {\n opacity: 0.9;\n }\n\n \/* Why Choose Section *\/\n .why-choose-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .scientific-proof {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .proof-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .proof-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .proof-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: pulse 3s ease-in-out infinite;\n }\n\n .proof-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .proof-list {\n text-align: left;\n direction: ltr;\n list-style: none;\n padding: 0;\n }\n\n .proof-list li {\n margin-bottom: 1rem;\n padding: 0.8rem;\n background: rgba(156,129,2,0.05);\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n }\n\n .proof-list li strong {\n color: #9C8102;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .investment-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n opacity: 0.3;\n }\n\n .investment-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .investment-tagline {\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.9;\n text-align: left;\n direction: ltr;\n }\n\n .final-results h3 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .final-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n text-align: left;\n direction: ltr;\n }\n\n .final-benefit {\n display: flex;\n align-items: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .final-benefit:hover {\n background: rgba(156,129,2,0.2);\n transform: translateY(0) translateX(-10px);\n }\n\n .final-benefit .benefit-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .final-benefit .benefit-text {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .final-benefit strong {\n color: #9C8102;\n }\n\n \/* Results Section *\/\n .results-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .results-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.5rem;\n }\n\n .stat {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Usage Section *\/\n .usage-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .usage-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .usage-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n position: relative;\n }\n\n .usage-video video {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n z-index: 2;\n }\n\n .usage-steps {\n direction: ltr;\n text-align: left;\n }\n\n .step {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n\n .step:nth-child(1) { animation-delay: 0.2s; }\n .step:nth-child(2) { animation-delay: 0.4s; }\n .step:nth-child(3) { animation-delay: 0.6s; }\n .step:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #d4c140);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n margin-left: 1.5rem;\n box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n }\n\n .step p {\n font-size: 1.1rem;\n color: #333;\n font-weight: 500;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-showcase {\n grid-template-columns: 1fr;\n }\n\n .centella-container {\n grid-template-columns: 1fr;\n }\n\n .technology-grid {\n grid-template-columns: 1fr;\n }\n\n .tech-features {\n grid-template-columns: 1fr;\n }\n\n .scientific-proof {\n grid-template-columns: 1fr;\n }\n\n .usage-container {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for 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 if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748493226181,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1748097935"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum está especializado en calmar la piel y reducir enrojecimientos 30ml","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/413443a24bfe4ef1a568fe7c3bc4544c.mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eLa fórmula coreana que transforma la piel inflamada en piel perfecta\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: La fórmula mágica para piel sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section\"\u003e\n\u003cdiv class=\"problem-container\"\u003e\n\u003cimg alt=\"Beauty of Joseon Calming Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum.png?v=1748104893\"\/\u003e\n\u003cdiv class=\"problem-content\"\u003e\n\u003ch2\u003ePiel sensible e inflamada - tu primer enemigo\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eSufres de \u003cstrong\u003e¿La piel reacciona a todo?\u003c\/strong\u003e Enrojecimiento constante debido al sol, irritación por los productos más simples, sequedad y picazón que no se detienen?\u003c\/p\u003e\n\u003ch3\u003eProblemas básicos:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eInflamación crónica\u003c\/strong\u003e Que destruye la barrera natural de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eDaño UV\u003c\/strong\u003e Que causa enrojecimiento y envejecimiento prematuro\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003ePérdida rápida de humedad\u003c\/strong\u003e Que deja la piel seca y agrietada\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eSensibilidad excesiva\u003c\/strong\u003e Hace que cualquier producto nuevo sea fuente de miedo y ansiedad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eResultado doloroso:\u003c\/h3\u003e\n\u003cp\u003ePiel enojada y rebelde, confianza perdida y sensación constante de que no hay solución a este sufrimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Benefits --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa solución definitiva que detiene el sufrimiento de la piel sensible en 60 segundos\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAntiinflamatorio\u003c\/h3\u003e\n\u003cp\u003eAlivio inmediato del enrojecimiento y la irritación causados por alergias o exposición al sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eFortalecer la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp\u003eRepara y refuerza la capa protectora natural para prevenir la penetración de irritantes externos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003eFavorecer la hidratación profunda\u003c\/h3\u003e\n\u003cp\u003eLa hidratación en capas alcanza profundamente la piel y retiene la humedad durante muchas horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eAliviar la piel sensible\u003c\/h3\u003e\n\u003cp\u003eAlivio inmediato para la piel que reacciona a factores ambientales y productos cosméticos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e☂️\u003c\/div\u003e\n\u003ch3\u003eProtección contra los rayos nocivos\u003c\/h3\u003e\n\u003cp\u003eResistencia a los efectos negativos de los rayos ultravioleta y de la contaminación ambiental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Behind Formula --\u003e\n\u003cdiv class=\"science-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa ciencia detrás de la fórmula desarrollada\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eDesde el primer toque: ¿Cómo hace este suero coreano para borrar 15 años de daños en la piel?\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Main Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card green-tea-card\"\u003e\n\u003cimg alt=\"Green Tea\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_2.jpg?v=1748105004\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eTé verde 50% | Potencia del té verde\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eEn el antiguo libro de medicina Dong Ui Bogam: “El té verde revitaliza la energía, aclara la mente y alivia la piel dañada por el sol.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003e¿Cómo vence el té verde coreano los tipos de inflamación más difíciles?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAliviar la inflamación causada por los rayos ultravioleta\u003c\/li\u003e\n\u003cli\u003eCombate los radicales libres con el poder de los antioxidantes naturales\u003c\/li\u003e\n\u003cli\u003eRenueva las células de la piel dañadas y las protege de daños futuros\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n\u003cimg alt=\"Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eExtracto de artemisa 30% | Extracto de Artemisia\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eUna hierba sagrada en la medicina oriental, conocida como la “Madre de las Hierbas” por sus distintivas propiedades curativas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eNatural Relief ofrece:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAlivio instantáneo de la piel irritada e inflamada\u003c\/li\u003e\n\u003cli\u003eHidratación profunda y delicada para piel sensible\u003c\/li\u003e\n\u003cli\u003eFortalecer la inmunidad natural de la piel contra los irritantes externos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n\u003cimg alt=\"Panthenol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003ePantenol 5% | Pro-Vitamina B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eDesarrollo revolucionario: ¡concentración aumentada del 2% al 5% para una doble protección!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eEl pantenol avanzado alcanza:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCrea una barrera protectora hidratante de 24 horas\u003c\/li\u003e\n\u003cli\u003eConversión inmediata en vitamina B5 dentro de las células de la piel\u003c\/li\u003e\n\u003cli\u003ePreviene la pérdida de humedad y protege la piel de irritaciones frecuentes\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!-- Supporting Ingredients --\u003e\n\u003cdiv class=\"supporting-ingredients\"\u003e\n\u003ch2 class=\"section-title\"\u003eIngredientes avanzados para suplementos\u003c\/h2\u003e\n\u003cdiv class=\"supporting-grid\"\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eAlantoína | Alantoína\u003c\/h3\u003e\n\u003cp\u003eUn agente calmante natural que acelera la curación de la piel dañada y reduce la irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eÁcido hialurónico | Sal de sodio del ácido hialurónico\u003c\/h3\u003e\n\u003cp\u003eLas moléculas de agua retienen la humedad y suavizan la textura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eExtracto de regaliz | Dicalcio de glicirrizato\u003c\/h3\u003e\n\u003cp\u003eUn antiinflamatorio natural que uniforma el tono de la piel y reduce la pigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eExtracto de raíz de Coptis | Extracto de raíz de Coptis Japonica\u003c\/h3\u003e\n\u003cp\u003eUna hierba tradicional china que es antibacteriana y calmante para la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Journey --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de transformación con suero\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDurante la primera hora\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Alivio inmediato del enrojecimiento y picazón\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Una sensación de frescura y comodidad\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Absorción rápida sin dejar restos grasos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1week\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1w\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de una semana\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Mejora evidente de la sensibilidad de la piel\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Hidratación más profunda y duradera\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Fortalecimiento claro de la barrera natural de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1month\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1m\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de un mes\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Piel más resistente a los agentes irritantes externos\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Unificar el tono de la piel y reducir el enrojecimiento crónico\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Textura más suave, sana y fresca\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What Makes It Unique --\u003e\n\u003cdiv class=\"unique-section\"\u003e\n\u003cdiv class=\"unique-image\"\u003e\n\u003cimg alt=\"Green Tea and Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-content\"\u003e\n\u003ch2\u003e¿Qué distingue este suero de otros sueros calmantes?\u003c\/h2\u003e\n\u003cdiv class=\"unique-features\"\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"100\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDoble impulso de calma\u003c\/h3\u003e\n\u003cp\u003eAumentar la concentración de artemisa del 20% al 30% para un efecto calmante más fuerte y duradero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"200\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDoble protección de la hidratación\u003c\/h3\u003e\n\u003cp\u003eAumento del pantenol del 2% al 5% para una barrera de hidratación más fuerte y una mejor protección.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"300\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFórmula perfectamente equilibrada\u003c\/h3\u003e\n\u003cp\u003eProporciones calculadas científicamente para garantizar la máxima eficacia con el mínimo potencial de irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"400\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTextura sedosa avanzada\u003c\/h3\u003e\n\u003cp\u003eLa textura ligera se absorbe rápidamente y deja la piel suave y fresca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch2 class=\"section-title\"\u003eModo de uso correcto\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMañana\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eDespués de limpiar el rostro, aplicar una pequeña cantidad en rostro y cuello\u003c\/li\u003e\n\u003cli\u003eMasajear delicadamente con movimientos hacia arriba hasta la completa absorción\u003c\/li\u003e\n\u003cli\u003eSeguir con hidratante y protector solar\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eNoche\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eAplica el suero sobre la piel limpia y seca\u003c\/li\u003e\n\u003cli\u003eDejar absorber durante dos minutos antes de aplicar otros productos\u003c\/li\u003e\n\u003cli\u003eUsa diariamente para los mejores resultados\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003ePara pieles muy sensibles\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eComienza a usar una vez cada dos días\u003c\/li\u003e\n\u003cli\u003eAumentar gradualmente la frecuencia según la respuesta de la piel\u003c\/li\u003e\n\u003cli\u003ePuede ser utilizado como mascarilla calmante durante 10 minutos y luego retirado delicadamente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos los componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Problem Section *\/\n .problem-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 4rem;\n border-left: 5px solid #9C8102;\n }\n\n .problem-container {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .problem-container img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .problem-content {\n direction: ltr;\n text-align: left;\n }\n\n .problem-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .problem-intro {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n color: #f0f0f0;\n }\n\n .problem-content h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .problem-list {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n }\n\n .problem-list li {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n border-right: 3px solid #9C8102;\n backdrop-filter: blur(10px);\n }\n\n .problem-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .painful-result {\n background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #9C8102;\n }\n\n .painful-result h3 {\n color: #9C8102;\n margin-bottom: 1rem;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n direction: ltr;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n .science-header {\n text-align: center;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .science-subtitle {\n font-size: 1.8rem;\n font-weight: 600;\n color: #2c3e50;\n margin-top: 1rem;\n direction: ltr;\n }\n\n \/* Solution Benefits *\/\n .solution-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n border-left: 5px solid #9C8102;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n border-top: 4px solid #9C8102;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: 1fr;\n gap: 4rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n direction: ltr;\n text-align: left;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .ancient-wisdom, .sacred-herb, .revolutionary-development {\n background: rgba(156,129,2,0.1);\n padding: 1rem;\n border-radius: 10px;\n margin-bottom: 1.5rem;\n border-right: 4px solid #9C8102;\n font-style: italic;\n color: #666;\n }\n\n .ingredient-info h4 {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .ingredient-benefits {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-benefits li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n .ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Supporting Ingredients *\/\n .supporting-ingredients {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .supporting-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .supporting-item {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .supporting-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n }\n\n .supporting-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n .supporting-item h3 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n .supporting-item p {\n color: #666;\n font-size: 0.9rem;\n text-align: left;\n direction: ltr;\n }\n\n \/* Transformation Timeline *\/\n .transformation-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .transformation-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .results-list {\n direction: ltr;\n text-align: left;\n }\n\n .result-item {\n margin-bottom: 0.8rem;\n padding: 0.5rem;\n background: rgba(255,255,255,0.1);\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n \/* Unique Features *\/\n .unique-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n align-items: center;\n }\n\n .unique-image img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .unique-content {\n direction: ltr;\n text-align: left;\n }\n\n .unique-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .unique-feature {\n display: flex;\n align-items: flex-start;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.8s ease;\n }\n\n .feature-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .feature-content h3 {\n color: #9C8102;\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .feature-content p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Usage Instructions *\/\n .usage-instructions {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .usage-time {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n direction: ltr;\n text-align: left;\n }\n\n .morning {\n border-top: 4px solid #ffc107;\n }\n\n .evening {\n border-top: 4px solid #6f42c1;\n }\n\n .sensitive {\n border-top: 4px solid #dc3545;\n }\n\n .usage-time h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .usage-steps {\n padding-right: 1rem;\n }\n\n .usage-steps li {\n margin-bottom: 1rem;\n line-height: 1.6;\n color: #555;\n }\n\n \/* Ingredients List *\/\n .ingredients-list-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.1); \n opacity: 0.8; \n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .problem-container {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-card {\n grid-template-columns: 1fr;\n }\n\n .supporting-grid {\n grid-template-columns: 1fr;\n }\n\n .unique-section {\n grid-template-columns: 1fr;\n }\n\n .usage-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n }\n\n .science-subtitle {\n font-size: 1.4rem;\n }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for 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 if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('supporting-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n\n if (entry.target.classList.contains('unique-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe supporting items\n document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe unique features\n document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add stagger animation for problem list items\n const problemItems = document.querySelectorAll('.problem-list li');\n problemItems.forEach((item, index) =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateX(50px)';\n item.style.transition = 'all 0.8s ease';\n \n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 200));\n });\n\n \/\/ Add hover effects to usage time cards\n document.querySelectorAll('.usage-time').forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748510331077,"sku":null,"price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_a6c32d2e-456b-45c9-bd2d-dd33566ec2f3.jpg?v=1748104597"},{"product_id":"see-lit-elixir-argerline-q10-مضاد-للتجاعيد-باسط-لعضلات-الوجه","title":"ELISIR VISTA Argerline, Q10 antiarrugas - relajante de los músculos faciales","description":"\u003cstyle\u003e#sl3{--bg:#08070a;--bg2:#15121a;--m:#d4af37;--m2:#f0dc9a;--bd:rgba(212,175,55,.3);--tint:rgba(212,175,55,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl3 *{box-sizing:border-box}#sl3 .sec{padding:52px 0}#sl3 .a{background:var(--bg)}#sl3 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl3 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl3 .c{text-align:center}#sl3 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl3 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl3 .hl{color:var(--m)}#sl3 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl3 h2.cc{border:0;padding:0;text-align:center}#sl3 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl3 p{margin:0 0 12px;color:#e6e0d6}#sl3 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl3 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl3 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl3 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl3 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl3 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl3 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl3 .card p{margin:0;font-size:16px;color:#fff}#sl3 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl3 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl3 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl3 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl3 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl3 .steps p{margin:0;font-size:15px;color:#fff}#sl3 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl3 .tl div{margin-bottom:14px;color:#e6e0d6}#sl3 .tl b{display:block;color:#fff;font-size:18px}#sl3 ul.ck{list-style:none;padding:0;margin:10px 0}#sl3 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl3 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl3 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl3 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl3 summary{cursor:pointer;font-weight:800}#sl3 details p{margin:10px 0 0}#sl3 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl3 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl3 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl3 .cta2 h2{border:0;padding:0;justify-content:center}#sl3 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl3 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl3 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl3 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl3 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl3 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl3 .sec{padding:36px 0}#sl3 .wrap{padding:0 14px}#sl3 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .card{padding:14px 10px}#sl3 .card p{font-size:13.5px;line-height:1.5}#sl3 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl3\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSuero para líneas y arrugas\u003c\/div\u003e\n\u003ch1\u003e¿Las líneas de tu rostro se vuelven más evidentes con el tiempo? \u003cbdi\u003eSee-Lit Elixir\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003ePéptido Argirelina con Coenzima Q10\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eEl suero recoge \u003cspan class=\"k\"\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/span\u003e Con \u003cspan class=\"k\"\u003eCoenzyme Q10\u003c\/span\u003e Una rutina que apoya el aspecto de una piel más lisa y firme en las líneas finas, según la marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eArgireline\u003c\/span\u003e\u003cspan\u003eCoenzyme Q10\u003c\/span\u003e\u003cspan\u003ePara rostro y cuello\u003c\/span\u003e\u003cspan\u003eRutina diaria\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste es el suero original Elixir, y su fórmula \u003cspan class=\"k\"\u003ePéptido + Q10\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"Suero See-Lit Elixir Argireline y Q10\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eLas áreas que este suero trata\u003c\/h2\u003e\n\u003cp\u003eSin promesas vacías, estas son las áreas en las que la fórmula actúa según la marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eFrente\u003c\/h3\u003e\n\u003cp\u003eSoporta el aspecto \u003cspan class=\"k\"\u003eLíneas frontales\u003c\/span\u003e El más suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eAlrededor del ojo\u003c\/h3\u003e\n\u003cp\u003eSoporta el aspecto \u003cspan class=\"k\"\u003eLíneas finas\u003c\/span\u003e Alrededor del ojo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNariz y boca\u003c\/h3\u003e\n\u003cp\u003eSoporta el aspecto \u003cspan class=\"k\"\u003eLíneas alrededor de la boca\u003c\/span\u003e Y la nariz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCuello y mentón\u003c\/h3\u003e\n\u003cp\u003eSoporta el aspecto \u003cspan class=\"k\"\u003eFlexibilidad\u003c\/span\u003e La piel en esta área.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e¿Qué hay dentro de la botella?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/h3\u003e\n\u003cp\u003eUn péptido bien conocido en los productos \u003cspan class=\"k\"\u003eCaracteres expresivos\u003c\/span\u003eSoporta el aspecto de una piel más suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCoenzyme Q10\u003c\/h3\u003e\n\u003cp\u003eSoporte antioxidante \u003cspan class=\"k\"\u003eVitalidad\u003c\/span\u003e Piel y su apariencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e¿Qué verás y cuándo? Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eEn los primeros\u003c\/b\u003eTextura más suave y sensación de piel nutrida.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDespués de cuántas semanas:\u003c\/b\u003ePodrías notar \u003cspan class=\"k\"\u003eMenos líneas visibles\u003c\/span\u003e Con un uso regular, varía de persona a persona.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eY continuar\u003c\/b\u003eEl resultado está relacionado con\u003cspan class=\"k\"\u003eRegularidad\u003c\/span\u003e Y la profundidad de las líneas en primer lugar. Esto no es un sustituto de ningún procedimiento médico.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste suero podría ser lo que necesitas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eCapisco \u003cspan class=\"k\"\u003eLíneas en la frente o alrededor de los ojos\u003c\/span\u003e Btban.\u003c\/li\u003e\n\u003cli\u003eQuiero una rutina \u003cspan class=\"k\"\u003eSimple\u003c\/span\u003e En lugar de muchos pasos.\u003c\/li\u003e\n\u003cli\u003eEncendido \u003cspan class=\"k\"\u003ePéptidos\u003c\/span\u003e En tu rutina de cuidado.\u003c\/li\u003e\n\u003cli\u003e¿Listo para usarlo? \u003cspan class=\"k\"\u003eConstantemente\u003c\/span\u003e ¿Cuántas semanas?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eCómo usar... simple\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSeguir las instrucciones en el paquete, y los pasos generales son los siguientes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpio y seco\u003c\/h4\u003e\n\u003cp\u003eLava y seca el cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e¿Cuántos puntos?\u003c\/h4\u003e\n\u003cp\u003ePoner abajo \u003cspan class=\"k\"\u003e¿Cuántos puntos?\u003c\/span\u003e Sobre las áreas requeridas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eExtiende ligeramente\u003c\/h4\u003e\n\u003cp\u003eDistribuir con la punta de los dedos hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eIntegra con hidratante\u003c\/h4\u003e\n\u003cp\u003eCercano con hidratante, durante el día \u003cspan class=\"k\"\u003eCrema solar\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeer esto antes del primer uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eSolo para uso externo.\u003c\/li\u003e\n\u003cli\u003ePrueba una pequeña cantidad en la primera parte de la piel y asegúrate de que no irrite.\u003c\/li\u003e\n\u003cli\u003eMantener fuera de los ojos, y si entra en los ojos, lavar con abundante agua.\u003c\/li\u003e\n\u003cli\u003eSi estás embarazada o en período de lactancia, consulta a un médico antes de usarlo.\u003c\/li\u003e\n\u003cli\u003eSi ocurre ardor o enrojecimiento intenso, suspende su uso.\u003c\/li\u003e\n\u003cli\u003eEste es un producto para el skincare que no es un tratamiento médico y no sustituye al Botox ni a ningún procedimiento médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePreguntas antes de ordenar\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Es útil alrededor de los ojos?\u003c\/summary\u003e\u003cp\u003eLa fórmula se dirige al área alrededor del ojo, según la marca \u003cspan class=\"k\"\u003eMantener alejado de los ojos\u003c\/span\u003e Y seguir las instrucciones en el envase.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Es una alternativa al Botox?\u003c\/summary\u003e\u003cp\u003eno. Esto \u003cspan class=\"k\"\u003eProducto para el skincare\u003c\/span\u003e Su resultado es completamente diferente de los tratamientos médicos.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Qué resultado veré después?\u003c\/summary\u003e\u003cp\u003eNecesita \u003cspan class=\"k\"\u003eRegularidad y paciencia\u003c\/span\u003e Varía de persona a persona.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿El producto es original?\u003c\/summary\u003e\u003cp\u003eSí \u003cspan class=\"k\"\u003eProducto original\u003c\/span\u003e Recibirás el pago al momento de la entrega.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eComienza tu rutina de limpieza con una fórmula conocida\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresiona \u003cspan class=\"k\"\u003eAñadir al carrito\u003c\/span\u003e Y el pago \u003cspan class=\"k\"\u003eEn la recepción\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eArgireline\u003c\/div\u003e\n\u003cdiv\u003eCoenzyme Q10\u003c\/div\u003e\n\u003cdiv\u003ePara rostro y cuello\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003ePide ahora el suero\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvío a cualquier parte\u003c\/span\u003e\u003cspan\u003eProducto original\u003c\/span\u003e\u003cspan\u003epago contra reembolso\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Argireline (Acetyl Hexapeptide-8), Coenzyme Q10 (Ubiquinone). Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44749176438981,"sku":"","price":399.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp?v=1748130941"},{"product_id":"see-lit-niacinamide-zinc-gluconate-serum","title":"See-lit Niacinamide + Zinc gluconate Serum","description":"\u003cstyle\u003e#sl4{--bg:#05090700;--bg:#060a07;--bg2:#0d1810;--m:#6fe3a5;--m2:#bff5d9;--bd:rgba(111,227,165,.3);--tint:rgba(111,227,165,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl4 *{box-sizing:border-box}#sl4 .sec{padding:52px 0}#sl4 .a{background:var(--bg)}#sl4 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl4 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl4 .c{text-align:center}#sl4 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl4 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl4 .hl{color:var(--m)}#sl4 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl4 h2.cc{border:0;padding:0;text-align:center}#sl4 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl4 p{margin:0 0 12px;color:#dfeae3}#sl4 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl4 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl4 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl4 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl4 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl4 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl4 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl4 .card p{margin:0;font-size:16px;color:#fff}#sl4 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl4 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl4 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl4 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl4 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl4 .steps p{margin:0;font-size:15px;color:#fff}#sl4 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl4 .tl div{margin-bottom:14px;color:#dfeae3}#sl4 .tl b{display:block;color:#fff;font-size:18px}#sl4 ul.ck{list-style:none;padding:0;margin:10px 0}#sl4 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl4 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl4 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl4 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl4 summary{cursor:pointer;font-weight:800}#sl4 details p{margin:10px 0 0}#sl4 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl4 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl4 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl4 .cta2 h2{border:0;padding:0;justify-content:center}#sl4 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl4 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl4 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl4 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl4 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl4 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl4 .sec{padding:36px 0}#sl4 .wrap{padding:0 14px}#sl4 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .card{padding:14px 10px}#sl4 .card p{font-size:13.5px;line-height:1.5}#sl4 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl4\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSuero para piel grasa y mixta 30 ml\u003c\/div\u003e\n\u003ch1\u003e¿Brillan, poros y granos? \u003cbdi\u003eSee-Lit Niacinamide + Zinc\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eSuero para equilibrar la piel grasa\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eFrasco \u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e Recoger \u003cspan class=\"k\"\u003eNiacinamida\u003c\/span\u003e Con \u003cspan class=\"k\"\u003eGluconato de zinc\u003c\/span\u003e Una rutina que apoya el equilibrio de la secreción de sebo y el aspecto de los poros y la piel propensa al acné, según la marca.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30 ml\u003c\/span\u003e\u003cspan\u003eNiacinamide\u003c\/span\u003e\u003cspan\u003eZinc Gluconate\u003c\/span\u003e\u003cspan\u003ePara piel grasa y mixta\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eEste es el suero original, y su fórmula \u003cspan class=\"k\"\u003eNiacinamida + Zinc\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"Suero See-Lit Niacinamida Zinc Gluconato 30 ml\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e5 cosas sobre las que actúa este suero\u003c\/h2\u003e\n\u003cp\u003eSin promesas vacías, esto es para lo que se ha creado la fórmula según la marca:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eAumentada luminosidad\u003c\/h3\u003e\n\u003cp\u003eApoya \u003cspan class=\"k\"\u003eBalance de grasas\u003c\/span\u003e En piel grasa y mixta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePoros\u003c\/h3\u003e\n\u003cp\u003eSoporta el aspecto \u003cspan class=\"k\"\u003ePoros más lisos\u003c\/span\u003e E una textura más limpia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCereales\u003c\/h3\u003e\n\u003cp\u003eAyuda en la rutina de la piel. \u003cspan class=\"k\"\u003eExpuesto a granos\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eEnrojecimiento\u003c\/h3\u003e\n\u003cp\u003eApoya \u003cspan class=\"k\"\u003eCalma\u003c\/span\u003e Piel propensa a irritaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eColor de la piel\u003c\/h3\u003e\n\u003cp\u003eApoya \u003cspan class=\"k\"\u003eUnificación\u003c\/span\u003e El aspecto de las cicatrices de acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e¿Qué hay dentro de la botella?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNiacinamida (Vitamina B3)\u003c\/h3\u003e\n\u003cp\u003eComponente conocido por ser soportado \u003cspan class=\"k\"\u003eEquilibrio de la piel\u003c\/span\u003e Y suaviza la apariencia de los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eZinc Gluconate\u003c\/h3\u003e\n\u003cp\u003eForma de suplementos de zinc \u003cspan class=\"k\"\u003eControl de grasas\u003c\/span\u003e Y rutina de los cereales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:14px\"\u003eDependiendo de la marca, composición \u003cspan class=\"k\"\u003eSin fragancia\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e¿Qué verás y cuándo? Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eEn los primeros\u003c\/b\u003eUna textura más ligera que se puede percibir \u003cspan class=\"k\"\u003eMenos brillo\u003c\/span\u003e Durante las primeras semanas.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDespués de cuántas semanas:\u003c\/b\u003ePodría mejorar \u003cspan class=\"k\"\u003eEl aspecto de los poros\u003c\/span\u003e La textura de la piel varía de persona a persona.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eY continuar\u003c\/b\u003eEl equilibrio es necesario \u003cspan class=\"k\"\u003eRegularidad y paciencia\u003c\/span\u003eLos granos tienen causas diferentes y podrías necesitar un dermatólogo.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eEste suero podría ser lo que necesitas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eTu piel \u003cspan class=\"k\"\u003eGrasa o mixta\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003ePoros \u003cspan class=\"k\"\u003efenómeno\u003c\/span\u003e Y te molesta.\u003c\/li\u003e\n\u003cli\u003eEncendido \u003cspan class=\"k\"\u003eNiacinamida y zinc\u003c\/span\u003e En una rutina.\u003c\/li\u003e\n\u003cli\u003ePreferir una combinación \u003cspan class=\"k\"\u003eSin fragancia\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eCómo usar... simple\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eSeguir las instrucciones en el paquete, y los pasos generales son los siguientes:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eLimpio y seco\u003c\/h4\u003e\n\u003cp\u003eLávate la cara con un limpiador delicado y sécala.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e2 por 3 puntos\u003c\/h4\u003e\n\u003cp\u003ePoner abajo \u003cspan class=\"k\"\u003e2 por 3 puntos\u003c\/span\u003e En la cara.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eMasajea suavemente\u003c\/h4\u003e\n\u003cp\u003eDistribuir con ligeros movimientos circulares.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eComienza gradualmente\u003c\/h4\u003e\n\u003cp\u003eComienza \u003cspan class=\"k\"\u003eUna vez por noche\u003c\/span\u003eDespués de dos semanas, puede administrarse dos veces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeer esto antes del primer uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eSolo para uso externo.\u003c\/li\u003e\n\u003cli\u003ePrueba una pequeña cantidad en la primera parte de la piel y asegúrate de que no irrite.\u003c\/li\u003e\n\u003cli\u003ePrimero, evita usarlo junto con exfoliantes fuertes o retinoides al mismo tiempo.\u003c\/li\u003e\n\u003cli\u003eDurante el día, utiliza protector solar.\u003c\/li\u003e\n\u003cli\u003eMantener fuera de los ojos, y si entra en los ojos, lavar con abundante agua.\u003c\/li\u003e\n\u003cli\u003eSi ocurre ardor o enrojecimiento intenso, suspende su uso.\u003c\/li\u003e\n\u003cli\u003eEste es un producto para el skincare, no un tratamiento médico para el acné. Si los granos son graves, consulte a un dermatólogo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePreguntas antes de ordenar\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Cuántos ml hay en la botella?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Es bueno para la piel sensible?\u003c\/summary\u003e\u003cp\u003ePrueba primero una pequeña cantidad y comienza \u003cspan class=\"k\"\u003eGradualmente\u003c\/span\u003e. Si tu piel es muy sensible, consulta a un dermatólogo.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Cuántas veces lo uso?\u003c\/summary\u003e\u003cp\u003eComienza \u003cspan class=\"k\"\u003eUna vez por noche\u003c\/span\u003eDespués de dos semanas, puedes aumentarlo a dos veces al día si tu piel lo tolera.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e¿El producto es original?\u003c\/summary\u003e\u003cp\u003eSí \u003cspan class=\"k\"\u003eProducto original\u003c\/span\u003e Recibirás el pago al momento de la entrega.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eComienza tu rutina para piel grasa de manera más sencilla\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresiona \u003cspan class=\"k\"\u003eAñadir al carrito\u003c\/span\u003e Y el pago \u003cspan class=\"k\"\u003eEn la recepción\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv\u003eZinc Gluconate\u003c\/div\u003e\n\u003cdiv\u003e30 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003ePide ahora el suero\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eEnvío a cualquier parte\u003c\/span\u003e\u003cspan\u003eProducto original\u003c\/span\u003e\u003cspan\u003epago contra reembolso\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Niacinamide (Vitamin B3), Zinc Gluconate. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44757913895109,"sku":"","price":230.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp?v=1748445559"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 Centella Madagascar Probiotic Cica Intense Ampolla\/Suero Probiótico 95ml","description":"\u003cstyle\u003e\n .skin1004-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 8s 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: 500px;\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.8em;\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.6em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n }\n\n .hero-description {\n font-size: 1.3em;\n color: #555;\n max-width: 900px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.6s forwards;\n line-height: 1.8;\n }\n\n .magic-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 }\n\n .magic-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .magic-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .main-benefits-section {\n padding: 60px 30px;\n background: white;\n }\n\n .benefits-intro {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .benefit-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 .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: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\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: center;\n }\n\n .technology-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .tech-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .tech-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .tech-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 .tech-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 .tech-feature {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 25px;\n }\n\n .ingredient-list li::before {\n content: '🧬';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .transformation-section {\n padding: 60px 30px;\n background: white;\n }\n\n .transformation-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .transformation-phase {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 35px;\n border-radius: 20px;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.4s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .transformation-phase:hover {\n border-color: #9C8102;\n transform: translateY(-8px);\n }\n\n .phase-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n }\n\n .phase-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .phase-benefits {\n text-align: left;\n }\n\n .phase-benefits p {\n margin: 10px 0;\n color: #666;\n font-weight: 600;\n }\n\n .skin-types-section {\n background: #f8f9fa;\n padding: 60px 30px;\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 .texture-section {\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 }\n\n .texture-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .texture-feature {\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 }\n\n .texture-feature:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .texture-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n text-align: center;\n }\n\n .science-section {\n padding: 60px 30px;\n background: white;\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: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .science-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 2.2em;\n font-weight: 700;\n color: #9C8102;\n display: block;\n margin-bottom: 5px;\n }\n\n .stat-label {\n color: #666;\n font-size: 0.9em;\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-time {\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: 10px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 30px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 10px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 20px;\n font-size: 0.8em;\n font-weight: 700;\n }\n\n .why-section {\n padding: 60px 30px;\n background: white;\n }\n\n .why-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .why-feature {\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(50px);\n transition: all 0.3s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .why-feature::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 .why-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n border-color: #9C8102;\n }\n\n .why-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .why-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\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: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_11.jpg?v=1749656535') center\/cover;\n opacity: 0.1;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-image {\n max-width: 300px;\n width: 100%;\n border-radius: 20px;\n margin-bottom: 30px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\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 @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .benefits-grid, .transformation-grid, .skin-types-grid, .texture-features, .science-stats, .usage-grid, .why-features {\n grid-template-columns: 1fr;\n }\n .tech-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"skin1004-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eMadagascar Magic Brewed In Golden Drops - 95ml\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Magic Introduction --\u003e\n\u003cdiv class=\"magic-intro\"\u003e\n\u003ch2\u003eCuando el milagro de la naturaleza se encuentra con el genio de la ciencia\u003c\/h2\u003e\n\u003cp\u003eImagina que la Centella más pura del mundo de la isla incontaminada de Madagascar sufre un mágico proceso de fermentación con probióticos para mantenerse... \u003cstrong class=\"highlight\"\u003e10 veces más fuerte\u003c\/strong\u003e De su aspecto natural... esto es exactamente lo que encontrarás en cada gota de este raro vial!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"main-benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eUna fórmula versátil que aborda cada problema de tu piel\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/div\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\"\u003eAlivio instantáneo y profundo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa centella fermentada con probióticos calma cualquier inflamación o enrojecimiento en pocos segundos y deja la piel cómoda y reconfortada.\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\"\u003ePoros claramente reducidos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa fórmula avanzada restringe los poros y los hace parecer más pequeños y lisos, lo que le da a la piel la textura sedosa de tus sueños.\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 profunda que dura todo el día\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLas ceramidas y los ácidos naturales bloquean la humedad en la piel y previenen la sequedad, incluso si el clima es difícil o la piel es sensible.\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\"\u003eFortalecer la barrera natural de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLos probióticos fortalecen las defensas de tu piel y la hacen menos sensible y más resistente a factores externos como la contaminación y el sol.\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\"\u003eBrillo natural\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEl resultado final es una piel luminosa y fresca que te hace sentir segura de ti misma incluso sin maquillaje.\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!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eTecnología de fermentación avanzada: revolucionando la ciencia del skincare\u003c\/h2\u003e\n\u003cdiv class=\"tech-content\"\u003e\n\u003cimg alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\"\/\u003e\n\u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003e¿Qué hace completamente diferente a este ampolla:\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCentella fermentada con probióticos\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eMoléculas más pequeñas penetran en las capas más profundas de la piel\u003c\/li\u003e\n\u003cli\u003eDoble eficacia en calmar y reparar\u003c\/li\u003e\n\u003cli\u003eExcepcional capacidad para fortalecer la barrera natural de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eFórmula exclusiva TECA\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eUna combinación de 4 ácidos activos naturales:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido madecásico\u003c\/strong\u003e: Reparar los daños profundos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatocoside\u003c\/strong\u003e: Renovar las células\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido asiático\u003c\/strong\u003e: Calmar la inflamación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside\u003c\/strong\u003e: Para la protección antioxidante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCeramide NP de alta calidad\u003c\/h4\u003e\n\u003cp\u003eLa proporción áurea es 3:1:1 (ceramidas:fitosteroles:ácidos grasos) para retener la hidratación.\u003c\/p\u003e\n\u003c\/div\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 animate-on-scroll\"\u003eUn viaje transformador desde el primer uso\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eDesde el primer momento:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eHidratación profunda inmediata\u003c\/strong\u003e Penetra en profundidad en la piel\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eResplandor natural sedoso\u003c\/strong\u003e Sin pegajosidad ni pesadez\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCalma instantánea\u003c\/strong\u003e Para enrojecimiento e irritación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eDespués de una semana de uso:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eReducción visible de los poros\u003c\/strong\u003e dilatado\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFuerte barrera\u003c\/strong\u003e Protege contra los factores externos\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePiel más resistente\u003c\/strong\u003e Y menos sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eResultado final:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003ePiel como seda\u003c\/strong\u003e - Suave, luminosa, saludable\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUn aspecto renovado y juvenil\u003c\/strong\u003e Impecable\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMirada segura\u003c\/strong\u003e Se comenta por sí solo\u003c\/p\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\"\u003e¿Adecuado para quién?\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\u003eLa hidratación profunda revitaliza las células sedientas\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\u003eProtege y nutre para mantener el equilibrio perfecto\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 mixta\u003c\/h3\u003e\n\u003cp\u003eRegulación natural del sebo con hidratación óptima\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 sensible\u003c\/h3\u003e\n\u003cp\u003eAlivio delicado sin irritaciones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Texture Section --\u003e\n\u003cdiv class=\"texture-section\"\u003e\n\u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eLa textura de los sueños\u003c\/h2\u003e\n\u003cdiv class=\"texture-features\"\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e🥛\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eTextura lechosa lujosa\u003c\/h3\u003e\n\u003cp\u003eSe desliza sobre la piel como seda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eAbsorción rápida\u003c\/h3\u003e\n\u003cp\u003eSin ningún residuo o pegajosidad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eAcabado aterciopelado\u003c\/h3\u003e\n\u003cp\u003eDeja que tu piel brille de adentro hacia afuera\u003c\/p\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 magia\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eTecnología de fermentación avanzada:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eLos probióticos transforman las grandes moléculas de Centella en moléculas pequeñas y altamente permeables, duplicando su capacidad de:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eRepara los daños a nivel celular\u003c\/li\u003e\n\u003cli\u003eEstimula la producción natural de colágeno\u003c\/li\u003e\n\u003cli\u003eFortalecer el microbioma sano de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eEvidencia científica:\u003c\/h4\u003e\n\u003cdiv class=\"science-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eMejora inmediata de la suavidad de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eMejora del nivel de hidratación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eReducción del tamaño de los poros\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!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCómo usarlo para obtener 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-time\"\u003ePor la mañana ☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eDespués del tónico, aplicar 2-3 gotas en el rostro limpio\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eMasajear con movimientos circulares delicados hasta completa absorción\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eSeguir con hidratante y protector solar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eDe noche 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eUsa el mismo método después de haber limpiado la piel\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003ePuedes usarlo como doble capa para una hidratación extra\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eDeja que la piel se beneficie del poder reparador de la noche\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Skin 1004 Section --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e¿Por qué Skin 1004 es la elección perfecta?\u003c\/h2\u003e\n\u003cdiv class=\"why-features\"\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eIngrediente 100% natural\u003c\/h3\u003e\n\u003cp\u003eDe la virgen Madagascar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eTecnología avanzada coreana\u003c\/h3\u003e\n\u003cp\u003eRespaldado por la investigación científica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eNo hago experimentos en animales\u003c\/h3\u003e\n\u003cp\u003eProducto ético y seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eLibre de sustancias nocivas\u003c\/h3\u003e\n\u003cp\u003eSin parabenos o sulfatos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eEcológico\u003c\/h3\u003e\n\u003cp\u003eEmbalaje reciclable\u003c\/p\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=\"cta-content\"\u003e\n\u003cimg alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_1.webp?v=1749656297\"\/\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003eUna inversión en tu belleza... y en tu autoestima\u003c\/h2\u003e\n\u003ch3 class=\"animate-on-scroll\" style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h3\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin: 25px 0;\"\u003eNo solo un producto de cuidado... esto \u003cstrong style=\"color: #9C8102;\"\u003eUna promesa de transformación\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"animate-on-scroll\" style=\"margin: 30px 0;\"\u003e\n\u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95 ml de pura magia\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eUna dosis intensa de belleza malgache\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eTu camino hacia la piel de tus sueños\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eOrdena ahora y disfruta la transformación\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 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 * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate transformation phases\n const transformationObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const phases = entry.target.querySelectorAll('.transformation-phase');\n phases.forEach((phase, index) =\u003e {\n setTimeout(() =\u003e {\n phase.style.opacity = '1';\n phase.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n transformationObserver.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 texture features\n const textureObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const features = entry.target.querySelectorAll('.texture-feature');\n features.forEach((feature, index) =\u003e {\n setTimeout(() =\u003e {\n feature.style.opacity = '1';\n feature.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.texture-section').forEach(section =\u003e {\n textureObserver.observe(section);\n });\n\n \/\/ Animate why features\n const whyObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n whyObserver.observe(feature);\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":"Skin 1004","offers":[{"title":"Default Title","offer_id":44812513378501,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1.jpg?v=1749655636"},{"product_id":"derma-ten-caffeine-eye-contour-serum","title":"DERMA TEN Suero contorno de ojos con cafeína + retinol + HA Suero para ojeras con cafeína","description":"\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .product-description-container {\n direction: ltr;\n text-align: left;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0 auto;\n overflow-x: hidden;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n padding: 40px 30px;\n border-radius: 12px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 200px;\n height: 200px;\n background: rgba(156, 129, 2, 0.1);\n border-radius: 50%;\n transform: translate(50%, -50%);\n }\n\n .hero-title {\n color: #9C8102;\n font-size: 2.5em;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n z-index: 2;\n }\n\n .hero-subtitle {\n color: white;\n font-size: 1.2em;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .one-drop-highlight {\n background: #333;\n color: #9C8102;\n padding: 15px 25px;\n border-radius: 25px;\n display: inline-block;\n font-weight: bold;\n margin: 15px 0;\n border: 2px solid #9C8102;\n position: relative;\n z-index: 2;\n }\n\n .question-section {\n background: #f5f5f5;\n padding: 30px;\n border-radius: 10px;\n margin: 30px 0;\n border-right: 5px solid #9C8102;\n opacity: 0;\n animation: fadeIn 1s ease 0.2s forwards;\n }\n\n .question-text {\n font-size: 1.4em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .answer-text {\n font-size: 1.1em;\n color: #333;\n line-height: 1.6;\n }\n\n .technology-section {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 35px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.4s forwards;\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.6s forwards;\n }\n\n .ingredient-card {\n background: white;\n border: 2px solid #e0e0e0;\n border-radius: 15px;\n padding: 25px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .ingredient-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.15);\n }\n\n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: #9C8102;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.3s ease;\n }\n\n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.6em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .ingredient-subtitle {\n color: #666;\n font-size: 1.1em;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .benefits-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n color: #333;\n }\n\n .benefits-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n padding: 8px 0;\n color: inherit;\n }\n\n .benefits-list li::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .concentration-highlight {\n background: #9C8102;\n color: white;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n font-weight: bold;\n text-align: center;\n }\n\n .warning-badge {\n background: #ff6b6b;\n color: white;\n padding: 8px 15px;\n border-radius: 20px;\n font-size: 0.9em;\n font-weight: bold;\n margin-top: 10px;\n display: inline-block;\n }\n\n .timeline-section {\n background: #f5f5f5;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.8s forwards;\n color: #333;\n }\n\n .timeline-item {\n margin: 25px 0;\n padding: 20px;\n background: white;\n border-radius: 10px;\n border-right: 5px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .timeline-period {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.3em;\n margin-bottom: 10px;\n }\n\n .trust-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 12px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1s forwards;\n }\n\n .trust-section .section-title {\n color: #9C8102;\n }\n\n .trust-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .trust-item {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n color: white;\n }\n\n .trust-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.2);\n }\n\n .usage-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.2s forwards;\n }\n\n .usage-section .section-title {\n color: #9C8102;\n }\n\n .one-drop-explanation {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n text-align: center;\n }\n\n .usage-steps {\n background: #333;\n border-radius: 10px;\n padding: 25px;\n margin: 25px 0;\n }\n\n .step-list {\n list-style: none;\n padding: 0;\n counter-reset: step-counter;\n }\n\n .step-list li {\n counter-increment: step-counter;\n margin: 15px 0;\n padding: 15px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n position: relative;\n padding-right: 50px;\n }\n\n .step-list li::before {\n content: counter(step-counter);\n background: #9C8102;\n color: white;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .safety-tips {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .safety-tips h4 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .safety-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .safety-list li {\n margin: 12px 0;\n padding: 10px 0;\n padding-right: 35px;\n position: relative;\n }\n\n .safety-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2em;\n }\n\n .warning-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.4s forwards;\n }\n\n .warning-title {\n color: #9C8102;\n font-size: 1.8em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .prohibited-section {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .prohibited-section h3 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .prohibited-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .prohibited-list li {\n margin: 10px 0;\n padding: 8px 0;\n font-weight: bold;\n }\n\n .prohibited-list li::before {\n content: '🚫';\n margin-left: 10px;\n }\n\n .expectations-section {\n margin: 25px 0;\n }\n\n .expectations-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .expectation-item {\n background: rgba(156, 129, 2, 0.1);\n border: 1px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\n margin: 10px 0;\n color: white;\n }\n\n .investment-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.6s forwards;\n color: #333;\n }\n\n .investment-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 25px 0;\n }\n\n .investment-card {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 25px;\n transition: all 0.3s ease;\n }\n\n .investment-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.2);\n }\n\n .investment-card h4 {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .investment-reasons,\n .value-section {\n margin: 20px 0;\n }\n\n .investment-reasons h3,\n .value-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .faq-section {\n background: white;\n border: 2px solid #9C8102;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.8s forwards;\n }\n\n .faq-item {\n margin: 20px 0;\n padding: 15px;\n background: #f8f8f8;\n border-radius: 8px;\n border-right: 4px solid #9C8102;\n }\n\n .faq-question {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 8px;\n }\n\n .faq-answer {\n color: #333;\n }\n\n .ingredients-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 2s forwards;\n color: #333;\n }\n\n .active-ingredients,\n .soothing-ingredients {\n margin: 20px 0;\n }\n\n .active-ingredients h3,\n .soothing-ingredients h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .ingredient-formula {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin: 15px 0;\n border: 1px solid #e0e0e0;\n font-family: monospace;\n font-size: 0.9em;\n line-height: 1.4;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n color: white;\n padding: 50px 40px;\n border-radius: 15px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n animation: fadeIn 1s ease 2.2s forwards;\n }\n\n .cta-title {\n font-size: 2.2em;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n }\n\n .cta-text {\n font-size: 1.2em;\n margin-bottom: 30px;\n line-height: 1.5;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2em;\n }\n \n .section-title {\n font-size: 1.6em;\n }\n \n .ingredients-grid,\n .trust-stats {\n grid-template-columns: 1fr;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eSérum para ojos Derma Tin con cafeína\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDerma Ten Caffeine Eye Contour Serum\u003c\/p\u003e\n\u003cdiv class=\"one-drop-highlight\"\u003eSolo una gota... y verás la diferencia con tus propios ojos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003e¿Estás cansado de mirarte al espejo y ver ojos cansados?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cstrong\u003eOjeras... hinchazón matutina... líneas finas que están empezando a aparecer... el área de los ojos te hace parecer mayor y suma 10 años a tu edad.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eEl problema no es solo la falta de sueño. La piel alrededor de los ojos es 10 veces más delgada que el resto del rostro y requiere cuidados especializados e ingredientes fuertes pero seguros.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eSuero para Ojos Derma Ten\u003c\/strong\u003e No es solo un suero normal para aplicar en los ojos. Esto \u003cstrong\u003eTratamiento concentrado y reflectante\u003c\/strong\u003e Con una fórmula médica avanzada que apunta con precisión a cada problema del área de los ojos.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFórmula médica avanzada... cada ingrediente cuidadosamente seleccionado\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Grid --\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003c!-- Caffeine Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eCafeína 5%\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eEstimulante natural de la circulación sanguínea\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e¿Por qué cafeína para los ojos?\u003c\/strong\u003e ¿Por qué la ciencia ha demostrado su capacidad superior de:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEstimula inmediatamente la circulación sanguínea alrededor de los ojos\u003c\/li\u003e\n\u003cli\u003eReducir hinchazón e inflamación en pocos minutos después del uso\u003c\/li\u003e\n\u003cli\u003eAclarar las ojeras mejorando el flujo sanguíneo\u003c\/li\u003e\n\u003cli\u003eTonifica la piel flácida y mejora su elasticidad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"concentration-highlight\"\u003e\n La concentración del 5% es óptima: lo suficientemente fuerte para ser eficaz, lo suficientemente suave para las áreas sensibles\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hyaluronic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eÁcido hialurónico\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eReserva de humedad natural\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRetiene 1.000 veces su peso en agua\u003c\/li\u003e\n\u003cli\u003eRellena las líneas finas desde el interior\u003c\/li\u003e\n\u003cli\u003eHidrata profundamente la delicada piel alrededor de los ojos\u003c\/li\u003e\n\u003cli\u003ePreviene sequedad y agrietamiento del área sensible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Retinol Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eRetinol\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eEstimulador de la regeneración celular\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eEl rey del anti-envejecimiento\u003c\/strong\u003e Pero con un enfoque seguro para los ojos:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEstimula la regeneración celular y acelera la curación de la piel\u003c\/li\u003e\n\u003cli\u003eReduce la aparición de arrugas y líneas finas\u003c\/li\u003e\n\u003cli\u003eMejora la textura y la suavidad de la piel\u003c\/li\u003e\n\u003cli\u003eUniforma el tono de la piel y reduce las pigmentaciones\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-badge\"\u003e\n Importante: Por esta razón no se utiliza durante el embarazo y la lactancia\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Argireline Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eArgireline\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eBotox Natural\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eNombre científico de \"toxina botulínica natural\":\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRelaja los músculos del rostro de manera natural y segura\u003c\/li\u003e\n\u003cli\u003eReduce la contracción muscular que causa arrugas\u003c\/li\u003e\n\u003cli\u003ePreviene la formación de nuevas arrugas alrededor de los ojos\u003c\/li\u003e\n\u003cli\u003eUna alternativa natural a las inyecciones de Botox sin agujas ni riesgos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ferulic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eÁcido ferúlico\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eGuardia antioxidante\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eProtege de los daños de los radicales libres y de la contaminación\u003c\/li\u003e\n\u003cli\u003eMejora la eficacia del retinol y reduce las irritaciones\u003c\/li\u003e\n\u003cli\u003eRetarda el proceso natural de envejecimiento de la piel\u003c\/li\u003e\n\u003cli\u003eMantiene la estabilidad de los otros ingredientes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Natural Ingredients Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eIngredientes naturales auxiliares\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eNutrición y protección completa\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina E (tocoferol):\u003c\/strong\u003e Antioxidante e hidratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePantenol (Vitamina B5):\u003c\/strong\u003e Alivio e hidratante para pieles sensibles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de té verde:\u003c\/strong\u003e Antiinflamatorio y calmante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera:\u003c\/strong\u003e Humectante y calmante natural para las irritaciones\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCronología de los resultados visibles\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eLa primera semana: aclimatación y calma\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eLa piel se adapta al retinol (puede producirse un ligero descamado - normal)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducción inmediata de la hinchazón\u003c\/strong\u003e Gracias a la cafeína\u003c\/li\u003e\n\u003cli\u003eSensación de hidratación y suavidad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eLa segunda semana: el inicio de la mejora\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eMejora evidente de la hinchazón matutina\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eLa piel se vuelve más suave y menos seca\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eInicio del aclaramiento de las ojeras\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eEl primer mes: resultados visibles\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eMejora significativa del aspecto de las ojeras\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eLas líneas finas comienzan a ser menos visibles\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLa piel parece más suave y más elástica\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eEl segundo mes: mejora continua\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eReducción visible de la profundidad de las arrugas\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eTono de piel uniforme alrededor de los ojos\u003c\/li\u003e\n\u003cli\u003eUn aspecto general más joven y radiante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eEl tercer mes: resultados estables\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eMejora general del aspecto del área de los ojos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eResultados similares a los tratamientos cosméticos\u003c\/strong\u003e Pero de manera natural\u003c\/li\u003e\n\u003cli\u003eConfianza en el aspecto restaurada\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Section --\u003e\n\u003cdiv class=\"trust-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn producto confiable localmente... bestseller a nivel internacional\u003c\/h2\u003e\n\u003cdiv class=\"trust-stats\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eProducto más solicitado\u003c\/strong\u003e En los centros estéticos especializados\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eRecomendado por expertos en skincare\u003c\/strong\u003e Por su eficacia en el tratamiento de problemas en los ojos\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eAlta tasa de satisfacción de los clientes\u003c\/strong\u003e Más del 90% de las usuarias femeninas\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eReseñas positivas continuas\u003c\/strong\u003e Sobre varias plataformas cosméticas\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\"\u003eUso correcto... La simplicidad marca la diferencia\u003c\/h2\u003e\n\u003cdiv class=\"one-drop-explanation\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e¿Por qué solo una gota?\u003c\/h3\u003e\n\u003cp style=\"color: white; font-weight: bold;\"\u003e\u003cstrong\u003eLa fórmula es muy concentrada\u003c\/strong\u003e Una gota es suficiente para cubrir toda la zona de los ojos. Cantidades excesivas pueden causar irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px; text-align: center;\"\u003eModo de uso óptimo\u003c\/h3\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLava bien el rostro\u003c\/strong\u003e Antes de ir a la cama\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplicar una gota\u003c\/strong\u003e En el anular (con menos presión)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDa pequeños toques suavemente\u003c\/strong\u003e Debajo del ojo de adentro hacia afuera\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEvitar la zona del párpado móvil\u003c\/strong\u003e (Muy cerca de Al Ain)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEspera 5 minutos\u003c\/strong\u003e Antes de aplicar cualquier otro producto\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsa solo de noche\u003c\/strong\u003e El retinol hace que la piel sea sensible al sol\u003c\/li\u003e\n\u003cdiv class=\"safety-tips\"\u003e\n\u003ch4\u003eConsejos importantes para la seguridad:\u003c\/h4\u003e\n\u003cul class=\"safety-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eComienza 3 veces a la semana\u003c\/strong\u003e Luego aumentar gradualmente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsar la crema solar durante el día\u003c\/strong\u003e Siempre\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEvitar el contacto directo con los ojos\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDetente inmediatamente\u003c\/strong\u003e En caso de irritación grave\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-title\"\u003ePrecauciones importantes y expectativas realistas\u003c\/div\u003e\n\u003cdiv class=\"prohibited-section\"\u003e\n\u003ch3\u003eEstá prohibido su uso en:\u003c\/h3\u003e\n\u003cul class=\"prohibited-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurante el embarazo\u003c\/strong\u003e - El retinol puede dañar al feto\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurante la lactancia\u003c\/strong\u003e - Puede ser transmitido al bebé a través de la leche\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"expectations-section\"\u003e\n\u003ch3\u003eExpectativas realistas:\u003c\/h3\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003eLos resultados requieren paciencia\u003c\/strong\u003e - 4-6 semanas para una mejora evidente\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003ePuede producirse un ligero peeling\u003c\/strong\u003e Inicialmente (natural con retinol)\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003eEs necesario continuar\u003c\/strong\u003e Para mantener los resultados\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\"\u003eComposición completa e ingredientes\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-formula\"\u003e\n\u003cstrong\u003eAQUA - CAFFEINE - RETINOL - ARGIRELINE - FERULIC ACID - TOCOPHEROL - PANTHENOL - GREEN TEA EXTRACT - CELLULOSE GUM - LACTIC ACID - ALOE BARBADENSIS LEAF EXTRACT - PROPYLENE GLYCOL - PHENOXYETHANOL\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"active-ingredients\"\u003e\n\u003ch3\u003ePrincipales ingredientes activos:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCAFFEINE (5%):\u003c\/strong\u003e Estimula la circulación sanguínea y reduce la hinchazón\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRETINOL:\u003c\/strong\u003e Estimulador de la regeneración celular y antienvejecimiento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eARGIRELINE:\u003c\/strong\u003e Péptido conocido como \"Botox natural\"\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFERULIC ACID:\u003c\/strong\u003e Un potente antioxidante y aumenta la eficacia del retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTOCOPHEROL (Vitamin E):\u003c\/strong\u003e Antioxidante natural e hidratante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soothing-ingredients\"\u003e\n\u003ch3\u003eIngredientes calmantes e hidratantes:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePANTHENOL (Pro-Vitamin B5):\u003c\/strong\u003e Alivio e hidratante para pieles sensibles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGREEN TEA EXTRACT:\u003c\/strong\u003e Antiinflamatorio y calmante natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eALOE BARBADENSIS LEAF EXTRACT:\u003c\/strong\u003e Humectante y calmante para las irritaciones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLACTIC ACID:\u003c\/strong\u003e Exfoliante delicado y mejorador de la textura de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eComienza tu viaje de rejuvenecimiento de los ojos\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eEste es un tratamiento médico avanzado\u003c\/strong\u003e Actúa sobre los problemas más difíciles de la zona de los ojos.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSolo una gota cada noche... y los resultados hablarán por sí solos en unas semanas.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eOrdénalo ahora... y deja que tus ojos cuenten la historia de la juventud renovada.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll animations\n function observeElements() {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry) =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n \/\/ Observe elements for scroll animations\n document.querySelectorAll('.ingredient-card, .timeline-item, .trust-item, .expectation-item, .investment-card').forEach((el) =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n }\n\n \/\/ Enhanced hover effects\n function addHoverEffects() {\n const cards = document.querySelectorAll('.ingredient-card, .trust-item, .timeline-item, .investment-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) translateX(-5px)';\n this.style.boxShadow = '0 15px 35px rgba(156, 129, 2, 0.2)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = '';\n this.style.boxShadow = '';\n });\n });\n }\n\n \/\/ One drop highlight pulse effect\n function addPulseEffect() {\n const oneDropHighlight = document.querySelector('.one-drop-highlight');\n if (oneDropHighlight) {\n setInterval(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1.05)';\n setTimeout(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1)';\n }, 200);\n }, 3000);\n }\n }\n\n \/\/ Warning badge glow effect\n function addWarningGlow() {\n const warningBadges = document.querySelectorAll('.warning-badge');\n \n warningBadges.forEach(badge =\u003e {\n setInterval(() =\u003e {\n badge.style.boxShadow = '0 0 15px rgba(255, 107, 107, 0.6)';\n setTimeout(() =\u003e {\n badge.style.boxShadow = 'none';\n }, 500);\n }, 4000);\n });\n }\n\n \/\/ Concentration highlight animation\n function addConcentrationEffect() {\n const concentrationHighlight = document.querySelector('.concentration-highlight');\n if (concentrationHighlight) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.background = 'linear-gradient(45deg, #9C8102, #b8940d, #9C8102)';\n entry.target.style.backgroundSize = '200% 200%';\n entry.target.style.animation = 'gradientShift 3s ease infinite';\n observer.unobserve(entry.target);\n }\n });\n });\n observer.observe(concentrationHighlight);\n }\n }\n\n \/\/ Add gradient animation keyframes\n const style = document.createElement('style');\n style.textContent = `\n @keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n `;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Derma ten","offers":[{"title":"Default Title","offer_id":44945667719365,"sku":null,"price":250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Derma_Ten_Caffeine_retinol_hyaluronic_eye_contour_serum.avif?v=1753537635"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .some-by-mi-container {\n direction: ltr;\n text-align: left;\n max-width: 100%;\n margin: 0 auto;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n min-height: 100vh;\n }\n\n .some-by-mi-container * {\n box-sizing: border-box;\n }\n\n \/* Premium floating particles background *\/\n .some-by-mi-container::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n animation: premiumFloat 25s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 3.2em;\n font-weight: 900;\n margin-bottom: 40px;\n text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n text-align: center;\n opacity: 0;\n transform: translateY(50px);\n animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n position: relative;\n letter-spacing: -0.02em;\n background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .main-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n right: 50%;\n transform: translateX(50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n animation: premiumUnderline 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n }\n\n .hero-image {\n width: 100%;\n max-width: 650px;\n height: auto;\n margin: 50px auto;\n display: block;\n border-radius: 25px;\n box-shadow: \n 0 25px 60px rgba(0,0,0,0.15),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.6);\n opacity: 0;\n transform: scale(0.85) rotateY(8deg) translateZ(0);\n animation: premiumImageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n }\n\n .hero-image::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 28px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.05) rotateY(0deg) translateZ(20px);\n box-shadow: \n 0 35px 80px rgba(0,0,0,0.2),\n 0 15px 40px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.8);\n }\n\n .hero-image:hover::before {\n opacity: 0.7;\n }\n\n .challenge-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n text-align: center;\n opacity: 0;\n transform: scale(0.9) translateZ(0);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .challenge-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: \n radial-gradient(circle at 30% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n animation: premiumGlow 6s ease-in-out infinite;\n z-index: 1;\n }\n\n .challenge-section::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n animation: premiumShimmer 4s ease-in-out infinite;\n z-index: 2;\n }\n\n .challenge-title {\n color: #d4af37;\n font-size: 2.8em;\n font-weight: 800;\n margin-bottom: 30px;\n position: relative;\n z-index: 3;\n text-shadow: 0 2px 10px rgba(212, 175, 55, 0.5);\n letter-spacing: -0.01em;\n }\n\n .challenge-text {\n font-size: 1.2em;\n line-height: 1.9;\n opacity: 0.95;\n position: relative;\n z-index: 3;\n font-weight: 400;\n }\n\n .section-header {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 40px;\n margin: 60px 0 40px 0;\n border-radius: 20px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n animation: premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.2);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.2),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .section-title {\n color: #d4af37;\n font-size: 2.4em;\n font-weight: 800;\n margin-bottom: 15px;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n letter-spacing: -0.01em;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 40px;\n margin: 60px 0;\n padding: 0 20px;\n }\n\n .product-card {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 40px;\n border-radius: 25px;\n box-shadow: \n 0 20px 50px rgba(0,0,0,0.08),\n 0 8px 25px rgba(156, 129, 2, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.9);\n border: 1px solid rgba(156, 129, 2, 0.1);\n opacity: 0;\n transform: translateY(50px) translateZ(0);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n overflow: hidden;\n }\n\n .product-card::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.05), transparent);\n transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .product-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 27px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .product-card:hover {\n transform: translateY(-15px) translateZ(30px);\n box-shadow: \n 0 35px 70px rgba(0,0,0,0.15),\n 0 15px 35px rgba(156, 129, 2, 0.12),\n inset 0 1px 0 rgba(255,255,255,1);\n }\n\n .product-card:hover::before {\n left: 100%;\n }\n\n .product-card:hover::after {\n opacity: 0.3;\n }\n\n .product-image {\n width: 100%;\n max-width: 220px;\n height: auto;\n margin: 0 auto 30px auto;\n display: block;\n border-radius: 15px;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .product-card:hover .product-image {\n transform: scale(1.08) translateZ(10px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n }\n\n .product-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .product-description {\n text-align: center;\n margin-bottom: 25px;\n font-weight: 600;\n color: #666;\n font-size: 1.05em;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 25px 0;\n }\n\n .feature-item {\n background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n margin-bottom: 12px;\n padding: 16px 20px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n color: #333;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n transform: translateX(-8px);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n border-right-color: #d4af37;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n margin-top: 10px;\n flex-shrink: 0;\n box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n }\n\n .science-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 30px;\n margin: 80px 0;\n opacity: 0;\n transform: rotateX(15deg) translateZ(0);\n animation: premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.3),\n 0 15px 40px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .science-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);\n animation: premiumScienceGlow 8s ease-in-out infinite;\n }\n\n .acid-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 35px;\n margin: 50px 0;\n position: relative;\n z-index: 2;\n }\n\n .acid-card {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .acid-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .acid-card:hover {\n background: linear-gradient(135deg, #404040 0%, #353535 100%);\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.15);\n border-top-color: #d4af37;\n }\n\n .acid-card:hover::before {\n opacity: 1;\n }\n\n .acid-title {\n color: #d4af37;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.5);\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n border: 1px solid rgba(156, 129, 2, 0.1);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .timeline-week {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 35px;\n border-radius: 20px;\n border-right: 5px solid #9C8102;\n position: relative;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 12px 30px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-week:hover {\n transform: translateX(-10px);\n box-shadow: \n 0 20px 45px rgba(0,0,0,0.12),\n 0 8px 25px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,1);\n border-right-color: #d4af37;\n }\n\n .week-number {\n position: absolute;\n top: -20px;\n right: 30px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n color: white;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.3em;\n box-shadow: \n 0 8px 20px rgba(156, 129, 2, 0.3),\n inset 0 1px 0 rgba(255,255,255,0.3);\n text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n }\n\n .week-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin: 25px 0 20px 0;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .value-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 25px;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.85);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .value-item {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-item:hover {\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2);\n border-top-color: #d4af37;\n }\n\n .value-item h3 {\n color: #d4af37;\n margin-bottom: 20px;\n font-weight: 700;\n font-size: 1.3em;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.4);\n }\n\n .cta-final {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 80px;\n border-radius: 30px;\n text-align: center;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.8) translateZ(0);\n animation: premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.4);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.4),\n 0 15px 40px rgba(156, 129, 2, 0.15),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .cta-final::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n transform: translate(-50%, -50%);\n animation: premiumPulse 4s ease-in-out infinite;\n }\n\n .cta-title {\n color: #d4af37;\n font-size: 3em;\n font-weight: 900;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n letter-spacing: -0.02em;\n }\n\n .cta-text {\n font-size: 1.3em;\n margin: 30px 0;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n font-weight: 400;\n line-height: 1.7;\n }\n\n .highlight-text {\n font-size: 1.6em;\n font-weight: 800;\n color: #d4af37;\n margin: 35px 0;\n animation: premiumTextGlow 3s ease-in-out infinite;\n position: relative;\n z-index: 1;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n }\n\n @keyframes premiumFadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes premiumScaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes premiumImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumRotateIn {\n to {\n opacity: 1;\n transform: rotateX(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumUnderline {\n to { width: 120px; }\n }\n\n @keyframes premiumFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(180deg); }\n }\n\n @keyframes premiumGlow {\n 0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n 50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n }\n\n @keyframes premiumShimmer {\n 0% { transform: translateX(-100%) skewX(-15deg); }\n 100% { transform: translateX(200%) skewX(-15deg); }\n }\n\n @keyframes premiumScienceGlow {\n 0%, 100% { opacity: 0.6; transform: scale(1); }\n 50% { opacity: 0.9; transform: scale(1.02); }\n }\n\n @keyframes premiumPulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.4; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.3); \n opacity: 0.1; \n }\n }\n\n @keyframes premiumTextGlow {\n 0%, 100% { \n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n transform: scale(1);\n }\n 50% { \n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n transform: scale(1.02);\n }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.2em;\n }\n\n .hero-image {\n max-width: 90%;\n border-radius: 15px;\n }\n \n .products-grid,\n .acid-grid,\n .timeline-grid,\n .value-grid {\n grid-template-columns: 1fr;\n }\n \n .challenge-section,\n .science-section,\n .value-section,\n .cta-final {\n padding: 30px 20px;\n }\n\n .challenge-title {\n font-size: 1.8em;\n }\n\n .cta-title {\n font-size: 2em;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eSet Perfect Skin Challenge - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"Set Perfect Skin Challenge de Some By Mi\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\"\/\u003e\n\u003c!-- Challenge Section --\u003e\n\u003cdiv class=\"challenge-section\"\u003e\n\u003ch2 class=\"challenge-title\"\u003eDesafío de 30 días - ¿Tienes el coraje de cambiar tu piel de forma permanente?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa pregunta difícil: ¿cuántos años llevas combatiendo los mismos problemas de piel?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGranitos... poros dilatados... inflamación... manchas oscuras... cada día el mismo sufrimiento.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEl problema no es que no cuides tu piel... el problema es que cada producto funciona por sí solo sin coordinarse con los demás.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e No es solo un grupo de productos... esto es todo \u003cstrong\u003eSistema de tratamiento integrado\u003c\/strong\u003e Cada producto tiene un diseñador que complementa al otro para un único resultado: \u003cstrong\u003ePiel perfecta en 30 días\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why 4 Products Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Por qué 4 productos son mejores que un solo producto?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003e¿Por qué los problemas de la piel son complejos... y las soluciones deben ser completas?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLimpieza profunda (sosa cáustica)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNo es una simple limpieza... esta es una limpieza inteligente que prepara la piel para el tratamiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eEquilibrio y preparación (tónico)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eReequilibra la piel y la prepara para una mejor absorción del tratamiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eTratamiento concentrado (suero)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMayor concentración de ingredientes activos para un tratamiento profundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eProtege y repara (crema)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProtege los resultados y repara la piel durante la noche\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003eEl resultado: un efecto doble que no puedes obtener con un solo producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Details Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDetalles de cada producto - equipo de trabajo integrado\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003c!-- Cleanser --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Loción Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eLavado Milagroso (30ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eNo es solo limpieza... es una preparación inteligente para el tratamiento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBajo pH\u003c\/strong\u003e Mantiene la barrera natural de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpieza profunda\u003c\/strong\u003e Elimina impurezas, suciedad y maquillaje\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExfoliación delicada\u003c\/strong\u003e Prepara la piel para una mejor absorción\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTruecica™\u003c\/strong\u003e Alivia la piel y equilibra las secreciones\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Toner --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Tónico Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_9706a063-9b15-4a89-8f3a-0b4e1bb41936.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eTónico Equilibrante (30 ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Toner\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl puente entre limpieza y tratamiento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003epH 5.5\u003c\/strong\u003e Reequilibra la piel después de la limpieza\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtracto de Hamamelis\u003c\/strong\u003e Reduce los poros y reafirma la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePapaya natural\u003c\/strong\u003e Disuelve las grasas y calma la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtracto de loto\u003c\/strong\u003e Ilumina la piel y unifica su color\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSemillas de soya\u003c\/strong\u003e Nutre la piel y refuerza su inmunidad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Serum --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Suero Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2_08531341-6157-4a31-9d06-bb318b163a4d.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eSérum Milagroso (10ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl corazón palpitante del tratamiento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e14,5% extracto de Centella Asiática\u003c\/strong\u003e Para calmar y reparar la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e Regula las grasas y aclara las manchas oscuras\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAlta concentración de ácidos\u003c\/strong\u003e Para tratamiento profundo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eActiva el ciclo de renovación celular\u003c\/strong\u003e Estimula la curación de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Cream --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Crema Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3_9816bace-b39f-48c7-978f-acce31383091.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eCrema protectora (20 g)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cream\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl último guardián de los resultados\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e4 tipos de extracto de CICA\u003c\/strong\u003e Para una reparación completa\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConstruye una fuerte barrera protectora\u003c\/strong\u003e En contra de factores externos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEstimula la producción de colágeno\u003c\/strong\u003e Para una piel más fuerte y elástica\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHidratación profunda\u003c\/strong\u003e Dura toda la noche\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLigera y de rápida absorción\u003c\/strong\u003e Ideal para todo tipo de piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eTecnología Triple AHA\/BHA\/PHA - un arma de destrucción masiva contra los granos\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eCada ácido tiene una tarea específica en destruir los problemas de tu piel\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA (Ácido Alfa Hidroxi) - exfoliante superficial\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDisuelve las células muertas de la piel\u003c\/strong\u003e Que obstruye los poros\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEstimula la regeneración celular\u003c\/strong\u003e Para una piel más suave\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAclara las manchas oscuras\u003c\/strong\u003e Y rastros de cereales antiguos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eBHA (Ácido Beta Hidroxi) - penetración profunda\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePenetra en los poros\u003c\/strong\u003e Disuelve la grasa acumulada\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpia desde el interior\u003c\/strong\u003e Previene la formación de nuevos granos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduce los poros\u003c\/strong\u003e Mejora la textura de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003ePHA (Ácido Poli Hidróxi) - el calmante inteligente\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExfoliación delicada\u003c\/strong\u003e Apto para pieles sensibles\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMantiene la humedad\u003c\/strong\u003e Durante el peeling\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAlivia la inflamación\u003c\/strong\u003e Reduce el enrojecimiento\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 25px; background: #404040; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.3em; font-weight: bold; color: #9C8102;\"\u003eResultado: exfoliación completa sin irritaciones + tratamiento profundo de los poros + hidratación equilibrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eExtracto de árbol de té 100 ppm - Super desinfectante natural\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003e¿Por qué el árbol de té en particular? Porque es el médico natural para la piel problemática\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;\"\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003ePotente antibacteriano\u003c\/strong\u003e\u003cbr\/\u003eElimina la causa de los granos\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eAntiinflamatorio natural\u003c\/strong\u003e\u003cbr\/\u003eAlivia el enrojecimiento y la irritación\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eRegula la secreción de grasa\u003c\/strong\u003e\u003cbr\/\u003ePreviene el exceso de brillo de la piel\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eLimpia los poros\u003c\/strong\u003e\u003cbr\/\u003eDesde el interior y previene la obstrucción\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e100 ppm en cada producto = dosis terapéutica óptima Lo suficientemente fuerte para ser eficaz, lo suficientemente delicado para ser seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Journey Timeline --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eChallenge Journey - 30 días para una piel nueva\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLa primera semana: el primer choque\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpieza más profunda\u003c\/strong\u003e Mai\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReducción instantánea del brillo\u003c\/strong\u003e Y secreciones grasas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAliviar la inflamación\u003c\/strong\u003e existente y reduce enrojecimientos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLa segunda semana: el inicio de la mejora\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDisminución evidente de nuevos granitos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMejora de la textura de la piel\u003c\/strong\u003e Y su suavidad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEl comienzo de la desaparición de los puntos negros\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana 3: La transformación evidente\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReducir el tamaño de los poros\u003c\/strong\u003e Significativamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLa mayoría de los granos desaparece\u003c\/strong\u003e existente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMejora del tono de la piel\u003c\/strong\u003e Y su brillo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana cuatro: El milagro completo\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePiel clara sin granos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePoros más pequeños y limpios\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eColor uniforme y brillo natural\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTextura sedosa y lisa\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: white; border-radius: 15px; border: 3px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold; color: #9C8102;\"\u003eEl resultado final: piel perfecta que vale cada desafío\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eValor excepcional por el precio\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eUna verdadera inversión en la salud de la piel\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eUna rutina completa en un solo set\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNo es necesario comprar productos separados ni buscar la combinación correcta\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eResultado:\u003c\/strong\u003e Una rutina científica bien pensada que funciona como una única unidad integrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e30 días de uso diario\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCubre todas las necesidades de tu piel durante todo un mes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eIngredientes de los mejores del mundo\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUna fórmula de nivel mundial con los mejores ingredientes para el skincare:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTecnología AHA\/BHA\/PHA:\u003c\/strong\u003e Los últimos descubrimientos de la ciencia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de árbol de té puro\u003c\/strong\u003e Los tipos más preciosos de Australia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentro Centella Asiática:\u003c\/strong\u003e Oro verde para calmar la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamida de alta calidad:\u003c\/strong\u003e Vitamina B3 en su forma más pura\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Tecnología exclusiva para la reparación de la barrera hidrolipídica\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa dura verdad\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLos problemas de la piel no se resuelven solos\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n Cada día de retraso = nuevos granos, cicatrices más profundas y poros más grandes.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e No es solo un grupo de productos... esto es todo \u003cstrong\u003eUn verdadero desafío para cambiar tu piel de manera permanente\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n Solo 30 días... hará una gran diferencia o te arrepentirás de no haberlo probado\n \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n ¿Estás listo para el desafío?\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003ePide ahora el set... y comienza el camino de 30 días hacia la piel de tus sueños.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n Recuerda: la piel perfecta no es un sueño... es una elección\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Enhanced Intersection Observer for premium animations\n const premiumObserverOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -80px 0px'\n };\n\n const premiumObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n \n if (element.classList.contains('product-card')) {\n element.style.animation = 'premiumFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('section-header')) {\n element.style.animation = 'premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('science-section')) {\n element.style.animation = 'premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('acid-card')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('timeline-week')) {\n element.style.animation = 'slideInRight 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-item')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('challenge-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('cta-final')) {\n element.style.animation = 'premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n }\n }\n });\n }, premiumObserverOptions);\n\n \/\/ Premium initialization\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const animatedElements = document.querySelectorAll('.product-card, .section-header, .science-section, .acid-card, .timeline-week, .value-item, .challenge-section, .value-section, .cta-final');\n \n animatedElements.forEach(el =\u003e {\n premiumObserver.observe(el);\n });\n\n \/\/ Premium staggered delays with more sophisticated timing\n const productCards = document.querySelectorAll('.product-card');\n productCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.25 + 0.1}s`;\n });\n\n const acidCards = document.querySelectorAll('.acid-card');\n acidCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2 + 0.3}s`;\n });\n\n const timelineWeeks = document.querySelectorAll('.timeline-week');\n timelineWeeks.forEach((week, index) =\u003e {\n week.style.animationDelay = `${index * 0.15 + 0.2}s`;\n });\n\n const valueItems = document.querySelectorAll('.value-item');\n valueItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.2 + 0.4}s`;\n });\n\n \/\/ Premium particle effects with enhanced visuals\n const productCards2 = document.querySelectorAll('.product-card');\n productCards2.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n createPremiumParticles(card);\n });\n });\n\n \/\/ Enhanced particle creation with luxury effects\n function createPremiumParticles(element) {\n for (let i = 0; i \u003c 8; i++) {\n const particle = document.createElement('div');\n particle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 4 + 3}px;\n height: ${Math.random() * 4 + 3}px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n pointer-events: none;\n z-index: 100;\n box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n `;\n \n const rect = element.getBoundingClientRect();\n particle.style.left = Math.random() * rect.width + 'px';\n particle.style.top = Math.random() * rect.height + 'px';\n \n element.appendChild(particle);\n \n \/\/ Premium particle animation with rotation and scaling\n particle.animate([\n { \n transform: 'translateY(0px) scale(1) rotate(0deg)', \n opacity: 1,\n filter: 'blur(0px)'\n },\n { \n transform: `translateY(-60px) scale(0) rotate(${Math.random() * 360}deg)`, \n opacity: 0,\n filter: 'blur(2px)'\n }\n ], {\n duration: 2000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e particle.remove();\n }\n }\n\n \/\/ Premium magnetic hover effects for cards\n const allCards = document.querySelectorAll('.product-card, .acid-card, .timeline-week, .value-item');\n allCards.forEach(card =\u003e {\n card.addEventListener('mousemove', (e) =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n const deltaX = (x - centerX) \/ centerX;\n const deltaY = (y - centerY) \/ centerY;\n \n card.style.transform = `\n perspective(1000px) \n rotateY(${deltaX * 5}deg) \n rotateX(${-deltaY * 5}deg) \n translateZ(10px)\n `;\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = '';\n });\n });\n\n \/\/ Premium sparkle effects with golden particles\n setInterval(() =\u003e {\n const targetSections = document.querySelectorAll('.challenge-section, .science-section, .cta-final');\n targetSections.forEach(section =\u003e {\n if (Math.random() \u003e 0.7) { \/\/ 30% chance per interval\n const sparkle = document.createElement('div');\n sparkle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 3 + 2}px;\n height: ${Math.random() * 3 + 2}px;\n background: linear-gradient(135deg, #d4af37, #9C8102);\n border-radius: 50%;\n pointer-events: none;\n z-index: 10;\n left: ${Math.random() * section.offsetWidth}px;\n top: ${Math.random() * section.offsetHeight}px;\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n `;\n \n section.appendChild(sparkle);\n \n sparkle.animate([\n { \n transform: 'scale(0) rotate(0deg)', \n opacity: 0,\n filter: 'brightness(1)'\n },\n { \n transform: 'scale(1) rotate(180deg)', \n opacity: 1,\n filter: 'brightness(1.5)'\n },\n { \n transform: 'scale(0) rotate(360deg)', \n opacity: 0,\n filter: 'brightness(0.5)'\n }\n ], {\n duration: 3000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e sparkle.remove();\n }\n });\n }, 2000);\n\n \/\/ Premium ripple effect on click\n document.addEventListener('click', (e) =\u003e {\n if (e.target.closest('.product-card, .timeline-week, .acid-card')) {\n const element = e.target.closest('.product-card, .timeline-week, .acid-card');\n const rect = element.getBoundingClientRect();\n const ripple = document.createElement('div');\n \n ripple.style.cssText = `\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.3) 0%, transparent 70%);\n pointer-events: none;\n z-index: 50;\n width: 20px;\n height: 20px;\n left: ${e.clientX - rect.left - 10}px;\n top: ${e.clientY - rect.top - 10}px;\n `;\n \n element.appendChild(ripple);\n \n ripple.animate([\n { transform: 'scale(0)', opacity: 1 },\n { transform: 'scale(4)', opacity: 0 }\n ], {\n duration: 600,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e ripple.remove();\n }\n });\n\n \/\/ Premium scroll-triggered title animations\n const titles = document.querySelectorAll('.product-title, .acid-title, .week-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', () =\u003e {\n title.style.transform = 'scale(1.05)';\n title.style.textShadow = '0 2px 15px rgba(156, 129, 2, 0.4)';\n });\n \n title.addEventListener('mouseleave', () =\u003e {\n title.style.transform = '';\n title.style.textShadow = '';\n });\n });\n });\n\n \/\/ Premium slideInRight animation for timeline\n const slideInRightKeyframes = `\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n `;\n \n const style = document.createElement('style');\n style.textContent = slideInRightKeyframes;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44945842438341,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1753557062"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 Protector Solar Suero Agua con Centella de Madagascar y Hyalo Cica (SPF 50+ | 50 ml)","description":"\u003c!-- SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eProtección solar que te hará amar el sol desde el primer uso\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eNo es solo una crema solar ordinaria... Este es un suero de cuidado integrado con protección excepcional SPF50+ PA++++ con centella y ácido hialurónico.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_5.webp?v=1754232167\"\/\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n Esta crema solar es diferente a cualquier crema solar que hayas probado. ¿Te imaginas una crema solar que te proteja, te hidrate y te mantenga radiante al mismo tiempo? ¿Te imaginas aplicar la crema solar sin sentirla en absoluto en tu piel? ¿Te imaginas una potente protección solar sin ninguna grasitud, blancura o pegajosidad? Esto no es imaginación... \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. No es solo una crema solar común... es un suero de cuidado completo con protección excepcional.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Beneficios del Suero Solar SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProtección + cuidado + belleza en un solo producto - 6 beneficios excepcionales\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n Los ingredientes naturales más potentes combinados por primera vez\n \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProtección superior SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLa protección más fuerte contra los dañinos rayos UVA y UVB con tecnología avanzada de protección coreana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHidratación profunda con ácido hialurónico\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMantiene la piel hidratada todo el día con 3 diferentes tamaños moleculares\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eCalma las infecciones cutáneas\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCon extracto concentrado de Centella 9800 ppm de Madagascar para un alivio inmediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTextura ligera acuosa\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDesaparece en la piel sin dejar rastro, es completamente transparente y adecuado para todos los tonos de piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eBrillo natural inmediato\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eProporciona a la piel un aspecto saludable y uniforme del color gracias a la niacinamida\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSeguro para pieles sensibles\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHipoalergénico y probado dermatológicamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLa fórmula mágica: protección + cuidado + belleza en un único producto\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eLos ingredientes naturales más potentes combinados por primera vez\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Fórmula mágica de SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eComponentes científicos avanzados\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n 4 poderosas combinaciones de ingredientes que trabajan en perfecta armonía\n \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtracto de Centella de Madagascar 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLa Centella más pura y potente del mundo desde Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa Centella es un milagro herbolario que tiene la capacidad de calmar los casos más graves de irritación y enrojecimiento en pocos segundos\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalma las infecciones cutáneas:\u003c\/strong\u003e Y enrojecimiento inmediato\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelera la curación de pequeñas heridas:\u003c\/strong\u003e Son los efectos de los cereales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalece la barrera natural de la piel:\u003c\/strong\u003e En contra de factores externos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtege contra la contaminación y el polvo\u003c\/strong\u003e Durante la protección solar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eÁcido hialurónico con 3 dimensiones moleculares - hidratación profunda\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eTecnología avanzada para hidratar todas las capas de la piel\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eLa magia está en la diversidad:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido hialurónico simple:\u003c\/strong\u003e para la capa superficial\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalizador de ácido hialurónico:\u003c\/strong\u003e Para capas profundas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHialuronato de sodio:\u003c\/strong\u003e Para una hidratación continua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratación 1000 veces:\u003c\/strong\u003e El peso de una molécula en agua\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamida - tratamiento de pigmentación\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eVitamina B3, que uniforma el tono de la piel y la protege\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eMúltiples beneficios:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce la pigmentación:\u003c\/strong\u003e Derivado de los daños solares\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula la secreción de sebo:\u003c\/strong\u003e Para piel grasa y mixta\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora la textura de la piel:\u003c\/strong\u003e Y su suavidad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRefuerza la inmunidad de la piel:\u003c\/strong\u003e Contra los factores nocivos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAntioxidantes naturales - protección completa\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eEl daño por oxidación es la causa principal del envejecimiento prematuro y las pigmentaciones persistentes\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eEquipo en defensa:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de té verde:\u003c\/strong\u003e Potente antioxidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de brócoli:\u003c\/strong\u003e Vitaminas y minerales esenciales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de berro:\u003c\/strong\u003e Activa la circulación sanguínea\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de alfalfa:\u003c\/strong\u003e Nutrición profunda de las células\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003e¿Por qué SKIN1004 es diferente de otros protectores solares?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eProtectores solares regulares vs SKIN1004 - la diferencia es clara\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n La mayoría de las cremas solares en el mercado se concentran solo en la protección, pero dejan la piel seca, grasa o con una capa blanca molesta. Los rayos del sol dañan la piel incluso en los días nublados, y cada día sin una protección adecuada, las células de la piel sufren más daños.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eComparación completa:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eCremas solares tradicionales\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Textura grasa y pegajosa que hace que la piel brille de manera no muy agradable\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Aparición de claridad blanca en la piel durante horas\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Sequedad e irritación, sobre todo para pieles sensibles\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Protección solo sin ningún beneficio adicional\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Difícil de remover y obstruye los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Textura ligera y acuosa que desaparece en pocos segundos\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Completamente transparente, adecuado para todos los tonos de piel\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Hidrata y calma con protección\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ skincare integrado mientras protege\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Fácil de remover y cómodo para el uso diario\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eLa protección no es un lujo... es una necesidad para la salud y la belleza de tu piel\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Compara SKIN1004 con otros productos\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eUn viaje de protección y belleza - ve la diferencia desde el primer día\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eNo es solo protección... es una mejora completa para tu piel\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eLa agradable sorpresa\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtección inmediata contra los rayos solares más fuertes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLa hidratación profunda se prefiere durante muchas horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrillo natural sin ningún tipo de blancura o untuosidad\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eComodidad completa incluso para pieles sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMejora evidente\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLa piel es visiblemente más suave y más elástica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eReducir enrojecimiento e inflamación de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejor tono de la piel y luminosidad natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtección comprobada sin quemaduras\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMejora continua\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePiel más sana y vibrante gracias a una hidratación profunda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejora de la textura y suavidad de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePotente protección contra todos los daños causados por el sol y la contaminación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMayor confianza en el uso diario del producto\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDespués de 3 meses\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eProtección y cuidado completos\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePiel protegida al 100% de los daños del sol y del envejecimiento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejor salud general de la piel gracias a los ingredientes naturales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrillo duradero y vitalidad natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUn hábito saludable que se ha convertido en parte de tu rutina diaria\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n No es solo protección... es una mejora completa para tu piel a largo plazo\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Viaje hacia la mejora con SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167\"\/\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eMétodo de aplicación óptimo - para máxima protección y belleza\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003ePasos sencillos para resultados perfectos\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003ePor la mañana\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eLimpia el rostro con la loción adecuada, hidrata la piel con tu crema habitual, espera 5 minutos a que la crema se absorba, aplica una cantidad adecuada de suero y protector solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eMétodo de aplicación\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eExprimir una cantidad grande como una moneda (aproximadamente una cucharadita), distribuir delicadamente sobre el rostro y el cuello, dar toques suaves hasta la completa absorción, esperar 5 minutos antes de aplicar el maquillaje\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eReaplicación\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eCada dos horas cuando esté expuesto al sol directo, después de nadar o sudar intensamente. Fácil de aplicar incluso sobre un maquillaje ligero\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eConsejos importantes\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUsa diariamente para los mejores resultados, apto debajo de la protección solar y el maquillaje, seguro para un uso frecuente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003e¿Por qué la protección solar es una inversión inteligente?\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eCalidad original coreana:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUna de las marcas coreanas más famosas\u003c\/strong\u003e Especializado en productos de Centella - confianza y calidad comprobadas a nivel global\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrecio razonable para un gran valor\u003c\/strong\u003e - Más económico que la mayoría de los protectores solares de lujo con ingredientes más caros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTasa de satisfacción superior al 95%\u003c\/strong\u003e De los usuarios de todo el mundo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eUna inversión inteligente en tu piel:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn producto que ha obtenido un gran éxito.\u003c\/strong\u003e Excelentes reseñas en todo el mundo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa luz solar daña tu piel\u003c\/strong\u003e También en los días nublados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCada día sin protección\u003c\/strong\u003e Tus células de la piel están más dañadas\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!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eAdvertencia importante: Tu piel necesita protección todos los días\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eLos rayos del sol son dañinos para tu piel, incluso en días nublados\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada día sin protección... las células de tu piel se dañan más\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada semana de descuido... los signos del envejecimiento aparecen más rápido\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada mes de retraso... el daño se acumula y sigue siendo difícil de reparar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa protección no es un lujo... es una necesidad para la salud y la belleza de tu piel\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"La importancia de la protección diaria\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_3.webp?v=1754232167\"\/\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 no es solo un protector solar... es una inversión en el futuro de tu piel\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eK\u003c\/div\u003e\n\u003ch4\u003eCalidad original coreana\u003c\/h4\u003e\n\u003cp\u003eUna de las marcas coreanas más famosas especializada en productos con Centella - confianza y calidad global comprobada con tecnologías avanzadas de protección\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4\u003ePrecio razonable para un gran valor\u003c\/h4\u003e\n\u003cp\u003eMás económico que la mayoría de las cremas solares de lujo con ingredientes activos más caros y clave: una inversión inteligente para la salud de tu piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003eÉxito comprobado a nivel global\u003c\/h4\u003e\n\u003cp\u003eTasa de satisfacción superior al 95% de los usuarios en todo el mundo - un producto que ha obtenido un gran éxito y excelentes reseñas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n\u003ch4\u003eSeguro y adecuado para todos\u003c\/h4\u003e\n\u003cp\u003eHipoalergénico y probado dermatológicamente - apto para pieles sensibles y uso diario\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eU\u003c\/div\u003e\n\u003ch4\u003eVersátil\u003c\/h4\u003e\n\u003cp\u003eCrema solar + suero curativo + crema hidratante ligera + antiinflamatorio - todo lo que la piel necesita en un solo producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eProtege tu piel hoy... y deja que te lo agradezca en el futuro\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n Cada día, sin una protección adecuada, las células de la piel sufren cada vez más daños.\u003cbr\/\u003e\n Cada semana, descuidas los signos del envejecimiento que aparecen más rápido.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eDisfruta del sol sin miedo\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eCon la protección más fuerte y la textura más suave: la crema solar que te hará amar el sol desde el primer uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLista completa de ingredientes\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eIngredientes activos y fórmula completa\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003ePrincipales ingredientes activos:\u003c\/strong\u003e\u003cbr\/\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Centella de Madagascar para calmar\u003cbr\/\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Ácido hialurónico para una hidratación profunda\u003cbr\/\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamina B3 para unificar el color\u003cbr\/\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Antioxidantes naturales\u003cbr\/\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Filtros de protección avanzados\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eLista completa de ingredientes (INCI):\u003c\/strong\u003e\u003cbr\/\u003e\n Water, Dibutyl Adipate, Propanediol, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Polymethylsilsesquioxane, Ethylhexyl Triazone, Methylene Bis-Benzotriazolyl Tetramethylbutylphenol, Niacinamide, Coco-Caprylate\/Caprate, Caprylyl Methicone, Diethylhexyl Butamido Triazone, Glycerin, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(9800ppm), Betula Platyphylla Japonica Bark Extract, Ginkgo Biloba Leaf Extract, Camellia Sinensis Leaf Extract, Triticum Vulgare (Wheat) Sprout Extract, Medicago Sativa (Alfalfa) Extract, Brassica Oleracea Italica (Broccoli) Sprout Extract, Eruca Sativa Leaf Extract, Camellia Japonica Leaf Extract, Sodium Hyaluronate(10ppm), Behenyl Alcohol, Poly C10-30 Alkyl Acrylate, Polyglyceryl-3 Methylglucose Distearate, Decyl Glucoside, Tromethamine, Carbomer, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Sodium Stearoyl Glutamate, Polyacrylate Crosspolymer-6, Adenosine, Xanthan Gum, T-Butyl Alcohol, Tocopherol, Hydrolyzed Hyaluronic Acid(1ppm), Inositol, Hyaluronic Acid(0.01ppm), Pentylene Glycol, Ethylhexylglycerin\n \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Hipoalergénico\u003c\/strong\u003e - Laboratorio dermatológico\u003cbr\/\u003e\n\u003cstrong\u003e✓ Adecuado para pieles sensibles\u003c\/strong\u003e - Fórmula delicada y segura\u003cbr\/\u003e\n\u003cstrong\u003e✓ Protección de amplio espectro\u003c\/strong\u003e - Contra UVA, UVB y rayos dañinos\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"}],"url":"https:\/\/instachiq.com\/es\/collections\/facial-serums.oembed","provider":"Instachiq","version":"1.0","type":"link"}