{"product_id":"the-ordinary-niacinamide-zinc","title":"The Ordinary Niacinamide 10% + Zinc 1% - Suero para el control de las imperfecciones y la reducción de los poros","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.niacinamide-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.niacinamide-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 0.8s ease forwards;\n}\n\n.niacinamide-title-main {\n  font-size: 28px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.niacinamide-title-sub {\n  font-size: 22px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 12px;\n  display: inline-block;\n}\n\n.niacinamide-title-sub:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.niacinamide-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.niacinamide-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  animation: imagePulse 2s infinite alternate ease-in-out;\n  opacity: 0;\n  transform: scale(0.95);\n  animation: fadeInAndScale 0.8s ease forwards;\n}\n\n.niacinamide-image:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.niacinamide-divider {\n  height: 1px;\n  background-color: #eee;\n  margin: 40px 0;\n  position: relative;\n  width: 0;\n  animation: growWidth 1.2s ease forwards;\n}\n\n.niacinamide-divider:before {\n  content: \"\";\n  position: absolute;\n  width: 60px;\n  height: 3px;\n  background-color: #9C8102;\n  top: -1px;\n  right: 50%;\n  transform: translateX(50%);\n  opacity: 0;\n  animation: fadeIn 0.8s 0.6s ease forwards;\n}\n\n.niacinamide-benefit-section {\n  margin: 30px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-benefit-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-benefit-section:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n.niacinamide-benefit-title {\n  text-align: center;\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.niacinamide-benefit-subtitle {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.niacinamide-benefit-subtitle:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 0;\n  height: 2px;\n  background-color: #9C8102;\n  transition: width 0.8s ease;\n}\n\n.niacinamide-benefit-section.visible .niacinamide-benefit-subtitle:after {\n  width: 40px;\n}\n\n.niacinamide-benefit-content {\n  text-align: center;\n  line-height: 1.7;\n  color: #555;\n}\n\n.niacinamide-highlight {\n  color: #9C8102;\n  font-weight: bold;\n  background: linear-gradient(120deg, rgba(156, 129, 2, 0.2), transparent);\n  background-repeat: no-repeat;\n  background-size: 100% 0.4em;\n  background-position: 0 88%;\n  transition: background-size 0.4s ease;\n}\n\n.niacinamide-benefit-section:hover .niacinamide-highlight {\n  background-size: 100% 0.6em;\n}\n\n.niacinamide-usage-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-usage-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-usage-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 15px;\n  font-weight: bold;\n  position: relative;\n  padding-right: 15px;\n}\n\n.niacinamide-usage-title:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 0;\n  background-color: #9C8102;\n  border-radius: 3px;\n  transition: height 0.6s ease;\n}\n\n.niacinamide-usage-section.visible .niacinamide-usage-title:before {\n  height: 100%;\n}\n\n.niacinamide-usage-content {\n  line-height: 1.7;\n}\n\n.niacinamide-ingredients-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-ingredients-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-ingredient-item {\n  margin-bottom: 20px;\n  opacity: 0;\n  transform: translateX(20px);\n  transition: all 0.6s ease;\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.niacinamide-ingredient-name {\n  font-weight: bold;\n  color: #9C8102;\n  margin-bottom: 5px;\n}\n\n.niacinamide-ingredient-desc {\n  line-height: 1.6;\n}\n\n.niacinamide-product-info {\n  text-align: center;\n  margin: 30px 0;\n  padding: 15px;\n  background-color: #f8f6f0;\n  border-radius: 8px;\n  font-weight: bold;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transform: scale(0.95);\n  opacity: 0;\n}\n\n.niacinamide-product-info.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes growWidth {\n  from {\n    width: 0;\n    margin-right: 50%;\n  }\n  to {\n    width: 100%;\n    margin-right: 0;\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes imagePulse {\n  from {\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n  }\n  to {\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.3);\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"niacinamide-container\"\u003e\n\u003cdiv class=\"niacinamide-header\"\u003e\n\u003ch2 class=\"niacinamide-title-main\"\u003eThe ordinary niacinamide 10% Zinc 1%\u003c\/h2\u003e\n\u003cimg alt=\"The Ordinary Niacinamide\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Modern_Search_Bar_Facebook_Feed_Ad_20_1024x1024.jpg?v=1638010843\"\/\u003e\n\u003ch3 class=\"niacinamide-title-sub\"\u003eTu piel está en su estado más puro\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-title-sub\"\u003eLos poros de tu piel son invisibles\u003c\/h2\u003e\n\u003cp class=\"niacinamide-intro\"\u003e\n      La niacinamida es el compuesto ideal y mejor para reducir los poros al máximo, haciendo que tu piel se vea fresca, firme y libre de puntos negros y comedones.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eEficaz contra el acné más grave\u003c\/h3\u003e\n\u003cimg alt=\"Antes y después del uso de la niacinamida\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Reduce el enrojecimiento y los efectos del acné, y verás resultados positivos, especialmente en los granos inflamados\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eTu juventud es eterna\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eUno de los agentes antienvejecimiento más potentes\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eReduce los radicales libres que causan el envejecimiento y estimula la producción de colágeno\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Anti-envejecimiento\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Estimula la producción de queratina, que reafirma la piel y aumenta su grosor, reduciendo los efectos de las líneas finas y arrugas de expresión\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eTu piel es clara y de color uniforme\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eAclarará las zonas oscuras de tu piel\u003c\/h2\u003e\n\u003cimg alt=\"Iluminadores \u0026amp; Antimanchas\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      En altas concentraciones, la niacinamida neutraliza el pigmento de la melanina, aclarando las áreas oscuras y haciendo que la piel tenga un color uniforme.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eHidratación profunda\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eSin efecto graso\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      La niacinamida trabaja para retener la humedad en tu piel creando... \u003cspan class=\"niacinamide-highlight\"\u003e\"Barrera de hidratación\"\u003c\/span\u003e Que previene la pérdida de agua de la piel\n    \u003c\/p\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Neutraliza también la producción de aceites en la piel grasa, por lo que no deja un efecto graso\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003e\u003cstrong\u003eElimina puntos negros y blancos\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\u003cstrong\u003eTrata la piel áspera\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg alt=\"Tratamiento con textura cutánea irregular\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eEstimulando la formación de nuevas células de la piel e hidratando profundamente la piel\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\n\u003cstrong\u003eIdeal para todo tipo de piel: seca, normal, mixta y grasa\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eLigero sobre la piel..absorción rápida\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-usage-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eCómo usar\u003c\/h3\u003e\n\u003cdiv class=\"niacinamide-usage-content\"\u003e\n\u003cp\u003e\n        Aplica una cantidad muy pequeña en el rostro por la mañana y por la noche sobre la piel limpia antes de aplicar cualquier otra crema, aceite o hidratante en la piel.\n      \u003c\/p\u003e\n\u003cp\u003e\n        No debería usarse junto con tratamientos que contengan vitamina C pura.\n        \u003cbr\/\u003e(ácido ascórbico)\n      \u003c\/p\u003e\n\u003cp\u003e\n        Seguro de usar para mujeres embarazadas y en período de lactancia\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-ingredients-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eComponentes básicos\u003c\/h3\u003e\n\u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n\u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Niacinamide -\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n        Es excelente para mejorar la salud general de la piel, fortalece la inmunidad de la piel y mejora la retención de humedad fortaleciendo la barrera hidrolipídica.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n\u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Zinc -\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n        Apoya la estructura de la piel curando la piel dañada y fomentando la producción de colágeno y elastina.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"niacinamide-product-info\"\u003e\n\u003cp\u003eTamaño del paquete 30 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const benefitSections = document.querySelectorAll('.niacinamide-benefit-section');\n  const usageSection = document.querySelector('.niacinamide-usage-section');\n  const ingredientsSection = document.querySelector('.niacinamide-ingredients-section');\n  const productInfo = document.querySelector('.niacinamide-product-info');\n  \n  \n  const images = document.querySelectorAll('.niacinamide-image');\n  if (images.length \u003e 1) {\n    images[1].setAttribute('data-delay', '0.3');\n  }\n  \n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const delay = entry.target.getAttribute('data-delay') || 0;\n        setTimeout(() =\u003e {\n          entry.target.classList.add('visible');\n        }, delay * 1000);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \n  benefitSections.forEach((section, index) =\u003e {\n    section.setAttribute('data-delay', index * 0.15);\n    observer.observe(section);\n  });\n  \n  if (usageSection) observer.observe(usageSection);\n  if (ingredientsSection) observer.observe(ingredientsSection);\n  if (productInfo) observer.observe(productInfo);\n  \n  \n  const imageObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animationDelay = '0.3s';\n        entry.target.style.animationPlayState = 'running';\n        imageObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \n  document.querySelectorAll('.niacinamide-image').forEach(img =\u003e {\n    imageObserver.observe(img);\n  });\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"30 ml","offer_id":42298278117573,"sku":"INSTA0382CHIQ","price":1087.5,"currency_code":"EGP","in_stock":true},{"title":"60 ml","offer_id":44645698240709,"sku":"INSTA0382CHIQ","price":1522.5,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/ezgif.com-gif-maker_5.jpg?v=1636380967","url":"https:\/\/sa.instachiq.com\/es\/products\/the-ordinary-niacinamide-zinc","provider":"Instachiq","version":"1.0","type":"link"}