{"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":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424","url":"https:\/\/sa.instachiq.com\/es\/products\/the-ordinary-caffeine-solution","provider":"Instachiq","version":"1.0","type":"link"}