{"title":"Protección Solar \u0026 SPF","description":"\u003ch3 style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\"\u003eLos rayos del sol son la principal causa de cáncer de piel y envejecimiento\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e¡Temprano!\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eSi piensas que la primera fuente de luz y vida en el planeta no puede estar entre las principales causas\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eCáncer de piel y melanoma, te aconsejo pensarlo dos veces.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eMás del 70% de los egipcios ignora el uso de cremas solares, sin darse cuenta del peligro causado por los rayos ultravioleta, que provocan arrugas y cáncer de piel \u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\" style=\"text-align: left;\"\u003e¿Cómo puedes beneficiarte de los rayos del sol y al mismo tiempo evitar los daños?\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" style=\"text-align: left;\"\u003eLa respuesta: a través de la filtración y la protección contra los rayos solares nocivos mediante los productos probados en nuestros laboratorios y por nuestros clientes\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e","products":[{"product_id":"bioderma-photoderm-max-50-tinted-dry-touch","title":"bioderma photoderm max +50 tinted dry touch","description":"\u003csection class=\"row product photoderm\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"reveal product__buy col-12 col-lg-5 offset-lg-7 col-xl-4 offset-xl-8 grid-offset-gutter revealed\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"product__tab-content\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tab-content\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tab-pane fade show active\" id=\"benefice\" role=\"tabpanel\" aria-labelledby=\"benefice-tab\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOffers a very high UVA\/UVB anti-shine protection Pleasant and easy application thanks to a fluid texture as light as water\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eDry touch finish Ideal for all skin types, even combination to oily skin, sensitive skin or intolerant to all types of sunlight, very fair skin with freckles, skin exposed to maximum sunlight\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOil-free formula - Non-greasy texture Good skin tolerance - Non comedogenic - Unfragranced - Water resistant\u003c\/p\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section video photoderm product__video reveal anim-fade-in-up revealed\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"title-dash col-lg-6 offset-lg-4\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e","brand":"bioderma","offers":[{"title":"Default Title","offer_id":40639445631173,"sku":"INSTA0490CHIQ","price":340.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/101229-2-f-a-b-2fabde077bde901bcd8e7c8a3834af5910d1e45f_101229.jpg?v=1627189439"},{"product_id":"beesline-sunscreen-spf-50","title":"Protección solar con cera de abeja de Beesline SPF 50","description":"\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eProtege la piel de los daños de los rayos solares ultravioleta y de la aparición de signos de envejecimiento. Preparado para adaptarse a las pieles sensibles, como la piel del rostro, del cuello y del escote. Su fórmula no es oleosa y no deja un efecto blanco en la piel, lo que lo hace ideal para usar antes del maquillaje\u003c\/p\u003e\n\u003cdiv class=\"destoponly\" data-mce-fragment=\"1\"\u003e\n\u003ch2 class=\"golden\" data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\n\u003cspan data-mce-style=\"color: #d6b405;\" style=\"color: #d6b405;\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch2 class=\"golden\" data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cspan data-mce-style=\"color: #d6b405;\" style=\"color: #d6b405;\"\u003e\u003cstrong\u003eCronología de los resultados visibles\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch4 data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eProtección completa contra los rayos solares A, B e infrarrojos\u003c\/h4\u003e\n\u003ch4 data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eCobertura transparente\u003cbr\/\u003e\n\u003c\/h4\u003e\n\u003cp\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-top\"\u003e\n\u003ch5 style=\"text-align: left;\"\u003eIngredientes activos\u003c\/h5\u003e\n\u003cp style=\"text-align: left;\"\u003eGlicerina vegetal, aceite de almendras dulces, aceite de sésamo, polvo mineral (dióxido de titanio), cera de abeja, aceite de germen de trigo, aceite de jojoba, henna, ácido láctico y vitamina E.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cdiv class=\"ingredient-bottom\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eIngredientes destacados\u003c\/h2\u003e\n\u003cdiv class=\"row\" style=\"text-align: left;\"\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cdiv class=\"img-box\" style=\"text-align: center;\"\u003e\u003cimg alt=\"beeswax\" data-mce-src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Beeswax.jpg\" height=\"340\" src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Beeswax.jpg\" width=\"560\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"title\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e\u003cspan\u003eDe las abejas\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003eCera de abejas\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLa cera de abejas es un nutriente rico en vitamina A, que ayuda a construir las células, además de ácidos grasos que corresponden al sebo de la piel. La cera de abejas actúa como emoliente y humectante, revitaliza y suaviza la piel atrayendo la humedad a la superficie de la piel y reteniendo la humedad  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cdiv class=\"img-box\"\u003e\n\u003cimg alt=\"SESAME\" data-mce-src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Sesame-seed.jpg\" height=\"340\" src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Sesame-seed.jpg\" width=\"560\"\/\u003e\n\u003cdiv class=\"title\"\u003e\n\u003cdiv class=\"title\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e\u003cspan\u003eDe la naturaleza\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003eAceite de sésamo\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEl aceite de sésamo es eficaz en el tratamiento y prevención de la piel seca. Rico en antioxidantes naturales como la vitamina E y el selenio, absorbe los rayos ultravioleta B, protegiendo la piel de los daños.\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eSol directo y los primeros signos del envejecimiento  \u003cbr\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\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\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/div\u003e","brand":"beesline","offers":[{"title":"Default Title","offer_id":40806279643333,"sku":"INSTA0571CHIQ","price":555.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/aew-bl0604-beesline-ultrascreen-cream-invisible-sun-filter-spf-50-1561800127.jpg?v=1635451748"},{"product_id":"bioderma-photoderm-max-aquafluide-spf-50-dry-touch-mat-finish-sunscreen-light-tint","title":"Bioderma Photoderm MAX Aquafluide SPF 50+ Dry Touch Mat Finish Sunscreen Light Tint","description":"\u003cp style=\"text-align: left;\"\u003eProporciona una protección muy alta contra UVA\/UVB de efecto mate. Uso delicado y fácil gracias a su consistencia fluida y ligera como el agua. Acabado seco y aterciopelado. Ideal para todo tipo de piel, incluso para piel mixta o grasa, piel sensible o con baja tolerancia a todo tipo de luz solar, piel muy clara con pecas, piel expuesta a luz solar extrema. Fórmula sin aceites - textura no grasa. Buena tolerancia cutánea - no comedogénico (no comedogénico (no comedogénico (no obstruye los poros))) - sin perfume - resistente al agua.\u003c\/p\u003e","brand":"Bioderma","offers":[{"title":"Default Title","offer_id":40865992442053,"sku":"INSTA0661CHIQ","price":349.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/51RNSYfd0aS._SL1000.png?v=1636979515"},{"product_id":"uriage-bariesun-milk-spf50","title":"Uriage BARIÉSUN MILK SPF50+","description":"\u003cdiv class=\"c-product__intro u-intro\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eThanks to a high performance filtering complex, the lotion provides very high protection against UVA and UVB rays, free radicals and prevents skin from drying out. Its light, non-greasy and pleasantly fragranced texture guarantees renewed pleasure of use each time that it is applied. This lotion guarantees high safety, high tolerance and fast absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c-product__description c-content\" data-mce-fragment=\"1\"\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003ePrevents photoaging\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eUriage Thermal Water, at the core of Bariésun formulas, fights against the harmful effects of the sun. The skin barrier is therefore reinforced and the DNA is protected against damage by UV rays*.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eProtects against UV rays\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eIts new complex of latest-generation filters provides very high protection against UV rays. This lotion guarantees proven photostability and broad UVB and UVA coverage.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eIntensely moisturizes\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEnriched with Aquaspongines and Uriage Thermal Water, this lotion provides intense protection against dryness.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":40866324414661,"sku":"INSTA0666CHIQ","price":429.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/sunscreen-tinted-copy.png?v=1642181655"},{"product_id":"infinity-sunscreen-lotion","title":"Loción Solar Infinity Crema Solar oferta 1+1","description":"\u003cp\u003eLoción Solar Infinity Care con antioxidantes y propiedades anti-envejecimiento hidratará y protegerá tu rostro y cuerpo de los dañinos rayos del sol, previniendo quemaduras, pigmentación y los efectos nocivos de los rayos UV.\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eUsos del producto: \u003cbr data-mce-fragment=\"1\"\/\u003ePara protección antes de la exposición al sol.\u003cbr data-mce-fragment=\"1\"\/\u003ePara todo tipo de piel\u003c\/p\u003e\n\u003cp\u003eEspecificaciones del producto\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eOctocrileno - Avobenzona - Bisoctriazol - Pimotrizinol - Carbonato de Dicarbrilo - Ciclopentasiloxano - Pantenol - Ácido Cítrico - Vitamina E - Glicerina\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eInstrucciones de uso\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eAplicarlo 15-20 minutos antes de la exposición al sol. Reaplicarlo generosamente cada dos horas para protección, especialmente después de nadar, sudar o secarse con la toalla.\u003c\/p\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":41078260793541,"sku":"","price":330.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_34.jpg?v=1683377875"},{"product_id":"dermatique-mattifying-sunscreen","title":"Fluido Solar Matificante Dermatique SPF 50+ (Oferta Dúo 1+1)","description":"\u003ch2 style=\"text-align: center;\"\u003eAbsorbe las grasas, hidrata, protege.\u003c\/h2\u003e\n\u003cp\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_180703_1024x1024.png?v=1682954787\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_180703_1024x1024.png?v=1682954787\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eUn fluido ligero, sin aceites, que garantiza una protección óptima de amplio espectro UVA\/UVB contra los efectos nocivos del sol, regulando al mismo tiempo las secreciones sebáceas y previniendo el brillo, protegiendo la piel de los factores de oxidación dañinos que causan signos de envejecimiento prematuro. \u003c\/p\u003e\n\u003cp\u003e*Tecnología Inhipase™ para preservar la belleza de la piel sensible.\u003c\/p\u003e\n\u003cp\u003e*Tecnología Pollushield™ para protección anti-contaminación de 24 horas.\u003c\/p\u003e\n\u003cp\u003e*Resistente al agua. Textura seca.\u003c\/p\u003e\n\u003cp\u003e*No deja manchas blancas. Resistente al pulido.\u003c\/p\u003e\n\u003cp\u003e*Libre de alérgenos. No comedogénico (no comedogénico (no comedogénico (no obstruye los poros))).\u003c\/p\u003e\n\u003cp\u003e*Sin parabenos.\u003c\/p\u003e\n\u003cp\u003eUso: Aplicar 30 minutos antes de la exposición al sol. Repetir cada dos horas o después de nadar, sudar o secar con toques.\u003c\/p\u003e\n\u003cp\u003eAdvertencias: Solo para uso externo. Evitar el contacto con los ojos. Mantener fuera del alcance de los niños y en un lugar fresco y seco, lejos del calor directo o la luz solar.\u003c\/p\u003e\n\u003cp\u003eIngredientes: UVINUL EASY, VITAMINA E, EXTRACTO DE MANZANILLA, TINOSORB S, PANTENOLO, POLLUSHIELD, UNIVUL A, ÓXIDO DE ZINC, CETIOL AB, GLICERINA, ALANTOÍNA.\u003c\/p\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\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082361016517,"sku":"","price":480.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_31.jpg?v=1682954163"},{"product_id":"kolagra-sunscreen-offer","title":"Presentación del Gel Solar Kolagra SPF 50 para Piel Normal y Mixta 1+1","description":"\u003cspan\u003eBroad spectrum Gel cream with antioxidant to maximize protection from UVA\u0026amp;UVB which can harm your skin, it combines both chemical and physical filters without residue on the skin .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eSuitable for normal to combined skin.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e- Free from paraben , Fragrance , Oxybenzone\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Titanium Dioxide .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- TINOSORB S.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Vitamin E \u003c\/span\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42086585401541,"sku":"","price":280.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Untitleddesign_2.png?v=1677967055"},{"product_id":"عرض-offer-kolagra-sun-screen-lotion-120ml-1-1","title":"Oferta Loción Solar Kolagra 120 ml (1+1)","description":"\u003cspan\u003eBroad spectrum Lotion with antioxidant to maximize protection from UVA \u0026amp; UVB which can destroy skin, it combined both chemical and physical filter without residue on the skin , suitable for all types of skin\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eActive Ingredients\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Titanium Dioxide .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- TINOSORB S.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Vitamin E .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Panthenol :- moisturizer effect .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eFree from paraben , Fragrance , Oxybenzone\u003c\/span\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42086599786693,"sku":"","price":210.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Untitleddesign_3.png?v=1677968279"},{"product_id":"farm-stay-كريم-واقي-الشمس-الخالي-من-الزيوت-spf50","title":"Crema solar sin aceite Farm Stay SPF50+","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003eUno de los mejores protectores solares\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eSeguro para todo tipo de piel, absorción rápida, sin síntomas o residuos molestos\u003c\/p\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVentaja\u003c\/th\u003e\n\u003cth\u003eFarmstay protección solar\u003c\/th\u003e\n\u003cth\u003eLa mayoría de los demás protectores solares\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTipo de piel\u003c\/td\u003e\n\u003ctd\u003eTodo tipo de piel, incluidas las grasas y sensibles\u003c\/td\u003e\n\u003ctd\u003ePodría no ser ideal para todo tipo de piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFactor de protección solar\u003c\/td\u003e\n\u003ctd\u003eSPF50+\u003c\/td\u003e\n\u003ctd\u003ePodría ser inferior a SPF50+\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtección contra las radiaciones\u003c\/td\u003e\n\u003ctd\u003eProtección de amplio espectro contra los rayos UVA y UVB\u003c\/td\u003e\n\u003ctd\u003ePodría no ofrecer una protección extendida\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes principales\u003c\/td\u003e\n\u003ctd\u003eDelicado en la piel, como extracto de aloe vera y ácido hialurónico\u003c\/td\u003e\n\u003ctd\u003ePuede contener ingredientes que son agresivos para la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTextura\u003c\/td\u003e\n\u003ctd\u003eLigero y no graso\u003c\/td\u003e\n\u003ctd\u003ePodría ser graso o pesado en la piel y dejar un efecto irritante\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratación Profunda Facial\u003c\/td\u003e\n\u003ctd\u003eSí, contiene ingredientes hidratantes como el extracto de aloe vera y el ácido hialurónico\u003c\/td\u003e\n\u003ctd\u003ePodría no contener ingredientes hidratantes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePrincipales ingredientes:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAgua para hidratar la piel.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eMetoxicinamato de etilesilo, salicilato de etilesilo y triazona de etilesilo para proteger la piel de los dañinos rayos ultravioleta.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDióxido de Titanio y Óxido de Zinc para una protección solar inmediata y completa.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eExtractos vegetales como Extracto de Hoja de Aloe Barbadensis, Extracto de Corteza de Morus Alba, Extracto de Fruto de Olea Europaea, y extractos de cítricos como Pomelo (Extracto de Fruto de Citrus Paradisi), Naranja (Extracto de Fruto de Citrus Aurantium Dulcis) y Tomate (Extracto de Fruto de Solanum Lycopersicum). Para nutrir e hidratar la piel.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eOtras sustancias naturales como la cera vegetal y la cera de abejas (Cera Microcristalina, Cera de Abeja) ayudan a hidratar y proteger la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"32:1-32:314\"\u003eSi estás buscando un protector solar ligero, no graso y que proporcione protección de amplio espectro, Farmstay Oil-Free Sunscreen es la elección perfecta para ti. También es delicado con la piel, libre de parabenos, aceites minerales y otros productos químicos nocivos. Además, es muy económico y ha recibido muchas reseñas positivas de los clientes.\u003c\/p\u003e","brand":"Farm stay","offers":[{"title":"Default Title","offer_id":42376032092357,"sku":"","price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/farmstayoilfreesunscreenuvdefense.jpg?v=1695887069"},{"product_id":"the-ordinary-mineral-uv-filters-spf-30","title":"the ordinary Mineral uv filters spf 30","description":"\u003ch1\u003eEl mejor amigo de tu piel: protector solar Mineral UV Filters SPF 30 con antioxidantes\u003c\/h1\u003e\n\u003cp\u003eProtege tu piel con elegancia y cuidado con la protección solar Mineral UV Filters SPF 30 con antioxidantes de The Ordinary. Es una crema solar mineral única que te ofrece protección SPF 30 con antioxidantes y apoyo a la hidratación.\u003c\/p\u003e\n\u003ch2\u003e¿Qué distingue este producto?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFiltros minerales:\u003c\/strong\u003e Esta crema solar contiene filtros minerales como el óxido de zinc y el dióxido de titanio, lo que la hace eficaz en la protección de tu piel contra los rayos nocivos del sol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngredientes antioxidantes:\u003c\/strong\u003e La fórmula contiene ingredientes antioxidantes como Astaxantina, Feruliletil y Extracto de Hoja de Rosmarinus Officinalis, que ayudan a proteger la piel de los efectos de los radicales libres y promueven una piel sana.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratación y cuidado:\u003c\/strong\u003e Gracias a ingredientes como la Alantoína y el Hialuronato de Sodio, esta crema solar ofrece un eficaz soporte hidratante y cuidado para tu piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eHaz que este protector solar forme parte de tu rutina diaria de skincare y protege tu piel del sol de manera eficaz y elegante. No dejes que el sol arruine tu belleza; disfruta de una piel sana y radiante con el protector solar Mineral UV Filters SPF 30 con antioxidantes de The Ordinary.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eTodos los ingredientes: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Cyclopentasiloxane, Zinc Oxide, Titanium Dioxide, Glycerin, PEG-10 Dimethicone, Helianthus Annuus Seed Oil, PEG-9 Polydimethylsiloxyethyl Dimethicone, Caprylic\/Capric Triglyceride, Hexyl Laurate, Dimethicone\/PEG-10\/15 Crosspolymer, Polyglyceryl-4 Isostearate, Astaxanthin, Disodium Uridine Phosphate, Ethyl Ferulate, Rosmarinus Officinalis Leaf Extract, Tasmannia Lanceolata Fruit\/Leaf Extract, Haematococcus Pluvialis Extract, Picea Mariana Bark Extract, Arginine, Aspartic Acid, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Sodium PCA, PCA, Sodium Lactate, Glucose, Maltose, Fructose, Trehalose, Urea, Allantoin, Sodium Hyaluronate, Linoleic Acid, Oleic Acid, Phytosteryl Canola Glycerides, Palmitic Acid, Stearic Acid, Isochrysis Galbana Extract, Lysolecithin, Lecithin, Triolein, Pentylene Glycol, Dipropylene Glycol, Polyglyceryl-10 Oleate, Polyglyceryl-5 Trioleate, Polyglyceryl-10 Stearate, Tocopherol, Alumina, Citric Acid, Trisodium Ethylenediamine Disuccinate, Sodium Chloride, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42399960432837,"sku":"","price":1450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-mineral-uv-filters-spf-30-with-antioxidants-50ml.webp?v=1696848637"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","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 h2, \n    .product-container h3 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h2 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-container 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-container h3 {\n        font-size: 1.4rem;\n        color: #777;\n        font-style: italic;\n        margin-top: -0.5em;\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    .product-container ol {\n        padding-right: 25px;\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 image *\/\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    \/* Introduction section with subtle background *\/\n    .intro-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Features section *\/\n    .features-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border: 1px solid #f0f0f0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* Process steps *\/\n    .process-steps {\n        counter-reset: step-counter;\n    }\n    \n    .process-step {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        margin-bottom: 15px;\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n        border-right: 3px solid #9C8102;\n        transition: transform 0.3s ease;\n        position: relative;\n    }\n    \n    .process-step:hover {\n        transform: translateX(-5px);\n    }\n    \n    .process-step::before {\n        counter-increment: step-counter;\n        content: counter(step-counter);\n        position: absolute;\n        right: -15px;\n        top: 50%;\n        transform: translateY(-50%);\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    }\n    \n    .step-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 5px;\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    \/* Two column section *\/\n    .two-column-section {\n        display: flex;\n        gap: 30px;\n        margin: 40px 0;\n    }\n    \n    .column {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .column img {\n        width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\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    \/* Badge *\/\n    .spf-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #9C8102;\n        color: white;\n        padding: 5px 15px;\n        border-radius: 20px;\n        font-weight: bold;\n        margin-right: 10px;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .two-column-section {\n            flex-direction: column;\n        }\n        \n        .process-step::before {\n            right: 10px;\n            top: 10px;\n            transform: none;\n        }\n        \n        .process-step {\n            padding-right: 45px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml.jpg?v=1745773366\"\/\u003e\n\u003ch2\u003eSUPER PROTECCIÓN: Protector solar con cuidado coreano\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e Es un protector solar innovador coreano que combina protección de amplio espectro con un potente SPF50+ PA++++ y una fórmula rica en nutrientes para hidratar y nutrir profundamente la piel. Este protector contiene el 30% de extracto de arroz fermentado y una mezcla de probióticos que reequilibran el microbioma cutáneo y alivian el enrojecimiento y la sequedad. Gracias a su textura ligera y luminosa que desaparece instantáneamente sin dejar película oleosa o blanca, Relief Sun une eficacia y comodidad diaria para todo tipo de piel, incluso las sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Protection Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Protection\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml_2.jpg?v=1745773397\"\/\u003e\n\u003ch2\u003eProtección completa sin compromisos\u003c\/h2\u003e\n\u003ch3\u003e- Formulación avanzada para prevenir los daños del sol\u003c\/h3\u003e\n\u003cp\u003eRelief Sun ofrece una protección eficaz contra los rayos UVA y UVB gracias a filtros químicos avanzados que garantizan SPF50+ PA++++, reduciendo el riesgo de quemaduras e hiperpigmentación derivadas de la exposición diaria al sol. Fórmula sin perfume, sin alcohol y segura (nivel verde EWG), adecuada para piel sensible y para quienes son alérgicos a los protectores solares convencionales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Texture\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"features-section fade-in\"\u003e\n\u003ch2\u003eDuo hidratación y nutrición: arroz y probióticos en una mezcla única\u003c\/h2\u003e\n\u003ch3\u003e- Ingredientes naturales para hidratación profunda y alivio instantáneo\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003eRelief Sun combina el 30% de extracto de arroz fermentado con una mezcla de probióticos y cereales fermentados, ricos en vitaminas B, C, E, aminoácidos y minerales, para proporcionar a la piel hidratación inmediata y calmar el enrojecimiento y la sequedad durante todo el día.\u003c\/p\u003e\n\u003cp\u003eAdemás, la fórmula está enriquecida con Niacinamida, que equilibra los niveles de aceite y humedad de la piel, minimizando el tamaño de los poros para un aspecto más liso y más completo.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; margin-top: 20px;\"\u003e\n\u003cspan class=\"spf-badge\"\u003eSPF50+\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003ePA++++\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003eEWG GREEN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003e¿Cómo funciona el producto?\u003c\/h2\u003e\n\u003ch3\u003e- La tecnología hidratante funciona en sinergia con la protección solar -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eComienzo de la calma\u003c\/div\u003e\n\u003cp\u003eCuando se aplica el protector, los probióticos y el arroz fermentado calman la piel y alivian la sensación de sequedad y enrojecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFuerte barrera protectora\u003c\/div\u003e\n\u003cp\u003eLos filtros SPF50+ PA++++ reflejan y absorben los rayos dañinos antes de que penetren en la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eHidratante y nutritivo\u003c\/div\u003e\n\u003cp\u003eEl arroz fermentado libera sus ingredientes hidratantes en profundidad en la piel, mientras que la niacinamida refuerza la barrera natural de agua de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eAcabado ligero\u003c\/div\u003e\n\u003cp\u003eLa textura de gel brillante se absorbe rápidamente, dejando la piel suave sin ningún rastro blanco ni molestia pegajosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Advantages Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eEl secreto de la excelencia: ¿Por qué Relief Sun supera a los demás?\u003c\/h2\u003e\n\u003ch3\u003e- Resultados prácticos y experiencia de usuario confiable\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTextura irresistible\u003c\/h4\u003e\n\u003cp\u003eLigera como el aire, se funde en la piel sin dejar rastro de grasitud o molestos residuos blancos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEficacia comprobada\u003c\/h4\u003e\n\u003cp\u003eUna de las cremas solares con las calificaciones más altas del mundo con puntuaciones superiores a 4,5 estrellas de millones de usuarios\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFórmula científica y natural\u003c\/h4\u003e\n\u003cp\u003eCombina filtros químicos avanzados con extractos orgánicos tradicionales de arroz fermentado y probióticos, para garantizar protección e hidratación completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eReconocimiento de los expertos\u003c\/h4\u003e\n\u003cp\u003eRespaldado por la recomendación de Allure como una de las mejores cremas solares coreanas por la combinación de protección y estilo, y aprobado por dermatólogos gracias a su fórmula segura y eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAdecuado para todas las condiciones\u003c\/h4\u003e\n\u003cp\u003eFunciona de manera excelente en condiciones de alta humedad y previene una sensación de pesadez o resbaladiza, convirtiéndolo en la elección perfecta para el uso diario con o sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eProtege tu piel con la última elegancia coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eDisfruta de la protección SPF50+ con hidratación profunda y nutrición en un solo producto. Di adiós a las cremas solares pesadas y blancas y da la bienvenida a un cutis sano y protegido durante todo el día.\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        \/\/ Add hover effects to process steps\n        document.querySelectorAll('.process-step').forEach(step =\u003e {\n            step.addEventListener('mouseenter', () =\u003e {\n                step.style.transform = 'translateX(-5px)';\n            });\n            \n            step.addEventListener('mouseleave', () =\u003e {\n                step.style.transform = '';\n            });\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"product_id":"bobai-sunscreen-extra-lightening-gel-spf-50-واقي-الشمس-المفتح-من-بوباي","title":"Gel iluminador de crema solar Bobai Extra Lightening SPF 50 es una crema solar iluminadora de Bobai","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    .dual-action-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    .problem-highlight {\n      background: #333;\n      color: white;\n      padding: 20px;\n      border-radius: 8px;\n      margin: 15px 0;\n      border-right: 4px solid #9C8102;\n    }\n\n    .solution-highlight {\n      background: #9C8102;\n      color: white;\n      padding: 20px;\n      border-radius: 8px;\n      margin: 15px 0;\n      font-weight: bold;\n    }\n\n    .ingredients-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    .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 0.8s forwards;\n    }\n\n    .usage-section .section-title {\n      color: #9C8102;\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    .timeline-section {\n      background: #f5f5f5;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 1s 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      display: flex;\n      align-items: center;\n      gap: 20px;\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      background: #9C8102;\n      color: white;\n      padding: 10px 15px;\n      border-radius: 20px;\n      font-weight: bold;\n      min-width: 120px;\n      text-align: center;\n      flex-shrink: 0;\n    }\n\n    .timeline-content {\n      font-size: 1.1em;\n      font-weight: bold;\n    }\n\n    .warning-section {\n      background: #333;\n      color: white;\n      padding: 35px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1s ease 1.2s forwards;\n    }\n\n    .warning-title {\n      color: #9C8102;\n      font-size: 1.8em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .sun-damage-fact {\n      background: rgba(255, 107, 107, 0.1);\n      border: 2px solid #ff6b6b;\n      border-radius: 10px;\n      padding: 25px;\n      margin: 20px 0;\n      font-size: 1.2em;\n      line-height: 1.5;\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 1.4s 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    .investment-highlight {\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      font-weight: bold;\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        grid-template-columns: 1fr;\n      }\n\n      .timeline-item {\n        flex-direction: column;\n        text-align: center;\n      }\n\n      .timeline-period {\n        min-width: auto;\n        margin-bottom: 10px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eSolar iluminador SPF 50\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eProtección + aclarante en un único producto\u003c\/p\u003e\n\u003cdiv class=\"dual-action-highlight\"\u003eProtección diaria + aclarado gradual = doble resultado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003e¿Por qué elegir una crema solar iluminadora?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cdiv class=\"problem-highlight\"\u003e\n\u003cstrong\u003eEl problema con las cremas solares normales\u003c\/strong\u003e Solo protege, pero... \u003cstrong\u003eLas manchas oscuras existentes permanecen tal como están\u003c\/strong\u003e.\n      \u003c\/div\u003e\n\u003cdiv class=\"solution-highlight\"\u003e\n\u003cstrong\u003eSolar iluminador\u003c\/strong\u003e Con tus manos \u003cstrong\u003eProtección + tratamiento\u003c\/strong\u003e Al mismo tiempo. En lugar de usar dos productos separados, un solo producto actúa en ambos frentes.\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\"\u003eIngredientes activos\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Grid --\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003c!-- Glabridin Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eGlabridin\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eIluminador natural de regaliz\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhibe la enzima tirosinasa\u003c\/strong\u003e Responsable de la producción de melanina\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAclara gradualmente las manchas oscuras\u003c\/strong\u003e Sin irritaciones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeguro para uso diario\u003c\/strong\u003e A diferencia de la hidroquinona\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApto para pieles sensibles\u003c\/strong\u003e No provoca inflamación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- SPF 50 Protection Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eProtección SPF 50\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eProtección UV superior\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlta protección UVA\/UVB\u003c\/strong\u003e Previene la formación de nuevas manchas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCombate los radicales libres\u003c\/strong\u003e Causas del envejecimiento de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreviene el empeoramiento de las manchas existentes\u003c\/strong\u003e De la exposición al sol\u003c\/li\u003e\n\u003c\/ul\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 simple\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eAplica diariamente 20 minutos antes de la exposición al sol\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReaplicar cada dos horas\u003c\/strong\u003e Para una protección continua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÚsalo también en días nublados\u003c\/strong\u003e - Los rayos ultravioleta están siempre presentes\u003c\/li\u003e\n\u003c\/ol\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\"\u003eInmediatamente\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eProtección solar y una textura ligera y confortable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDos semanas\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003ePreviene la formación de nuevas manchas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eUn mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eEl inicio de un ligero aclaramiento de las manchas existentes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e3 meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eUna clara mejora del tono de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e6 meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eResultados estables en aclarar las manchas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-title\"\u003eUn hecho importante sobre los daños del sol\u003c\/div\u003e\n\u003cdiv class=\"sun-damage-fact\"\u003e\n\u003cstrong\u003eCada rayo de sol rompe el colágeno. Exponerse al sol sin protección es la vía más rápida al envejecimiento prematuro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003eSolar iluminador SPF 50\u003c\/strong\u003e Él \u003cstrong\u003eUna inversión inteligente en la salud y belleza de tu piel\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eProtección diaria + aclarado gradual = doble resultado de un solo producto.\u003c\/p\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\"\u003eProtege tu piel ahora\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNo esperes a que aparezcan manchas oscuras o signos de envejecimiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComienza hoy la protección y el tratamiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eOrdénalo ahora... y mantiene tu piel protegida y radiante cada día.\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').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, .timeline-item');\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    \/\/ Dual action highlight pulse effect\n    function addPulseEffect() {\n      const dualActionHighlight = document.querySelector('.dual-action-highlight');\n      if (dualActionHighlight) {\n        setInterval(() =\u003e {\n          dualActionHighlight.style.transform = 'scale(1.05)';\n          setTimeout(() =\u003e {\n            dualActionHighlight.style.transform = 'scale(1)';\n          }, 200);\n        }, 3000);\n      }\n    }\n\n    \/\/ Sun damage fact glow effect\n    function addSunDamageGlow() {\n      const sunDamageFact = document.querySelector('.sun-damage-fact');\n      if (sunDamageFact) {\n        setInterval(() =\u003e {\n          sunDamageFact.style.boxShadow = '0 0 20px rgba(255, 107, 107, 0.5)';\n          setTimeout(() =\u003e {\n            sunDamageFact.style.boxShadow = 'none';\n          }, 1000);\n        }, 5000);\n      }\n    }\n\n    \/\/ Timeline items sequential animation\n    function addTimelineAnimation() {\n      const timelineItems = document.querySelectorAll('.timeline-item');\n      \n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry, index) =\u003e {\n          if (entry.isIntersecting) {\n            setTimeout(() =\u003e {\n              entry.target.style.opacity = '1';\n              entry.target.style.transform = 'translateX(0)';\n            }, index * 200);\n            observer.unobserve(entry.target);\n          }\n        });\n      });\n\n      timelineItems.forEach((item, index) =\u003e {\n        item.style.opacity = '0';\n        item.style.transform = 'translateX(30px)';\n        item.style.transition = 'all 0.6s ease';\n        observer.observe(item);\n      });\n    }\n\n    \/\/ Initialize all effects when DOM is loaded\n    document.addEventListener('DOMContentLoaded', function() {\n      observeElements();\n      addHoverEffects();\n      addPulseEffect();\n      addSunDamageGlow();\n      addTimelineAnimation();\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Bobai","offers":[{"title":"Default Title","offer_id":44945745969349,"sku":null,"price":325.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BobaiExtraLightning.webp?v=1753545997"},{"product_id":"medicube-collagen-firming-sun-cream-50-ml","title":"Crema Solar Colágeno Medicube Reafirmante e Iluminadora (SPF50+ PA++++) - 50 ml","description":"\u003cdiv class=\"medicube-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .medicube-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    }\n\n    .medicube-container * {\n      box-sizing: border-box;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 2.8em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease-out forwards;\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: 15px;\n      box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1s ease-out 0.3s forwards;\n    }\n\n    .highlight-question {\n      background: #000;\n      color: white;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      font-size: 1.4em;\n      font-weight: bold;\n      text-align: center;\n      opacity: 0;\n      transform: rotateX(15deg);\n      animation: rotateIn 1s ease-out 0.5s forwards;\n      border: 2px solid #9C8102;\n    }\n\n    .problem-solution {\n      background: #f8f9fa;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      margin: 25px 0;\n      opacity: 0;\n      transform: translateX(30px);\n      animation: slideInRight 0.8s ease-out 0.7s forwards;\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 25px;\n      margin: 40px 0 20px 0;\n      border-radius: 10px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .benefit-section {\n      margin: 30px 0;\n      padding: 25px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .ingredient-highlight {\n      background: #e9ecef;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #9C8102;\n    }\n\n    .result-highlight {\n      background: #f8f9fa;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #d4af37;\n    }\n\n    .collagen-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      transform: rotateY(15deg);\n      border: 2px solid #9C8102;\n    }\n\n    .collagen-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .collagen-type {\n      background: white;\n      color: #333;\n      padding: 25px;\n      border-radius: 12px;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .collagen-type h4 {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }\n\n    .feature-item {\n      background: #f8f9fa;\n      margin-bottom: 10px;\n      padding: 15px;\n      border-radius: 8px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    .protection-stats {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .stat-card {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n      text-align: center;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(20px);\n    }\n\n    .stat-number {\n      font-size: 2.5em;\n      font-weight: bold;\n      color: #9C8102;\n      display: block;\n    }\n\n    .amino-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin: 30px 0;\n    }\n\n    .amino-function {\n      background: #f8f9fa;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(20px);\n    }\n\n    .amino-function h4 {\n      color: #9C8102;\n      margin-bottom: 10px;\n      font-weight: bold;\n    }\n\n    .hydration-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .hydration-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .hydration-type {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    .choice-section {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .choice-card {\n      padding: 30px;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n    }\n\n    .choice-delay {\n      background: #f0f0f0;\n      border: 2px solid #666;\n      color: #333;\n    }\n\n    .choice-smart {\n      background: #e8e8e8;\n      border: 2px solid #9C8102;\n      color: #333;\n    }\n\n    .ingredients-complete {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n    }\n\n    .ingredient-category {\n      background: #333;\n      padding: 20px;\n      border-radius: 10px;\n      margin: 20px 0;\n      border-right: 4px solid #9C8102;\n    }\n\n    .ingredient-category h4 {\n      color: #9C8102;\n      margin-bottom: 15px;\n      font-weight: bold;\n    }\n\n    .ingredient-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .ingredient-list li {\n      padding: 8px 0;\n      border-bottom: 1px solid #555;\n    }\n\n    .ingredient-list li:last-child {\n      border-bottom: none;\n    }\n\n    .cta-final {\n      background: #000;\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 50px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      border: 3px solid #9C8102;\n    }\n\n    .urgency-text {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      animation: pulse 2s infinite;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes rotateIn {\n      to {\n        opacity: 1;\n        transform: rotateX(0);\n      }\n    }\n\n    @keyframes rotateInY {\n      to {\n        opacity: 1;\n        transform: rotateY(0);\n      }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n      \n      .collagen-types,\n      .amino-grid,\n      .hydration-types,\n      .choice-section {\n        grid-template-columns: 1fr;\n      }\n      \n      .highlight-question {\n        font-size: 1.2em;\n        padding: 20px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eMedicube Crema Solar con Colágeno - una tecnología coreana revolucionaria que cambia las reglas del juego\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"Crema solar de colágeno de Medicube\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream.avif?v=1753548925\"\/\u003e\n\u003c!-- Highlight Question --\u003e\n\u003cdiv class=\"highlight-question\"\u003e\n    ¿Por qué pagar más por una protección solar normal cuando puedes obtener 3 tratamientos en un solo producto?\n  \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eCada mañana te enfrentas a una elección:\u003c\/strong\u003e ¿Proteges solo tu piel del sol... o la proteges, la mantienes y la embelleces al mismo tiempo?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEl problema con las cremas solares normales\u003c\/strong\u003e Protegen contra el futuro pero ignoran el presente. \u003cstrong\u003eTu piel necesita más que protección... necesita reconstrucción y renovación.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e No es solo protector solar \u003cstrong\u003eUna inversión diaria para la juventud de tu piel\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eMás que una simple crema solar... este es un producto de prevención, belleza y tratamiento\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Beneficios de la crema solar con colágeno\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_2.webp?v=1753548754\"\/\u003e\n\u003c!-- Individual Benefits --\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección UV superior\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsable:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Protección SPF50+ PA+++ contra futuras quemaduras, pigmentación y arrugas\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducir arrugas y líneas finas\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsable:\u003c\/strong\u003e Complejo de Colágeno 5000 ppm (4 tipos de colágeno)\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Reafirmación natural de la piel y mejora visible de las líneas en 4-6 semanas\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eResplandor instantáneo y uniformidad del tono de la piel\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsable:\u003c\/strong\u003e Óxidos de hierro\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e El color durazno natural oculta las imperfecciones y aporta luminosidad desde el primer uso\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneración de las células de la piel y anti-envejecimiento\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsable:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Piel más suave, más elástica y más viva con el uso continuado\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratación profunda de larga duración\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsable:\u003c\/strong\u003e Complejo de Ácido Hialurónico (4 tipos) + Ceramida NP\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Hidratante que dura horas y refuerza la barrera natural de la piel\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección contra los radicales libres y la contaminación\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsable:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Resistente a los factores de envejecimiento ambiental y mantiene la piel joven\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eEfecto maquillaje natural sin maquillaje\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsable:\u003c\/strong\u003e Peach-tinted formula\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Apariencia mejorada al instante, adecuada para hombres y mujeres\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Collagen Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTecnología coreana exclusiva: 5000ppm de colágeno cuaternario\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Tecnología de colágeno coreano\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_1.webp?v=1753548778\"\/\u003e\n\u003cdiv class=\"collagen-section\"\u003e\n\u003ch2 style=\"font-size: 2em; margin-bottom: 20px;\"\u003eEl colágeno no es solo un ingrediente... es el secreto de la juventud permanente\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eEmpresa Medicube\u003c\/strong\u003e Ha pasado años investigando el colágeno y ha ideado una fórmula revolucionaria: \u003cstrong\u003eUna combinación de 4 tipos diferentes de colágeno\u003c\/strong\u003e A una concentración de 5000ppm - \u003cstrong\u003eLa concentración más alta del mundo de protectores solares\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eColágeno hidrolizado - Penetra en la piel en pocos segundos\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\u003ePartículas muy pequeñas\u003c\/strong\u003e Llega inmediatamente a las capas profundas\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 natural de colágeno\u003c\/strong\u003e En tu 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\u003eRellena las líneas finas desde el interior\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eExtracto de Colágeno - Fuerza Concentrada\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\u003eNutrición celular intensa\u003c\/strong\u003e Dañado por el sol\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\u003eReconstruye los tejidos\u003c\/strong\u003e Dañado y relajado\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 la elasticidad de la piel\u003c\/strong\u003e Significativamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eColágeno soluble - absorción inmediata\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\u003eNo deja rastros\u003c\/strong\u003e Sobre la superficie 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\u003eSu efecto dura muchas horas\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\u003eResultados acumulativos en cada uso\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sun Protection Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eProtección superior SPF50+ PA+++ - el escudo invencible\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Protección solar SPF50+\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3-in-1-collagen-firming-sunscreen-42107171537152.webp?v=1753548820\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eNo todas las cremas solares protegen de la misma manera\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e No son solo números... esto \u003cstrong\u003eGarantía científica\u003c\/strong\u003e Que tu piel esté protegida de:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e99%\u003c\/span\u003e\n\u003cp\u003eDe los rayos ultravioleta dañinos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003eDe quemaduras e infecciones inmediatas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003eReducir las pigmentaciones y las futuras manchas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003eReducción de las arrugas debidas a los daños del sol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eTecnología de doble protección:\u003c\/strong\u003e Protectores físicos + químicos = \u003cstrong\u003eLa protección posible más fuerte\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Glow Effect Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eEfecto iluminador instantáneo: belleza inmediata con color durazno natural\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Efecto iluminador instantáneo\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_3.webp?v=1753548723\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eNo es solo protección... es belleza profesional\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eColor durazno\u003c\/strong\u003e Estudiado científicamente para adaptarse a todos los tonos de piel:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eOculta las imperfecciones\u003c\/h4\u003e\n\u003cp\u003eY la pigmentación inmediatamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eBrillo natural\u003c\/h4\u003e\n\u003cp\u003eSin maquillaje\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eUniforma el tono de la piel\u003c\/h4\u003e\n\u003cp\u003eMejora su apariencia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePara hombres y mujeres\u003c\/h4\u003e\n\u003cp\u003eResultado 100% natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Protege tu piel y al mismo tiempo luce mejor que antes de salir de casa.\n  \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eComplejo de Aminoácidos - un ejército de 17 guerreros anti-edad\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eCada aminoácido tiene una tarea específica en la reconstrucción de tu piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003e¿Por qué los aminoácidos son importantes?\u003c\/strong\u003e ¿Por qué \u003cstrong\u003eLos ladrillos de las proteínas\u003c\/strong\u003e Qué construye tu piel.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17 aminoácidos\u003c\/strong\u003e Juntos funcionan como un equipo profesional:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-grid\"\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eGlycine + Proline\u003c\/h4\u003e\n\u003cp\u003eConstruye nuevo colágeno y refuerza la estructura de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003eEstimular la circulación sanguínea y acelerar la regeneración\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003eRepara los tejidos dañados por el sol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLos restantes 11 ácidos\u003c\/h4\u003e\n\u003cp\u003eSoporte completo para la renovación y vitalidad de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\" style=\"text-align: center; font-size: 1.2em;\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Tu piel no solo está protegida... se renueva cada día.\n  \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eHidratación profunda con tecnología de capas múltiples\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eNo es solo hidratación... es la reconstrucción de la barrera hidrolipídica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eCeramida Agua - el arquitecto de la piel\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eReconstrucción de la barrera natural\u003c\/h4\u003e\n\u003cp\u003eDestructivo por el sol y la contaminación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eBloquea la humedad\u003c\/h4\u003e\n\u003cp\u003eDurante muchas horas sin resecar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePreviene la pérdida de agua\u003c\/h4\u003e\n\u003cp\u003eDe la piel durante todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eComplejo de Ácido Hialurónico - Reserva de Hidratación\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 tipos diferentes\u003c\/strong\u003e Del ácido hialurónico:\u003c\/p\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eHidratación superficial y suavidad táctil instantánea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydrolyzed Hyaluronic Acid\u003c\/h4\u003e\n\u003cp\u003ePenetración profunda en las capas internas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate Crosspolymer\u003c\/h4\u003e\n\u003cp\u003eHidratación a largo plazo que dura horas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydroxypropyltrimonium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eProtección contra factores externos y contaminación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Decision Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa decisión de hoy determina la forma de tu piel dentro de 5 años\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eTienes dos opciones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-section\"\u003e\n\u003cdiv class=\"choice-card choice-delay\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.8em; margin-bottom: 20px;\"\u003ePrimera opción: aplazamiento\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003ePreferir usar productos regulares\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVer cómo tu piel se deteriora gradualmente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNecesitarás tratamientos más caros y más difíciles después\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eTe arrepientes de no haber invertido en tu piel antes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-card choice-smart\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eSegunda elección: inversión inteligente\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eobtén \u003cstrong\u003eLa última tecnología coreana\u003c\/strong\u003e En el skincare\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eProtege, trata y embellece tu piel cada día\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVerás resultados reales en pocos meses\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eApariencia \u003cstrong\u003eMás joven y fresca\u003c\/strong\u003e Con el tiempo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 style=\"font-size: 2.5em; margin-bottom: 20px;\"\u003e¡Ordena ahora... antes de que sea demasiado tarde!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e No es solo protector solar \u003cstrong\u003eSocio exitoso\u003c\/strong\u003e En el viaje para preservar tu juventud.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n      50 ml son suficientes para un mes y medio de protección y tratamiento avanzado. Los resultados comenzarán desde el primer día y la transformación completa ocurrirá en meses.\n    \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003eTu piel no esperará tu decisión... y el tiempo no está de tu lado. Invierte en ti mismo ahora.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n      Ordénalo ahora... y no dejes que el arrepentimiento te lleve más de lo que ya ha hecho.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-complete\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eComposición completa (ingredientes principales)\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eIngredientes para la protección solar:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e Un protector físico seguro para piel sensible\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e Protectores químicos altamente efectivos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplejo de Colágeno (5000ppm):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e Colágeno hidrolizado de rápida absorción\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e Extracto de colágeno natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e Colágeno soluble para hidratación profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplejo de aminoácidos:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlycine, Serine, Glutamic Acid, Aspartic Acid, Leucine, Alanine, Lysine, Arginine, Tyrosine, Phenylalanine, Proline, Threonine, Valine, Isoleucine, Histidine, Cysteine, Methionine:\u003c\/strong\u003e 17 aminoácidos esenciales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCompuesto de ácido hialurónico:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium Hyaluronate + Hydrolyzed Hyaluronic Acid + Hyaluronic Acid + Sodium Hyaluronate Crosspolymer:\u003c\/strong\u003e Hidratación en múltiples capas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCeramidas e hidratantes:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Fortalecer la barrera hidrolipídica\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e Alivio e hidratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Mejora la textura y el tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComponentes adicionales:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e Antiedad aprobado por la FDA\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e Óxidos de hierro para un color melocotón natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e Antioxidante natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced 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          const element = entry.target;\n          \n          if (element.classList.contains('benefit-section')) {\n            element.style.animation = 'slideInRight 0.8s ease-out forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('collagen-section')) {\n            element.style.animation = 'rotateInY 1s ease-out forwards';\n          } else if (element.classList.contains('collagen-type')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('stat-card')) {\n            element.style.animation = 'fadeInUp 0.6s ease-out forwards';\n          } else if (element.classList.contains('amino-function')) {\n            element.style.animation = 'slideInRight 0.6s ease-out forwards';\n          } else if (element.classList.contains('hydration-type')) {\n            element.style.animation = 'fadeInUp 0.7s ease-out forwards';\n          } else if (element.classList.contains('choice-card')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.2s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations on page load\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-section, .section-header, .collagen-section, .collagen-type, .stat-card, .amino-function, .hydration-type, .choice-card, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Add staggered delays\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      benefitSections.forEach((section, index) =\u003e {\n        section.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const collagenTypes = document.querySelectorAll('.collagen-type');\n      collagenTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const aminoFunctions = document.querySelectorAll('.amino-function');\n      aminoFunctions.forEach((func, index) =\u003e {\n        func.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const hydrationTypes = document.querySelectorAll('.hydration-type');\n      hydrationTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const choiceCards = document.querySelectorAll('.choice-card');\n      choiceCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.3}s`;\n      });\n    });\n\n    \/\/ Enhanced hover effects\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      \n      benefitSections.forEach(section =\u003e {\n        section.addEventListener('mouseenter', () =\u003e {\n          section.style.transform = 'translateY(-8px)';\n          section.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\n        });\n        \n        section.addEventListener('mouseleave', () =\u003e {\n          section.style.transform = 'translateY(0)';\n          section.style.boxShadow = '0 4px 15px rgba(0,0,0,0.08)';\n        });\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          card.style.transform = 'translateY(-5px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = 'translateY(0) scale(1)';\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":44945797775557,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicubesuncollagensuncream.webp?v=1753548668"},{"product_id":"vacation-sunscreen-lotion-spray-بخاخ-واقي-الشمس-فاكيشن","title":"Loción Spray Solar VACATION","description":"\u003cdiv class=\"vacation-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .vacation-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    }\n\n    .vacation-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Sun Animation *\/\n    .sun-decoration {\n      position: fixed;\n      top: 50px;\n      left: 50px;\n      z-index: -1;\n      opacity: 0.1;\n    }\n\n    .sun {\n      position: relative;\n      width: 100px;\n      height: 100px;\n      animation: sunRotate 20s linear infinite;\n    }\n\n    .sun-center {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      background: #9C8102;\n      border-radius: 50%;\n      animation: sunPulse 3s ease-in-out infinite;\n    }\n\n    .sun-ray {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 25px;\n      background: linear-gradient(to top, #9C8102, transparent);\n      transform-origin: bottom center;\n    }\n\n    .sun-ray-1 { transform: translate(-50%, -100%) rotate(0deg); }\n    .sun-ray-2 { transform: translate(-50%, -100%) rotate(45deg); }\n    .sun-ray-3 { transform: translate(-50%, -100%) rotate(90deg); }\n    .sun-ray-4 { transform: translate(-50%, -100%) rotate(135deg); }\n    .sun-ray-5 { transform: translate(-50%, -100%) rotate(180deg); }\n    .sun-ray-6 { transform: translate(-50%, -100%) rotate(225deg); }\n    .sun-ray-7 { transform: translate(-50%, -100%) rotate(270deg); }\n    .sun-ray-8 { transform: translate(-50%, -100%) rotate(315deg); }\n\n    \/* Floating particles *\/\n    .vacation-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n                  radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n                  radial-gradient(circle at 60% 20%, rgba(156, 129, 2, 0.04) 1px, transparent 1px);\n      animation: floatingParticles 15s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 2.8em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease-out forwards;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n      animation: shimmer 3s ease-in-out 2s infinite;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 500px;\n      height: auto;\n      margin: 30px auto;\n      display: block;\n      border-radius: 20px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9) rotateY(10deg);\n      animation: imageReveal 1.2s ease-out 0.5s forwards;\n      transition: all 0.4s ease;\n    }\n\n    .product-image:hover {\n      transform: scale(1.02) rotateY(0deg);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n    }\n\n    .product-meta {\n      background: #f5f5f5;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      margin: 25px 0;\n      opacity: 0;\n      transform: translateX(30px);\n      animation: slideInRight 0.8s ease-out 0.3s forwards;\n    }\n\n    .meta-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .quick-overview {\n      background: #000;\n      color: white;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 1s ease-out 0.5s forwards;\n      border: 2px solid #9C8102;\n    }\n\n    .overview-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .overview-text {\n      font-size: 1.1em;\n      line-height: 1.8;\n      opacity: 0.95;\n    }\n\n    .features-section {\n      margin: 40px 0;\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 25px;\n      margin: 40px 0 20px 0;\n      border-radius: 10px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 0.8s ease-out forwards;\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 10px;\n      position: relative;\n      text-shadow: 0 0 10px rgba(156, 129, 2, 0.3);\n    }\n\n    .section-title::before {\n      content: '';\n      position: absolute;\n      bottom: -5px;\n      right: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, #9C8102, #d4af37);\n      animation: titleUnderline 2s ease-out 0.5s forwards;\n    }\n\n    .feature-group {\n      background: white;\n      margin: 25px 0;\n      padding: 25px;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n\n    .feature-group-title {\n      color: #9C8102;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }\n\n    .feature-item {\n      background: #f8f9fa;\n      margin-bottom: 10px;\n      padding: 15px;\n      border-radius: 8px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      transition: all 0.3s ease;\n      color: #333;\n    }\n\n    .feature-item:hover {\n      background: #e9ecef;\n      transform: translateX(-5px);\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    .ingredients-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      transform: rotateY(15deg);\n      animation: rotateInY 1s ease-out forwards;\n    }\n\n    .ingredients-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .ingredient-card {\n      background: #333;\n      padding: 25px;\n      border-radius: 12px;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .ingredient-description {\n      font-size: 0.95em;\n      opacity: 0.9;\n    }\n\n    .usage-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .usage-steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .usage-step {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    .step-number {\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      margin-bottom: 15px;\n      margin-right: auto;\n    }\n\n    .step-title {\n      color: #9C8102;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .cta-final {\n      background: #000;\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 50px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: scaleIn 1.2s ease-out forwards;\n      border: 3px solid #9C8102;\n    }\n\n    .cta-title {\n      color: #9C8102;\n      font-size: 2.2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .cta-text {\n      font-size: 1.1em;\n      margin-bottom: 20px;\n      opacity: 0.9;\n    }\n\n    .highlight-text {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      color: #9C8102;\n      animation: pulse 2s infinite;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 20px;\n      margin: 30px 0;\n    }\n\n    .benefit-card {\n      background: white;\n      padding: 25px;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      transition: all 0.3s ease;\n      opacity: 0;\n      transform: translateX(30px);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.05) 0%, transparent 70%);\n      transform: scale(0);\n      transition: transform 0.6s ease;\n    }\n\n    .benefit-card:hover::before {\n      transform: scale(1);\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-8px) translateX(30px);\n      box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .benefit-description {\n      color: #555;\n      font-size: 0.95em;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes rotateInY {\n      to {\n        opacity: 1;\n        transform: rotateY(0);\n      }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @keyframes sunRotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes sunPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1);\n        box-shadow: 0 0 20px rgba(156, 129, 2, 0.3);\n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.1);\n        box-shadow: 0 0 30px rgba(156, 129, 2, 0.5);\n      }\n    }\n\n    @keyframes floatingParticles {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      33% { transform: translateY(-10px) rotate(120deg); }\n      66% { transform: translateY(5px) rotate(240deg); }\n    }\n\n    @keyframes titleUnderline {\n      to { width: 100%; }\n    }\n\n    @keyframes imageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg);\n      }\n    }\n\n    @keyframes shimmer {\n      0% { transform: translateX(-100%); }\n      100% { transform: translateX(100%); }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n\n      .product-image {\n        max-width: 90%;\n        border-radius: 15px;\n      }\n      \n      .ingredients-grid,\n      .usage-steps,\n      .benefits-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .sun-decoration {\n        display: none;\n      }\n\n      .vacation-container::before {\n        opacity: 0.5;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eLoción Solar Spray Vacation\u003c\/h1\u003e\n\u003c!-- Product Image --\u003e\n\u003cimg alt=\"Spray solar Vacaciones\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacation_sunscreen_spray_2.png?v=1753553417\"\/\u003e\n\u003c!-- Animated Sun Decoration --\u003e\n\u003cdiv class=\"sun-decoration\"\u003e\n\u003cdiv class=\"sun\"\u003e\n\u003cdiv class=\"sun-center\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-4\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-5\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-6\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-7\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-8\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Features Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eCaracterísticas básicas\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eSpray ultrasuave\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\u003eAplicación uniforme\u003c\/strong\u003e A nivel regional\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\u003eSin tocar\u003c\/strong\u003e - Limpio y rápido\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\u003eNo deja manchas\u003c\/strong\u003e O áreas no protegidas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003ePerfecto para el movimiento\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\u003eReaplicación fácil\u003c\/strong\u003e Cada dos horas\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\u003eAdecuado sobre el maquillaje\u003c\/strong\u003e Sin estropear\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\u003eMi trabajo es para el deporte\u003c\/strong\u003e y actividad al aire libre\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección inteligente\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\u003eTitanium Dioxide + Zinc Oxide:\u003c\/strong\u003e Protección física segura\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\u003eApto para pieles sensibles\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\u003eNo deja brillo\u003c\/strong\u003e O una sensación untuosa\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Active Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eIngredientes activos\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eAceite de árbol de té - un antiséptico natural\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\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\u003ePreviene irritaciones\u003c\/strong\u003e Y infecciones\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\u003eApto para la piel propensa al acné\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\u003ePropiedades antibacterianas\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eDióxido de Titanio + Óxido de Zinc - doble protección\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\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\u003eProtectores físicos seguros\u003c\/strong\u003e Para piel sensible\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\u003eProtección inmediata\u003c\/strong\u003e De los rayos UVA\/UVB\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\u003eNo penetrar la piel\u003c\/strong\u003e - Permanecer en la superficie\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eColágeno - nutrición adicional\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\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\u003eMantiene la elasticidad de la piel\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\u003eResiste a los signos del envejecimiento\u003c\/strong\u003e Del sol\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eVitamina E - antioxidante\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\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\u003eProtege contra los radicales libres\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\u003eAlivia la piel\u003c\/strong\u003e Irritado por el sol\u003c\/span\u003e\n\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!-- Usage Instructions --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eAgitar bien\u003c\/h4\u003e\n\u003cp\u003eAgitar bien el envase antes de cada uso para asegurarse de que los ingredientes estén mezclados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eRociar de manera uniforme\u003c\/h4\u003e\n\u003cp\u003eMantener el recipiente lejos de la piel y rociar en todas las áreas expuestas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003ePara el rostro\u003c\/h4\u003e\n\u003cp\u003eRociar primero en la mano, luego aplicar en el rostro evitando los ojos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eRepetir cada dos horas\u003c\/h4\u003e\n\u003cp\u003eO después de nadar y sudar para garantizar protección continua\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa solución práctica para una protección inteligente\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eVacation Sunscreen Lotion Spray\u003c\/strong\u003e Él \u003cstrong\u003eSolución práctica\u003c\/strong\u003e Para quienes desean una protección rápida y eficaz.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n      Neblina fina + protección potente + facilidad de uso = el protector perfecto para la vida activa\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdénalo ahora... y disfruta de una protección sin complicaciones.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\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          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'slideInRight 0.8s ease-out forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('ingredients-section')) {\n            element.style.animation = 'rotateInY 1s ease-out forwards';\n          } else if (element.classList.contains('ingredient-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('usage-step')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.2s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .section-header, .ingredients-section, .ingredient-card, .usage-step, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Add staggered delays\n      const benefitCards = document.querySelectorAll('.benefit-card');\n      benefitCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const ingredientCards = document.querySelectorAll('.ingredient-card');\n      ingredientCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const usageSteps = document.querySelectorAll('.usage-step');\n      usageSteps.forEach((step, index) =\u003e {\n        step.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      \/\/ Enhanced hover effects with sun particles\n      const benefitCards2 = document.querySelectorAll('.benefit-card');\n      benefitCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          \/\/ Create floating particles effect\n          createParticles(card);\n        });\n      });\n\n      \/\/ Create floating particles function\n      function createParticles(element) {\n        for (let i = 0; i \u003c 3; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: #9C8102;\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 10;\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          \/\/ Animate particle\n          particle.animate([\n            { transform: 'translateY(0px) scale(1)', opacity: 1 },\n            { transform: 'translateY(-30px) scale(0)', opacity: 0 }\n          ], {\n            duration: 1000,\n            easing: 'ease-out'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Random sparkle effect\n      setInterval(() =\u003e {\n        const sparkle = document.createElement('div');\n        sparkle.style.cssText = `\n          position: fixed;\n          width: 3px;\n          height: 3px;\n          background: #9C8102;\n          border-radius: 50%;\n          pointer-events: none;\n          z-index: -1;\n          left: ${Math.random() * window.innerWidth}px;\n          top: ${Math.random() * window.innerHeight}px;\n        `;\n        \n        document.body.appendChild(sparkle);\n        \n        sparkle.animate([\n          { transform: 'scale(0)', opacity: 0 },\n          { transform: 'scale(1)', opacity: 1 },\n          { transform: 'scale(0)', opacity: 0 }\n        ], {\n          duration: 2000,\n          easing: 'ease-in-out'\n        }).onfinish = () =\u003e sparkle.remove();\n      }, 3000);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":44945823563973,"sku":null,"price":460.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacationsunscreenspray.png?v=1753551842"},{"product_id":"bobai-sunscreen-oil-defense-fluid-spf-50-واقي-الشمس-للبشرة-الدهنية","title":"Fluido protector contra el aceite Bobai Sunscreen Oil Defense SPF 50+ crema solar para piel grasa","description":"\u003cdiv class=\"popai-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .popai-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    .popai-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Premium floating particles background *\/\n    .popai-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      animation: floatBackground 20s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3em;\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: fadeInUp 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: underlineGrow 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 500px;\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: imageReveal 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    .hero-tagline {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 20px;\n      margin: 50px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid #9C8102;\n      position: relative;\n      overflow: hidden;\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    .hero-tagline::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.1) 0%, transparent 70%);\n      animation: pulseGlow 4s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .tagline-text {\n      font-size: 1.4em;\n      font-weight: 700;\n      color: #d4af37;\n      position: relative;\n      z-index: 2;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 30px;\n      margin: 50px 0 30px 0;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 15px 30px 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.2em;\n      font-weight: 800;\n      margin-bottom: 10px;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 30px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .benefit-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: \n        0 15px 40px rgba(0,0,0,0.08),\n        0 6px 20px 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(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-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.04), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .benefit-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: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-12px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,1);\n    }\n\n    .benefit-card:hover::before {\n      left: 100%;\n    }\n\n    .benefit-card:hover::after {\n      opacity: 0.2;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .benefit-icon {\n      font-size: 1.2em;\n      color: #d4af37;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n    }\n\n    .feature-item {\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      margin-bottom: 10px;\n      padding: 15px 18px;\n      border-radius: 10px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n    }\n\n    .feature-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n      transform: translateX(-6px);\n      box-shadow: 0 4px 12px rgba(156, 129, 2, 0.08);\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: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n    }\n\n    .usage-section {\n      background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n      padding: 50px;\n      border-radius: 20px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 15px 30px rgba(0,0,0,0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .usage-steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .usage-step {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 30px;\n      border-radius: 15px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 8px 20px rgba(0,0,0,0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      position: relative;\n    }\n\n    .usage-step:hover {\n      transform: translateX(-8px);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.1),\n        0 4px 15px rgba(156, 129, 2, 0.08);\n      border-right-color: #d4af37;\n    }\n\n    .step-number {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      font-size: 1.2em;\n      margin-bottom: 20px;\n      margin-right: auto;\n      box-shadow: \n        0 4px 12px 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    .step-title {\n      color: #9C8102;\n      font-weight: 700;\n      margin-bottom: 15px;\n      font-size: 1.1em;\n    }\n\n    .step-description {\n      color: #555;\n      line-height: 1.7;\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: 60px;\n      border-radius: 25px;\n      text-align: center;\n      margin: 60px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: scaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid #9C8102;\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.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: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.12) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaPulse 3s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #d4af37;\n      font-size: 2.5em;\n      font-weight: 900;\n      margin-bottom: 25px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin: 25px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.7;\n    }\n\n    .highlight-formula {\n      font-size: 1.4em;\n      font-weight: 800;\n      color: #d4af37;\n      margin: 30px 0;\n      animation: textGlow 2.5s 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 fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes imageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes underlineGrow {\n      to { width: 100px; }\n    }\n\n    @keyframes floatBackground {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(180deg); }\n    }\n\n    @keyframes pulseGlow {\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 ctaPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.3; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.2); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes textGlow {\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.4em;\n        margin-bottom: 30px;\n      }\n\n      .hero-image {\n        max-width: 85%;\n        border-radius: 20px;\n        margin: 40px auto;\n      }\n      \n      .benefits-grid,\n      .usage-steps {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .hero-tagline,\n      .section-header,\n      .usage-section,\n      .cta-final {\n        padding: 30px 20px;\n        margin: 30px 10px;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2em;\n      }\n\n      .benefit-card {\n        padding: 25px 20px;\n        border-radius: 15px;\n      }\n\n      .usage-step {\n        padding: 25px 20px;\n      }\n\n      .feature-item {\n        padding: 12px 15px;\n        margin-bottom: 8px;\n      }\n\n      \/* Simplified animations for mobile *\/\n      .popai-container::before {\n        animation: none;\n        opacity: 0.4;\n      }\n\n      .benefit-card:hover,\n      .usage-step:hover {\n        transform: translateY(-5px);\n      }\n\n      .hero-image:hover {\n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2em;\n        letter-spacing: -0.01em;\n      }\n\n      .hero-tagline,\n      .section-header,\n      .usage-section,\n      .cta-final {\n        padding: 25px 15px;\n        border-radius: 15px;\n      }\n\n      .section-title {\n        font-size: 1.7em;\n      }\n\n      .cta-title {\n        font-size: 1.8em;\n      }\n\n      .benefit-title {\n        font-size: 1.2em;\n      }\n\n      .highlight-formula {\n        font-size: 1.2em;\n      }\n\n      .cta-text {\n        font-size: 1.1em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eCrema solar Popeye para pieles grasas y propensas al acné\u003c\/h1\u003e\n\u003c!-- Hero Image with proper alt text --\u003e\n\u003cimg alt=\"Crema solar Popeye para piel grasa y propensa al acné - protección potente sin untuosidad\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/abd5b615-52ce-4769-a9f2-eca0e98721e9.png?v=1753596442\"\/\u003e\n\u003c!-- Hero Tagline --\u003e\n\u003cdiv class=\"hero-tagline\"\u003e\n\u003cdiv class=\"tagline-text\"\u003e\n      Protección completa sin efecto graso, sin sudor en la piel, sin molestas marcas blancas\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Features Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eCaracterísticas básicas\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003c!-- Sun Protection --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e☀️\u003c\/span\u003e\n        98% protección fuerte\n      \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\u003eProtección de amplio espectro\u003c\/strong\u003e De los rayos UVA\/UVB\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\u003eApto para el uso diario\u003c\/strong\u003e Y la exposición prolongada al sol\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Oily Skin Specific --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n        Diseñado para piel problemática.\n      \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\u003eRegula la secreción de grasa\u003c\/strong\u003e Previene el exceso de brillo\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\u003ePropiedades antibacterianas\u003c\/strong\u003e Previene la formación de 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\u003eAntiinflamatorio\u003c\/strong\u003e Alivia la irritación y el enrojecimiento\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\u003ePropiedades exfoliantes delicadas\u003c\/strong\u003e Limpia los poros\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Perfect Texture --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n        Textura ideal para piel grasa\n      \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\u003eLigera y de rápida absorción\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\u003eNo deja una sensación grasosa\u003c\/strong\u003e O pegajoso\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\u003eNo deja una capa blanca\u003c\/strong\u003e Sobre 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\u003eAdecuado debajo del maquillaje\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eAgitar bien el envase\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eAntes del uso para asegurarse de que los ingredientes estén perfectamente mezclados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eAplica una cantidad apropiada\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eSobre la piel 20 minutos antes de la exposición al sol para una mejor protección\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eReaplicar cada dos horas\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eO cuando sea necesario para mantener una protección continua durante el día\u003c\/p\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 solución perfecta para la piel grasa\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCrema solar Popeye\u003c\/strong\u003e Él \u003cstrong\u003eLa solución perfecta para la piel grasa\u003c\/strong\u003e Quién necesita una fuerte protección sin grasa ni granos.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-formula\"\u003e\n      98% protección + regulación del sebo + antibacteriano = protección solar inteligente para pieles rebeldes\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdénalo ahora... y disfruta de una protección fuerte sin complicaciones.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer\n    const observerOptions = {\n      threshold: 0.15,\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          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'fadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('usage-step')) {\n            element.style.animation = 'fadeInUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('hero-tagline')) {\n            element.style.animation = 'scaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('usage-section')) {\n            element.style.animation = 'scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .section-header, .usage-step, .hero-tagline, .usage-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Staggered delays\n      const benefitCards = document.querySelectorAll('.benefit-card');\n      benefitCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const usageSteps = document.querySelectorAll('.usage-step');\n      usageSteps.forEach((step, index) =\u003e {\n        step.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      \/\/ Enhanced particle effects\n      const benefitCards2 = document.querySelectorAll('.benefit-card');\n      benefitCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createParticles(card);\n        });\n      });\n\n      \/\/ Particle creation function\n      function createParticles(element) {\n        for (let i = 0; i \u003c 6; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 2}px;\n            height: ${Math.random() * 4 + 2}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          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1 \n            },\n            { \n              transform: `translateY(-50px) scale(0) rotate(${Math.random() * 360}deg)`, \n              opacity: 0 \n            }\n          ], {\n            duration: 1800,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Enhanced magnetic hover effects\n      const allCards = document.querySelectorAll('.benefit-card, .usage-step');\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 * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(5px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.hero-tagline', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.6) {\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              { transform: 'scale(0) rotate(0deg)', opacity: 0 },\n              { transform: 'scale(1) rotate(180deg)', opacity: 1 },\n              { transform: 'scale(0) rotate(360deg)', opacity: 0 }\n            ], {\n              duration: 2500,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 3000);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Bobai","offers":[{"title":"Default Title","offer_id":44946557796549,"sku":null,"price":340.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobaiSunscreenOilDefenseFluidSPF50_1.avif?v=1753595951"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun: Rice + Probiotics Crema solar ligera SPF 50+ PA++++ (Hidratación no grasa con B5)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n        \/* === Core Variables (Dark Mode) === *\/\n        .aqua-relief-wrapper {\n            --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n            --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n            --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n            --aqua-primary: #5cb8e4;\n            --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n            --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n            --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n            --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n            --gold-accent: #d4af37;\n            --text-main: #f8fafc; \/* Near white for dark mode *\/\n            --text-muted: #94a3b8; \/* Light slate gray *\/\n            --border-glass: rgba(92, 184, 228, 0.2);\n            --glow-aqua: rgba(56, 189, 248, 0.25);\n            \n            background-color: var(--aqua-bg-base);\n            color: var(--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: 0 0 60px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .aqua-relief-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .aqua-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Typography Utilities === *\/\n        .aqua-text-gradient {\n            background: var(--aqua-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n            text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n        }\n\n        .aqua-section-title {\n            font-size: clamp(26px, 4vw, 38px);\n            font-weight: 900;\n            text-align: center;\n            margin: 80px 0 20px;\n            color: #ffffff; \/* White for better visibility *\/\n            position: relative;\n        }\n\n        .aqua-section-subtitle {\n            text-align: center;\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 50px;\n            font-weight: 500;\n        }\n\n        \/* === Ambient Background === *\/\n        .aqua-ambient {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            overflow: hidden;\n        }\n        \n        .aqua-glow-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            opacity: 0.5;\n            animation: orbDrift 15s infinite alternate ease-in-out;\n        }\n\n        .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n        .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n        @keyframes orbDrift {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-30px, 50px) scale(1.1); }\n        }\n\n        \/* === Hero Section === *\/\n        .aqua-hero {\n            position: relative;\n            padding: 80px 20px 40px;\n            text-align: center;\n            background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n            border-bottom: 1px solid var(--border-glass);\n        }\n\n        .aqua-hero-icon {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 80px;\n            height: 80px;\n            margin-bottom: 20px;\n            animation: float 3s ease-in-out infinite;\n            filter: drop-shadow(0 5px 15px var(--glow-aqua));\n            color: var(--aqua-primary);\n            font-size: 40px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            background: var(--aqua-bg-card); \/* Darker background *\/\n            border-radius: 50%;\n            box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .aqua-main-title {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 900;\n            margin-bottom: 25px;\n            line-height: 1.3;\n            letter-spacing: -0.5px;\n            color: #ffffff;\n        }\n\n        .aqua-hero-subtitle-text {\n            font-size: clamp(16px, 2.5vw, 20px);\n            color: var(--text-main);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n            font-weight: 500;\n        }\n\n        \/* === Video \u0026 Image Wrappers === *\/\n        .aqua-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto;\n            perspective: 1000px;\n            display: block;\n        }\n\n        .aqua-media-wrapper.size-lg { max-width: 850px; }\n        .aqua-media-wrapper.size-md { max-width: 700px; }\n        .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n        .aqua-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n            border: 2px solid var(--border-glass); \/* Subtler border *\/\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n            object-fit: cover;\n        }\n\n        \/* === Glass Cards \u0026 Grids === *\/\n        .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n        .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n        .aqua-glass-card {\n            background: var(--aqua-bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--border-glass);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            text-align: left;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 4px; height: 100%;\n            background: var(--aqua-gradient);\n            opacity: 0;\n            transition: 0.4s ease;\n        }\n\n        .aqua-glass-card:hover {\n            transform: translateY(-8px);\n            background: var(--aqua-bg-card-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n            border-color: var(--aqua-primary);\n        }\n\n        .aqua-glass-card:hover::before { opacity: 1; }\n\n        .aqua-card-title {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .aqua-card-desc {\n            color: var(--text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        \/* === Impact Highlight Section === *\/\n        .aqua-impact-wrapper {\n            background: var(--pearl-gradient);\n            padding: 60px 40px;\n            margin: 60px 0;\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n            text-align: center;\n        }\n\n        \/* === Icons === *\/\n        .aqua-icon-badge {\n            width: 60px; height: 60px;\n            background: var(--aqua-light);\n            border: 1px solid var(--border-glass);\n            border-radius: 16px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--aqua-dark);\n            transition: 0.4s ease;\n            font-size: 24px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card:hover .aqua-icon-badge {\n            background: var(--aqua-gradient);\n            color: white;\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* === Timeline === *\/\n        .aqua-timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n\n        .aqua-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 50%;\n            width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n            transform: translateX(50%);\n        }\n\n        .aqua-timeline-item {\n            display: flex;\n            justify-content: flex-end;\n            padding-left: 50%;\n            position: relative;\n            margin-bottom: 30px;\n        }\n\n        .aqua-timeline-item:nth-child(even) {\n            justify-content: flex-start;\n            padding-left: 0;\n            padding-right: 50%;\n        }\n\n        .aqua-timeline-content {\n            width: 90%;\n            background: var(--aqua-bg-card);\n            border: 1px solid var(--border-glass);\n            padding: 25px;\n            border-radius: 16px;\n            position: relative;\n            transition: all 0.3s;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        .aqua-timeline-content:hover {\n            border-color: var(--aqua-primary);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n        }\n\n        .aqua-timeline-badge {\n            position: absolute;\n            top: 25px; right: -6.5%;\n            width: 14px; height: 14px;\n            background: var(--aqua-bg-base);\n            border: 3px solid var(--aqua-primary);\n            border-radius: 50%;\n            z-index: 2;\n            box-shadow: 0 0 10px var(--glow-aqua);\n        }\n\n        .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n            right: auto;\n            left: -6.5%;\n        }\n\n        .aqua-time-label {\n            color: var(--aqua-dark);\n            font-weight: 800;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n            display: inline-block;\n            background: var(--aqua-light);\n            padding: 4px 15px;\n            border-radius: 20px;\n        }\n\n        \/* === Comparison Section === *\/\n        .aqua-comparison-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .aqua-comp-card {\n            background: var(--aqua-bg-card);\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        .aqua-comp-card.premium {\n            border: 2px solid var(--aqua-primary);\n            background: var(--pearl-gradient);\n            transform: scale(1.02);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n        }\n\n        .aqua-comp-list { list-style: none; padding: 0; }\n        .aqua-comp-item {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: var(--text-muted);\n        }\n        .aqua-comp-item:last-child { border-bottom: none; }\n        \n        .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n        .aqua-check-icon {\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-weight: bold; font-size: 14px;\n            color: white; flex-shrink: 0;\n        }\n        .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n        .aqua-check-premium { background: var(--aqua-gradient); }\n\n        \/* === CTA Section === *\/\n        .aqua-cta {\n            text-align: center;\n            margin-top: 80px;\n            padding: 60px 30px;\n            background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        }\n\n        .aqua-btn-primary {\n            display: inline-block;\n            background: var(--aqua-gradient);\n            background-size: 200% auto;\n            color: white;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.2rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.5s ease;\n            box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n            margin-top: 30px;\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .aqua-btn-primary:hover {\n            background-position: right center;\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n        }\n\n        \/* === Animations === *\/\n        .aqua-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        .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n        .delay-3 { transition-delay: 0.3s; }\n\n        @media (max-width: 768px) {\n            .aqua-timeline::before { right: 20px; transform: none; }\n            .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n            .aqua-timeline-content { width: 100%; }\n            .aqua-timeline-badge { right: 14px; top: 25px; }\n            .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n            \n            .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n            .aqua-hero { padding: 50px 15px 20px; }\n            .aqua-cta { padding: 40px 20px; }\n            .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n            .aqua-media-wrapper { padding: 0 10px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eCrema solar coreana\u003c\/span\u003e Qué te hará volver a amar el sol\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n                Imagina una crema solar con una textura acuosa que desaparece en pocos segundos, y contiene un 30% de agua de semillas de arroz, que hace que la piel de las estrellas coreanas sea extraordinaria, y con 5 filtros de protección avanzada. Protege, hidrata, ilumina y trata - 4 productos en uno.\n            \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n                    Tu navegador no admite la visualización de videos.\n                \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa textura acuosa desaparece en pocos segundos\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eNo es como una crema solar normal, es una fórmula muy ligera que se absorbe inmediatamente en la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e30% agua de semillas de arroz\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl secreto de belleza de la antigua Corea para iluminar e hidratar profundamente la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eSin blancura ni untuosidad\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eTambién para la piel grasa, no deja residuos blancos molestos ni brillo no deseado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5 filtros de protección avanzados\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa protección más fuerte en la región contra todo tipo de rayos dañinos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4 productos en uno\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eFuerte protección + hidratación profunda + aclarado de manchas + tratamiento de la barrera hidrolipídica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003e¿Has probado muchos protectores solares... y debido a tanto malestar, decidiste dejar que el sol se comiera tu piel?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n                Si estás cansado de las cremas solares que dejan la piel blanca, o que hacen que la piel sea grasa y pegajosa, o que realmente no te protegen del sol...\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh cambiará por completo tu idea\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDesde el primer uso, sentirás que aplicas un suero hidratante, no un protector solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eAgua de semillas de arroz 30% - el secreto de la belleza coreana\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003e¿Qué hace que un ingrediente valga el precio de un protector solar completo?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Agua de semillas de arroz en Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eUn antiguo secreto de miles de años\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eEl agua de semillas de arroz no es solo un ingrediente común... Este es el secreto de la belleza coreana que las estrellas asiáticas heredan de sus familias.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eEl componente más caro en la composición:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Se extrae mediante métodos especiales que preservan sus beneficios.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30% concentración muy alta - el porcentaje más alto en una crema solar.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Antioxidantes 10 veces más fuertes que la vitamina C.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003e¿Qué hará en tu piel?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Tu piel recupera su esplendor natural en pocas semanas.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Aclara las manchas oscuras y uniforma su color.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Hidrata en profundidad hasta 7 capas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 filtros de protección avanzados - un equipo completo contra el sol\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eEn un momento en que todos los productos preventivos te ofrecen un filtro, ¡esta crema te ofrece 5!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa primera protección: absorbe los rayos y los transforma en calor inocuo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl combatiente completo: protege contra UVA y UVB con un 99% de eficiencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEspecialista: apunta a los rayos que causan el envejecimiento de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProtector profundo: Combate los rayos que penetran en las capas profundas de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl escudo definitivo: doble protección y estabilidad duradera sobre la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eResultado: protección SPF 57,9 + PA++++ UVA PF 19,3 - ¡superior a lo que dice el envase!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eRuta de cambio - observa tu piel mejorar cada día\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003ePrimer día\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa primera sorpresa\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Protección inmediata desde el primer uso.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una sensación de frescura e hidratación profunda.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una textura acuosa que desaparece sin efecto graso.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eDespués de una semana\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEl inicio suave\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ La piel está más suave y luminosa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduce el exceso de brillo para piel grasa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Mejora evidente de la textura de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eDespués de un mes\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLos resultados hablan\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Luminosidad clara y uniformidad del tono de la piel.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Las manchas oscuras están comenzando a disminuir.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Piel más fuerte y resistente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eEn comparación con cualquier otra crema solar: la diferencia es clara\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eProtector solar regular (100 libras)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Solo protección normal\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Textura oleosa o blanco transparente\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Componentes químicos ordinarios\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e No hay beneficios adicionales\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Resultado: protección solo temporal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Fuerte protección + hidratación + tratamiento + belleza\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Textura acuosa lujosa que desaparece con el tiempo\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingredientes naturales raros y costosos\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Mejora continua de la calidad de la piel\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e El resultado: una inversión en la belleza y en la salud de tu piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Invierte en la protección de tu piel ahora\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003e¡La decisión de hoy determinará la forma de tu piel mañana!\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n                El sol es el mayor enemigo de tu piel, la principal causa del envejecimiento prematuro y la primera causa de pigmentación y manchas. ¿Dejarás que el sol consuma tu piel, o invertirás en protegerla con un producto de tratamiento que la mejore cada día?\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003e¡La decisión correcta es clara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eOrdénalo ahora... e invierte en el futuro de tu piel\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.aqua-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('aqua-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            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.aqua-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) * -5;\n                        const rotateY = ((x - centerX) \/ centerX) * 5;\n                        \n                        media.style.transform = `scale(1.02) 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    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44946572411077,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1753601938"},{"product_id":"la-roche-posay-anthelios-uvmune","title":"LA ROCHE-POSAY Innovation Anthelios UVMUNE 400 50+ Oil Control Gel Cream 50.0ml","description":"\u003cdiv class=\"laroche-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .laroche-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%, #f5f5f5 100%);\n      position: relative;\n    }\n\n    .laroche-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Luxury floating background *\/\n    .laroche-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 20% 30%, rgba(156, 129, 2, 0.04) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.05) 1px, transparent 1px),\n        radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.9) 0%, rgba(245, 245, 245, 0.95) 100%);\n      animation: luxuryFloat 30s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 50px;\n      text-shadow: 0 6px 20px rgba(156, 129, 2, 0.4);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(60px);\n      animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.03em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 30%, #f4e4a6 50%, #d4af37 70%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      background-size: 200% 100%;\n      animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards, \n                 shimmerText 4s ease-in-out infinite 2s;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -20px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 5px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 15%, #d4af37 50%, #9C8102 85%, transparent 100%);\n      box-shadow: 0 3px 15px rgba(156, 129, 2, 0.5);\n      animation: luxuryUnderline 3s cubic-bezier(0.23, 1, 0.32, 1) 1.5s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 700px;\n      height: auto;\n      margin: 50px auto;\n      display: block;\n      border-radius: 30px;\n      box-shadow: \n        0 30px 80px rgba(0,0,0,0.2),\n        0 15px 40px rgba(156, 129, 2, 0.15),\n        inset 0 2px 0 rgba(255,255,255,0.7);\n      opacity: 0;\n      transform: scale(0.8) rotateY(10deg) translateZ(0);\n      animation: luxuryImageReveal 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1s forwards;\n      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: '';\n      position: absolute;\n      top: -4px;\n      left: -4px;\n      right: -4px;\n      bottom: -4px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #f4e4a6, #d4af37, #9C8102);\n      border-radius: 34px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.8s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(30px);\n      box-shadow: \n        0 40px 100px rgba(0,0,0,0.25),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .hero-image:hover::before {\n      opacity: 0.8;\n    }\n\n    .impact-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      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px 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.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .impact-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 25% 35%, rgba(156, 129, 2, 0.2) 0%, transparent 50%),\n        radial-gradient(circle at 75% 65%, rgba(212, 175, 55, 0.15) 0%, transparent 50%);\n      animation: luxuryAura 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .impact-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 6s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .impact-title {\n      color: #f4e4a6;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(244, 228, 166, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .impact-text {\n      font-size: 1.3em;\n      line-height: 2;\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: 50px;\n      margin: 80px 0 50px 0;\n      border-radius: 25px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.3),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 900;\n      margin-bottom: 15px;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.5);\n      letter-spacing: -0.02em;\n    }\n\n    .section-subtitle {\n      font-size: 1.2em;\n      opacity: 0.9;\n      font-weight: 300;\n    }\n\n    .features-showcase {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 25px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .feature-highlight {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 30px;\n      border-radius: 20px;\n      text-align: center;\n      box-shadow: \n        0 15px 40px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .feature-highlight::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    .feature-highlight:hover {\n      transform: translateY(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .feature-highlight:hover::before {\n      left: 100%;\n    }\n\n    .feature-icon {\n      width: 50px;\n      height: 50px;\n      margin: 0 auto 20px auto;\n      fill: #9C8102;\n      display: block;\n    }\n\n    .feature-title {\n      color: #9C8102;\n      font-size: 1.1em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .feature-description {\n      color: #555;\n      font-size: 0.95em;\n      line-height: 1.6;\n    }\n\n    .technology-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .tech-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 20px;\n      margin: 30px 0;\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .tech-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: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .tech-card:hover {\n      transform: translateX(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .tech-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .tech-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n    }\n\n    .tech-subtitle {\n      color: #666;\n      font-size: 1.3em;\n      font-weight: 600;\n      margin-bottom: 25px;\n      font-style: italic;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .benefit-item {\n      background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf6 100%);\n      margin-bottom: 12px;\n      padding: 18px 25px;\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 3px 8px rgba(0,0,0,0.04);\n    }\n\n    .benefit-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #dce7f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 6px 15px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-bullet {\n      width: 10px;\n      height: 10px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 6px rgba(156, 129, 2, 0.4);\n    }\n\n    .comparison-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      border: 2px solid #9C8102;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.4),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n      gap: 40px;\n      margin: 50px 0;\n    }\n\n    .comparison-card {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 40px;\n      border-radius: 20px;\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      position: relative;\n      overflow: hidden;\n    }\n\n    .comparison-card.premium {\n      border-top: 5px solid #d4af37;\n      background: linear-gradient(135deg, #404040 0%, #353535 100%);\n    }\n\n    .comparison-card.basic {\n      border-top: 5px solid #666;\n    }\n\n    .comparison-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    .comparison-card:hover {\n      transform: translateY(-10px);\n    }\n\n    .comparison-card.premium:hover::before {\n      opacity: 1;\n    }\n\n    .comparison-title {\n      font-size: 1.8em;\n      font-weight: 800;\n      margin-bottom: 30px;\n      text-align: center;\n    }\n\n    .comparison-title.premium {\n      color: #f4e4a6;\n      text-shadow: 0 2px 8px rgba(244, 228, 166, 0.5);\n    }\n\n    .comparison-title.basic {\n      color: #ccc;\n    }\n\n    .comparison-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .comparison-item {\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .comparison-item:last-child {\n      border-bottom: none;\n    }\n\n    .comparison-check {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: bold;\n    }\n\n    .comparison-check.premium {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n    }\n\n    .comparison-check.basic {\n      background: #666;\n      color: white;\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);\n      animation: luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 50px 100px rgba(0,0,0,0.4),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaAura 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 4px 20px rgba(244, 228, 166, 0.7);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.4em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.8;\n      font-weight: 400;\n    }\n\n    .cta-highlight {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #f4e4a6;\n      margin: 40px 0;\n      animation: luxuryTextGlow 3s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6);\n    }\n\n    @keyframes luxuryFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes luxuryScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes luxuryImageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes luxuryUnderline {\n      to { width: 150px; }\n    }\n\n    @keyframes shimmerText {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n\n    @keyframes luxuryFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(180deg); }\n    }\n\n    @keyframes luxuryAura {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.1) 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 ctaAura {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.4); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes luxuryTextGlow {\n      0%, 100% { \n        text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 6px 30px rgba(244, 228, 166, 0.9); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.8em;\n        margin-bottom: 40px;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        border-radius: 20px;\n        margin: 40px auto;\n      }\n      \n      .features-showcase,\n      .comparison-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n\n      .comparison-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .impact-section,\n      .section-header,\n      .technology-section,\n      .comparison-section,\n      .cta-final {\n        padding: 40px 25px;\n        margin: 40px 10px;\n      }\n\n      .impact-title {\n        font-size: 2.4em;\n      }\n\n      .section-title {\n        font-size: 2.2em;\n      }\n\n      .cta-title {\n        font-size: 2.6em;\n      }\n\n      .tech-card {\n        padding: 30px 20px;\n        border-radius: 15px;\n      }\n\n      .comparison-card {\n        padding: 25px 20px;\n      }\n\n      .benefit-item {\n        padding: 15px 18px;\n        margin-bottom: 10px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2.2em;\n        letter-spacing: -0.01em;\n      }\n\n      .impact-section,\n      .section-header,\n      .technology-section,\n      .comparison-section,\n      .cta-final {\n        padding: 30px 20px;\n        border-radius: 20px;\n      }\n\n      .impact-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .tech-title {\n        font-size: 1.6em;\n      }\n\n      .comparison-title {\n        font-size: 1.5em;\n      }\n\n      .cta-highlight {\n        font-size: 1.3em;\n      }\n\n      .cta-text {\n        font-size: 1.2em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eLa Roche-Posay Anthelios UVMune 400 - la marca número 1 del mundo en protección solar\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"La Roche Posay Anthelios UVMune 400\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/laroch_posay_sunscreen.png?v=1753602772\"\/\u003e\n\u003c!-- Impact Section --\u003e\n\u003cdiv class=\"impact-section\"\u003e\n\u003ch2 class=\"impact-title\"\u003e¿Por qué La Roche Posay es la primera opción de millones de personas en todo el mundo?\u003c\/h2\u003e\n\u003cdiv class=\"impact-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa marca en la que los médicos confían más que en cualquier otra marca\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa marca número 1 en productos de protección solar a nivel global\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRecomendado por 90.000 dermatólogos en todo el mundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e30 años de investigación en la protección de la piel sensible\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTecnología francesa avanzada de los mejores laboratorios\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEl único que tiene MEXORYL400 - una tecnología exclusiva que no se encuentra en ninguna otra marca\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Showcase --\u003e\n\u003cdiv class=\"features-showcase\"\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\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\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003eLa marca número 1 en el mundo\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eLa marca de protección solar más vendida en todo el mundo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003e30 años de investigación\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eTres décadas de desarrollo e innovación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003e90,000 médicos\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eLa Roche Posay es recomendada a nivel internacional\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\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\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003eMEXORYL400 Exclusivo\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eTecnología única no presente en ningún otro producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MEXORYL400 Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eMEXORYL400 - El filtro exclusivo que cambiará tu comprensión de la protección solar\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eUn descubrimiento científico revolucionario que no se encuentra en ningún otro producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e¿Qué es Ultra Long UVA?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa mayoría de las personas conoce UVA y UVB... pero nadie sabe que existe un tercer tipo de rayos llamado Ultra Long UVA.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePenetra en la piel más profundo que cualquier otro tipo de radiación\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCausa daños en las capas profundas de la piel\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResponsable del envejecimiento prematuro y de la pigmentación profunda\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNo existe una crema solar ordinaria que pueda proteger de ello\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eMEXORYL400 - la única solución\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa Roche Posay es la única en el mundo que ha desarrollado un filtro capaz de proteger de este tipo de radiación\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtección contra 3 tipos de rayos:\u003c\/strong\u003e UVB + UVA + Ultra Long UVA\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTecnología exclusiva\u003c\/strong\u003e No lo encontrarás en ninguna otra marca\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtección completa contra los daños celulares profundos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLa diferencia entre él y cualquier otro parasol es como la diferencia entre un auto normal y un auto blindado\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold;\"\u003eResultado: protección completa que no es incompleta como otras cremas solares\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- AIRLICIUM Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTECNOLOGÍA AIRLICIUM POTENCIADA - 10 veces más control del brillo\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eLa tecnología que ha resuelto el mayor problema de la piel grasa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e¿Qué es la tecnología AIRLICIUM?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eTecnología francesa avanzada que absorbe todas las fuentes de brillo en tu rostro\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAbsorbe los aceites en exceso\u003c\/strong\u003e De la piel inmediatamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eControla el sudor\u003c\/strong\u003e E humedad excesiva\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResiste a la humedad atmosférica\u003c\/strong\u003e Lo que hace brillar tu rostro\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAcabado mate que dura horas\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eNueva versión mejorada\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa Roche Posay ha desarrollado la tecnología para ser 10 veces más fuerte\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAbsorción más rápida y profunda\u003c\/strong\u003e Para la grasa\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eControl de brillo más duradero\u003c\/strong\u003e Entrega en hasta 8 horas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMayor resistencia al sudor\u003c\/strong\u003e E humedad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSensación más ligera y suave\u003c\/strong\u003e De la versión anterior\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #f4e4a6, #d4af37); border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold; color: #333;\"\u003eEl resultado: piel opaca y lisa durante todo el día, incluso con calor y humedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cell-Ox Shield Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTecnología Cell-Ox Shield - Escudo inteligente contra los daños celulares\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eNo es solo protección solar... repara los daños ya presentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e¿Qué es Cell-Ox Shield?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eTecnología antioxidante avanzada que actúa en dos niveles\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eFiltros de protección fijos\u003c\/strong\u003e En contra de UVA\/UVB\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePotentes antioxidantes\u003c\/strong\u003e Combate los radicales libres\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtracto de Senna Alata\u003c\/strong\u003e - Una planta natural que defiende las células de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRepara los daños existentes\u003c\/strong\u003e Por exposiciones previas al sol\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\u003eDuplica los resultados\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtección inmediata\u003c\/strong\u003e De los rayos nocivos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTratamiento gradual\u003c\/strong\u003e Para manchas y pigmentación ya presentes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eFortalecimiento de la inmunidad de la piel\u003c\/strong\u003e En contra de factores externos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRetrasar los signos del envejecimiento\u003c\/strong\u003e Y las arrugas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Active Ingredients Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eUna fórmula rica en ingredientes terapéuticos\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eNo es solo protección... es un tratamiento completo para la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eLa Roche-Posay Thermal Spring Water\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAgua termal terapéutica\u003c\/strong\u003e Desde Francia\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRico en selenio\u003c\/strong\u003e - Un potente antioxidante natural\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCalma la piel sensible\u003c\/strong\u003e Y inflamado\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAyuda a reparar los daños\u003c\/strong\u003e Menor\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eNiacinamida (Vitamina B3)\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRegula la secreción de grasa\u003c\/strong\u003e Reduce el tamaño de los poros\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAclara las manchas oscuras\u003c\/strong\u003e Uniforma el tono de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRefuerza la barrera hidrolipídica\u003c\/strong\u003e Natural\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAlivia la inflamación\u003c\/strong\u003e Y enrojecimiento\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eGlicerina + Pantenol (Vitamina B5)\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHidratación profunda\u003c\/strong\u003e Sin grasa\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMantiene la suavidad de la piel\u003c\/strong\u003e Y su suavidad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAyuda en la curación\u003c\/strong\u003e Heridas leves\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduce la irritación de la piel\u003c\/strong\u003e Sensible\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 style=\"color: #f4e4a6; font-size: 2.8em; text-align: center; margin-bottom: 20px; font-weight: 900;\"\u003eEn comparación con otras cremas solares - la diferencia es evidente\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.3em; margin-bottom: 40px; opacity: 0.9;\"\u003eLa Roche Posay contra cualquier otra crema solar\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eProtector solar regular\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eSolo protección UVA + UVB\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eComponentes químicos básicos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eTextura oleosa o blanco transparente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eResistencia limitada al agua y al sudor\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResultado:\u003c\/strong\u003e Protección inadecuada con problemas colaterales\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card premium\"\u003e\n\u003ch3 class=\"comparison-title premium\"\u003eLa Roche Posay Anthelios UVMune 400\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtección UVA + UVB + Ultra Larga UVA\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTecnología exclusiva MEXORYL400\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTextura gel-crema suave y mate\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResistencia superior al agua, al sudor y a la arena\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIngredientes terapéuticos añadidos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResultado:\u003c\/strong\u003e Protección completa + tratamiento + confort total\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: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 15px; position: relative; z-index: 3;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold;\"\u003eConclusión: No es solo una diferencia de precio... es una diferencia en el nivel de protección y calidad\u003c\/p\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\"\u003eNo solo estás comprando un producto... estás comprando 30 años de investigación científica\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eEstás comprando la confianza de 90.000 médicos en todo el mundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEl sol no te esperará... y el daño se acumula cada día\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProtege tu piel con la tecnología más reciente y avanzada del mundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      Ordénalo ahora... y no dejes que tu piel pague el precio del retraso\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer\n    const luxuryObserverOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const luxuryObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('feature-highlight')) {\n            element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('tech-card')) {\n            element.style.animation = 'luxuryFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('comparison-card')) {\n            element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('impact-section')) {\n            element.style.animation = 'luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('technology-section')) {\n            element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('comparison-section')) {\n            element.style.animation = 'luxuryScaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, luxuryObserverOptions);\n\n    \/\/ Initialize luxury animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.feature-highlight, .section-header, .tech-card, .comparison-card, .impact-section, .technology-section, .comparison-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        luxuryObserver.observe(el);\n      });\n\n      \/\/ Luxury staggered delays\n      const featureHighlights = document.querySelectorAll('.feature-highlight');\n      featureHighlights.forEach((highlight, index) =\u003e {\n        highlight.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const comparisonCards = document.querySelectorAll('.comparison-card');\n      comparisonCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.3}s`;\n      });\n\n      \/\/ Premium particle effects\n      const techCards = document.querySelectorAll('.tech-card');\n      techCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createPremiumParticles(card);\n        });\n      });\n\n      \/\/ Enhanced particle creation\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 + 2}px;\n            height: ${Math.random() * 4 + 2}px;\n            background: linear-gradient(135deg, #f4e4a6, #d4af37, #9C8102);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(244, 228, 166, 0.8);\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          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'brightness(1)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 720}deg)`, \n              opacity: 0,\n              filter: 'brightness(1.5)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Luxury magnetic hover effects\n      const allCards = document.querySelectorAll('.tech-card, .comparison-card, .feature-highlight');\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 * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(6px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Premium sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.impact-section', '.section-header', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.6) {\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 1}px;\n              height: ${Math.random() * 3 + 1}px;\n              background: linear-gradient(135deg, #f4e4a6, #d4af37);\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(244, 228, 166, 0.9);\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.6)'\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      }, 3000);\n\n      \/\/ Luxury ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.tech-card, .comparison-card, .feature-highlight')) {\n          const element = e.target.closest('.tech-card, .comparison-card, .feature-highlight');\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(244, 228, 166, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 25px;\n            height: 25px;\n            left: ${e.clientX - rect.left - 12.5}px;\n            top: ${e.clientY - rect.top - 12.5}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  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"LA ROCHE POSAY","offers":[{"title":"Default Title","offer_id":44946608259269,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/LaRochePosay-Product-Skincare-Anthelios-UV-Pro-Sport-ATF-PIM-packshot-front-shadow.webp?v=1753602552"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/collections\/mntjat-alwqayt-mn-alshms.jpg?v=1627644158","url":"https:\/\/instachiq.com\/es\/collections\/sunscreens-sunblockers.oembed?page=2","provider":"Instachiq","version":"1.0","type":"link"}