{"product_id":"the-ordinary-alpha-arbutin-2-ha","title":"The Ordinary Alpha Arbutin 2% + HA - Suero específico para manchas oscuras e inhibición de la melanina","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"alpha-arbutin-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"main-title\"\u003eAlpha Arbutina \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e + Ácido hialurónico\u003c\/h1\u003e\n\u003ch2 class=\"sub-title\"\u003eEl secreto científico para una piel uniforme, radiante, libre de manchas oscuras\u003c\/h2\u003e\n\u003cdiv class=\"product-visual\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Promise Section --\u003e\n\u003cdiv class=\"promise-section\"\u003e\n\u003cdiv class=\"promise-intro\"\u003e\n\u003cp\u003ePor primera vez en el mundo del skincare, una fórmula científica innovadora con concentración \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e De pura alfa arbutina\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-cards\"\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M7.5 12H16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 7.5V16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eEficacia garantizada\u003c\/h3\u003e\n\u003cp\u003eContiene el 2% de Alpha Arbutin puro - la concentración más alta segura y efectiva probada científicamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eResultados rápidos\u003c\/h3\u003e\n\u003cp\u003eGracias a la fórmula ideal, los resultados se notan a partir de la primera semana de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M22 4L12 14.01L9 11.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eCalidad garantizada\u003c\/h3\u003e\n\u003cp\u003eEl pH ideal se ha desarrollado para garantizar la estabilidad de los ingredientes y la máxima eficacia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePiel radiante en \u003cspan class=\"highlight\"\u003eSolo 4 semanas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M15 9L9 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 9L15 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003ePrimero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eManchas oscuras e hiperpigmentación\u003c\/li\u003e\n\u003cli\u003eTono de piel irregular\u003c\/li\u003e\n\u003cli\u003eEfectos contra el acné y las cicatrices\u003c\/li\u003e\n\u003cli\u003ePiel opaca que carece de luminosidad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transform-divider\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M5 12H19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 5L19 12L12 19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M8 12L11 15L16 9\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eDespués\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eUniforma visiblemente el tono de la piel\u003c\/li\u003e\n\u003cli\u003eAclarar las manchas oscuras y los efectos del sol\u003c\/li\u003e\n\u003cli\u003eAclarar los efectos de granos y cicatrices\u003c\/li\u003e\n\u003cli\u003ePiel luminosa y radiante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eEl poder de la fórmula científica única\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-breakdown\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eAlfa Arbutina Pura 2%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eUn ingrediente iluminador despigmentante de la piel eficaz, actúa inhibiendo la enzima tirosinasa responsable de la producción de melanina (pigmento de la piel), previniendo así la aparición de manchas oscuras y uniformando el tono de la piel de manera eficaz y segura.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eAclarar las manchas oscuras\u003c\/span\u003e \u003cspan\u003eUnificar el tono de la piel\u003c\/span\u003e \u003cspan\u003ePreviene nuevas pigmentaciones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eÁcido hialurónico\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eUn potente humectante que retiene la humedad en la piel y ayuda a transportar los ingredientes activos a las capas más profundas de la piel, mejorando la eficacia de la Alfa Arbutina y garantizando la máxima absorción del producto.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eHidratación intensa\u003c\/span\u003e \u003cspan\u003eMejora la absorción de los ingredientes\u003c\/span\u003e \u003cspan\u003eMejorar la elasticidad de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eIdeal pH\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eEl producto ha sido cuidadosamente desarrollado para mantener el pH ideal que previene la degradación de la Alfa Arbutina en agua, asegurando la estabilidad de los ingredientes y su máxima eficacia durante un período más largo.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eEstabilidad de los ingredientes\u003c\/span\u003e \u003cspan\u003eEficacia a largo plazo\u003c\/span\u003e \u003cspan\u003eMáximo beneficio posible\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eEl viaje de tu piel con Alpha Arbutin\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eEl inicio del cambio\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eMejorar la textura de la piel\u003c\/li\u003e\n\u003cli\u003eAumentar la hidratación y la frescura de la piel\u003c\/li\u003e\n\u003cli\u003eReducir la inflamación asociada a las manchas oscuras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eLa segunda semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eEl comienzo de la luminosidad\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAumento evidente de la luminosidad de la piel\u003c\/li\u003e\n\u003cli\u003eInicio del aclaramiento de las manchas oscuras recientes\u003c\/li\u003e\n\u003cli\u003eUniformar gradualmente el tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eLa tercera semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eMejora evidente\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAclarado claro de las manchas oscuras recientes\u003c\/li\u003e\n\u003cli\u003eInicio del aclaramiento de las manchas viejas y obstinadas\u003c\/li\u003e\n\u003cli\u003eMejora significativa del tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eCuarta semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eResultados extraordinarios\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAclaramiento visible de todo tipo de manchas oscuras\u003c\/li\u003e\n\u003cli\u003eUniforma perfectamente el tono de la piel\u003c\/li\u003e\n\u003cli\u003ePiel luminosa, radiante y suave\u003c\/li\u003e\n\u003cli\u003eUna mejora visible del aspecto y la textura de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eModo de uso ideal\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eLimpieza\u003c\/h3\u003e\n\u003cp\u003eComienza limpiando bien tu piel usando un limpiador adecuado para tu tipo de piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eAplicación\u003c\/h3\u003e\n\u003cp\u003eAplicar unas gotas de suero Alpha Arbutin sobre la piel limpia y seca, concentrándose en las áreas con manchas oscuras e hiperpigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eHidratante\u003c\/h3\u003e\n\u003cp\u003eDespués de que el suero se haya absorbido, aplica la crema hidratante adecuada sobre la piel para mantener la humedad cutánea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eProtección\u003c\/h3\u003e\n\u003cp\u003eNo olvides usar protector solar durante el día para protegerte de los rayos UV y prevenir la aparición de más manchas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-notes\"\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eÚsalo dos veces al día, mañana y noche para los mejores resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eSe puede combinar con Vitamina C para obtener resultados dobles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eIdeal para todo tipo de piel, incluida la piel sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\u003ch2\u003eEs el momento de una piel uniforme y luminosa, libre de manchas oscuras\u003c\/h2\u003e\n\u003cp\u003eAlpha Arbutina 2% + Ácido Hialurónico - la fórmula científica ideal para aclarar y unificar el tono de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.alpha-arbutin-container {\n  direction: ltr;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 15px;\n  color: #333;\n  overflow-x: hidden;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n  margin: 0;\n  padding: 0;\n}\n\n.main-title {\n  font-size: 1.8rem;\n  color: #333;\n  margin-bottom: 10px;\n  text-align: center;\n  line-height: 1.3;\n}\n\n.sub-title {\n  font-size: 1.2rem;\n  color: #666;\n  text-align: center;\n  margin-bottom: 25px;\n  font-weight: normal;\n  line-height: 1.5;\n}\n\n.section-title {\n  font-size: 1.5rem;\n  color: #333;\n  text-align: center;\n  margin-bottom: 25px;\n  position: relative;\n  padding-bottom: 15px;\n}\n\n.section-title:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n.highlight {\n  color: #9C8102;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  margin-bottom: 40px;\n  position: relative;\n}\n\n.product-visual {\n  position: relative;\n  margin-top: 30px;\n  text-align: center;\n}\n\n.product-image {\n  position: relative;\n  z-index: 2;\n}\n\n.main-product-image {\n  max-width: 80%;\n  height: auto;\n  border-radius: 8px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.glow-effect {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle, rgba(156, 129, 2, 0.2) 0%, rgba(255, 255, 255, 0) 70%);\n  z-index: 1;\n  animation: glow 3s ease-in-out infinite alternate;\n}\n\n@keyframes glow {\n  0% {\n    opacity: 0.5;\n    transform: translate(-50%, -50%) scale(0.9);\n  }\n  100% {\n    opacity: 0.8;\n    transform: translate(-50%, -50%) scale(1.1);\n  }\n}\n\n\/* Promise Section *\/\n.promise-section {\n  margin-bottom: 40px;\n  background-color: #f9f9f9;\n  padding: 25px 15px;\n  border-radius: 10px;\n}\n\n.promise-intro {\n  text-align: center;\n  margin-bottom: 25px;\n  font-size: 1.1rem;\n  line-height: 1.5;\n}\n\n.promise-cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n.promise-card {\n  background-color: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.promise-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.card-icon {\n  margin: 0 auto 15px;\n  width: 60px;\n  height: 60px;\n}\n\n.promise-card h3 {\n  margin-bottom: 12px;\n  color: #9C8102;\n}\n\n.promise-card p {\n  color: #666;\n  line-height: 1.6;\n  font-size: 0.95rem;\n}\n\n\/* Transformation Section *\/\n.transformation-section {\n  margin-bottom: 40px;\n}\n\n.transformation-grid {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n}\n\n.transform-item {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  width: 100%;\n}\n\n.transform-visual {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n}\n\n.visual-icon {\n  margin-left: 10px;\n}\n\n.visual-text {\n  font-size: 1.2rem;\n  font-weight: bold;\n}\n\n.problem-list ul, .benefit-list ul {\n  list-style: none;\n  padding-right: 5px;\n}\n\n.problem-list li, .benefit-list li {\n  position: relative;\n  padding-right: 25px;\n  margin-bottom: 10px;\n  line-height: 1.5;\n  font-size: 0.95rem;\n}\n\n.problem-list li:before {\n  content: '✕';\n  position: absolute;\n  right: 0;\n  color: #e74c3c;\n  font-weight: bold;\n}\n\n.benefit-list li:before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #2ecc71;\n  font-weight: bold;\n}\n\n.transform-divider {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 0;\n}\n\n\/* Science Section *\/\n.science-section {\n  margin-bottom: 40px;\n  padding: 25px 15px;\n  background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n  border-radius: 10px;\n}\n\n.ingredients-breakdown {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.ingredient-item {\n  background-color: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-name {\n  margin-bottom: 15px;\n  text-align: center;\n}\n\n.ingredient-highlight {\n  background-color: #9C8102;\n  color: white;\n  padding: 5px 15px;\n  border-radius: 20px;\n  font-size: 1rem;\n  font-weight: bold;\n}\n\n.ingredient-details p {\n  margin-bottom: 15px;\n  line-height: 1.6;\n  font-size: 0.95rem;\n  color: #555;\n}\n\n.ingredient-benefits {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.ingredient-benefits span {\n  background-color: #f0f0f0;\n  padding: 5px 10px;\n  border-radius: 15px;\n  font-size: 0.85rem;\n  color: #333;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n  margin-bottom: 40px;\n}\n\n\/* Timeline CSS That Matches Screenshot Exactly *\/\n.results-timeline {\n  margin-bottom: 40px;\n}\n\n.timeline-container {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.timeline-item {\n  position: relative;\n}\n\n.timeline-card {\n  display: flex;\n  position: relative;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n  overflow: hidden;\n  border-right: 4px solid #9C8102;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-week {\n  position: absolute;\n  right: 0;\n  top: 0;\n  background-color: #9C8102;\n  color: white;\n  font-weight: bold;\n  padding: 10px 15px;\n  min-width: 120px;\n  text-align: center;\n  border-radius: 0 8px 0 8px;\n}\n\n.timeline-content {\n  flex: 1;\n  padding: 40px 20px 20px;\n  text-align: left;\n}\n\n.timeline-title {\n  color: #9C8102;\n  font-weight: bold;\n  font-size: 1.1rem;\n  margin-bottom: 15px;\n}\n\n.timeline-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.timeline-list li {\n  position: relative;\n  padding-right: 20px;\n  margin-bottom: 10px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n\n\n\/* Usage Section *\/\n.usage-section {\n  margin-bottom: 40px;\n  background-color: #f9f9f9;\n  padding: 25px 15px;\n  border-radius: 10px;\n}\n\n.usage-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  margin-bottom: 25px;\n}\n\n.usage-step {\n  display: flex;\n  align-items: flex-start;\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.step-number {\n  width: 30px;\n  height: 30px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n}\n\n.step-content {\n  flex: 1;\n}\n\n.step-content h3 {\n  margin-bottom: 8px;\n  color: #333;\n}\n\n.step-content p {\n  color: #666;\n  line-height: 1.5;\n  font-size: 0.95rem;\n}\n\n.usage-notes {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 15px;\n}\n\n.note {\n  display: flex;\n  align-items: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 12px 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.note-icon {\n  margin-left: 10px;\n  flex-shrink: 0;\n}\n\n.note p {\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: #666;\n}\n\n\/* Final CTA *\/\n.final-cta {\n  text-align: center;\n  background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n  padding: 30px 15px;\n  border-radius: 10px;\n  margin-bottom: 20px;\n}\n\n.final-cta h2 {\n  color: #9C8102;\n  font-size: 1.3rem;\n  margin-bottom: 15px;\n  line-height: 1.4;\n}\n\n.final-cta p {\n  color: #666;\n  line-height: 1.6;\n  font-size: 1rem;\n}\n\n\/* Animation Keyframes *\/\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive Adjustments *\/\n@media (min-width: 480px) {\n  .main-title {\n    font-size: 2rem;\n  }\n  \n  .sub-title {\n    font-size: 1.3rem;\n  }\n  \n  .promise-cards {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .usage-notes {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .alpha-arbutin-container {\n    padding: 20px;\n  }\n  \n  .promise-cards {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  \n  .transformation-grid {\n    flex-direction: row;\n    align-items: stretch;\n  }\n  \n  .transform-item {\n    flex: 1;\n  }\n  \n  .transform-divider {\n    flex: 0 0 auto;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .usage-notes {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n\/* Animations *\/\n.promise-card, .transform-item, .ingredient-item, .timeline-week, .usage-step {\n  animation: fadeIn 0.5s ease-out forwards;\n  opacity: 0;\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Alpha Arbutina 2% + Hialurónico","offer_id":44709540397253,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"Alpha Arbutina 2% + Vitamina C (Ácido Ascórbico 8%)","offer_id":44709540430021,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Ordinary-Alpha-Arbutin-2_-HA_1.jpg?v=1697704829","url":"https:\/\/instachiq.com\/es\/products\/the-ordinary-alpha-arbutin-2-ha","provider":"Instachiq","version":"1.0","type":"link"}