{"product_id":"cosrx-retinol-serum","title":"Cosrx Suero de Retinol 0,5% + Esqualeno | Antiarrugas | Mejora la elasticidad de la piel","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3, \n    .product-description h4 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 2.2rem;\n        text-align: center;\n    }\n\n    .product-description h3 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description h4 {\n        font-size: 1.4rem;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n    }\n\n    .product-description ul {\n        list-style: none;\n        padding: 0;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 1.5em;\n        background: rgba(156, 129, 2, 0.03);\n        padding: 20px;\n        border-radius: 10px;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        border-radius: 15px;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Results section *\/\n    .results-container {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .percentage-bar {\n        width: 100%;\n        height: 10px;\n        background-color: rgba(255, 255, 255, 0.7);\n        border-radius: 5px;\n        overflow: hidden;\n        margin: 20px 0;\n    }\n\n    .percentage-fill {\n        height: 100%;\n        width: 0;\n        background-color: #9C8102;\n        transition: width 1.5s ease-in-out;\n    }\n\n    \/* Usage timeline *\/\n    .timeline {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 0;\n    }\n\n    .timeline::after {\n        content: '';\n        position: absolute;\n        width: 6px;\n        background-color: rgba(156, 129, 2, 0.2);\n        top: 0;\n        bottom: 0;\n        right: 50%;\n        margin-left: -3px;\n    }\n\n    .timeline-item {\n        padding: 10px 50px;\n        position: relative;\n        width: 50%;\n    }\n\n    .timeline-item::after {\n        content: '';\n        position: absolute;\n        width: 25px;\n        height: 25px;\n        background-color: white;\n        border: 4px solid #9C8102;\n        border-radius: 50%;\n        top: 15px;\n        transition: transform 0.5s ease, background-color 0.5s ease;\n    }\n\n    .timeline-item:hover::after {\n        transform: scale(1.2);\n        background-color: #9C8102;\n    }\n\n    .right {\n        right: 0;\n    }\n\n    .left::after {\n        right: -12px;\n    }\n\n    .right::after {\n        left: -12px;\n    }\n\n    \/* CTA section *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-container h3 {\n        color: white;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::after {\n            right: 30px;\n        }\n        \n        .timeline-item {\n            width: 100%;\n            padding-left: 70px;\n            padding-left: 25px;\n        }\n        \n        .right {\n            right: auto;\n        }\n        \n        .right::after {\n            left: auto;\n            right: 18px;\n        }\n        \n        .left::after {\n            right: 18px;\n        }\n    }\n\n    \/* Animation classes - Added for animated elements when JS loads *\/\n    .animate-on-scroll {\n        transition: transform 0.8s ease, opacity 0.8s ease;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003eRetinol... el soldado desconocido en la lucha contra los signos del envejecimiento\u003c\/h2\u003e\n\u003cp\u003e¿Alguna vez te has mirado en el espejo y has sentido que el tiempo comienza a dejar su huella en tu piel? Las arrugas finas aparecen lentamente, los poros parecen más grandes, la textura de la piel ya no parece tan lisa como antes?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNo dejes que el tiempo te controle\u003c\/strong\u003e\u003cbr\/\u003eEl envejecimiento no es una excusa para aceptar estos cambios, sino más bien un desafío que puedes superar.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Suero de Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003e¿La solución? Suero de Retinol 0,5% de COSRX\u003c\/h3\u003e\n\u003cp\u003eEl mejor producto con retinol del mundo, cuidadosamente diseñado para atacar incluso los problemas más sutiles de la piel, desde arrugas profundas y líneas finas hasta la textura áspera de la piel y la pérdida de elasticidad.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003e¿Por qué esta fórmula es una de las mejores fórmulas de retinol?\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n\u003ch4\u003eExcepcional concentración de retinol puro\u003c\/h4\u003e\n\u003cp\u003eEste producto contiene \u003cstrong\u003e0,5% concentración de retinol puro\u003c\/strong\u003eEs una de las concentraciones más altas disponibles en el mercado. El retinol es notoriamente difícil de formular a concentraciones tan elevadas, requiriendo técnicas precisas para mantener su estabilidad y garantizar su eficacia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eFórmula delicada que no provoca irritaciones cutáneas\u003c\/h4\u003e\n\u003cp\u003eA diferencia de las fórmulas tradicionales con retinol que pueden causar irritaciones y enrojecimiento de la piel, este producto contiene una mezcla única de ingredientes calmantes, lo que lo hace delicado incluso para la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eTextura ligera y de rápida absorción\u003c\/h4\u003e\n\u003cp\u003eCon una ligera textura oleosa y sedosa, se absorbe fácilmente en la piel sin dejar residuos grasos, haciéndolo ideal como paso esencial en tu rutina nocturna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHidratación profunda con escualeno vegetal\u003c\/h4\u003e\n\u003cp\u003eEl producto contiene \u003cstrong\u003eEscualeno extraído de las plantas\u003c\/strong\u003e, que actúa como un poderoso hidratante que previene la sequedad resultante del uso de retinol, manteniendo la piel hidratada y suave durante toda la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotrienol (súper vitamina E)\u003c\/h4\u003e\n\u003cp\u003eReduce significativamente los daños de los radicales libres y mejora el aspecto general de la piel, aumentando la eficacia del Retinol y garantizando resultados completos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"Resultados del uso del suero de retinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003e¡Resultados clínicos impresionantes!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMejora del 18,4% en las líneas de la nariz y los labios en solo 4 semanas\u003c\/strong\u003e .\u003c\/p\u003e\n\u003cdiv class=\"percentage-bar\"\u003e\n\u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" style=\"display: block; margin: 30px auto;\"\/\u003e\n\u003c!-- Usage Timeline --\u003e\n\u003ch3\u003eUso gradual, efecto excepcional\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 1-2\u003c\/h4\u003e\n\u003cp\u003eComienza lentamente para permitir que tu piel se adapte. Usa el producto una vez a la semana al principio, luego dos veces a la semana a partir de la segunda semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eSemana 3-4\u003c\/h4\u003e\n\u003cp\u003eAumentar la frecuencia a 3 veces por semana. Notarás una mejora en la textura de la piel y una reducción de las primeras arrugas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 5-8\u003c\/h4\u003e\n\u003cp\u003eUsa el producto a diario o según lo tolere tu piel. Notarás una clara mejora en la elasticidad y frescura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eDesde la semana 8 en adelante\u003c\/h4\u003e\n\u003cp\u003eDisfruta de una piel renovada y fresca, libre de arrugas y signos de envejecimiento!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX Aceite de Retinol 0,5%\u003c\/h3\u003e\n\u003cp\u003eNo es solo otro producto para el skincare, es una innovación científica avanzada que te ofrece resultados visibles sin comprometer la comodidad de tu piel.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComienza ahora y combate los signos del tiempo!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Animate percentage bar\n    (function() {\n        \/\/ Add animation to percentage bar without hiding content\n        setTimeout(function() {\n            var percentageFills = document.querySelectorAll('.percentage-fill');\n            percentageFills.forEach(function(fill) {\n                var percent = fill.getAttribute('data-percent');\n                fill.style.width = percent + '%';\n            });\n        }, 500);\n        \n        \/\/ Optional: Enable scroll animations only if preferred\n        var enableScrollAnimations = false;\n        \n        if (enableScrollAnimations) {\n            \/\/ Add animation classes to elements\n            var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n            \n            elementsToAnimate.forEach(function(el) {\n                el.classList.add('animate-on-scroll');\n            });\n            \n            \/\/ Intersection Observer for scroll animations\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = 1;\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elementsToAnimate.forEach(function(el) {\n                el.style.opacity = 0;\n                el.style.transform = 'translateY(20px)';\n                observer.observe(el);\n            });\n        }\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389962414,"sku":null,"price":23.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1788175397","url":"https:\/\/skingeer.com\/es\/products\/cosrx-retinol-serum","provider":"SkinGeer","version":"1.0","type":"link"}