{"title":"Exfoliantes y soluciones de peeling para la piel","description":"\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\/\u003e\n\u003cstyle\u003e\n.collection-hero-section {\n    background: linear-gradient(135deg, #000000, #131a15);\n    padding: 60px 20px;\n    position: relative;\n    overflow: hidden;\n    font-family:Cairo',sans-serif;\n    color: #ffffff;\n    line-height: 1.6;\n}\n.collection-hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 1;\n}\n.collection-content {\n    position: relative; z-index: 2;\n    max-width: 1200px; margin: 0 auto;\n}\n.wisdom-quote {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(128, 174, 147, 0.3);\n    border-radius: 12px;\n    padding: 20px;\n    text-align: center;\n    margin-bottom: 30px;\n    position: relative;\n    max-width: 600px;\n    margin-left: auto;\n    margin-left: auto;\n}\n.wisdom-text {\n    font-size: 1.1rem;\n    color: #80ae93;\n    font-weight: 600;\n    font-style: italic;\n    line-height: 1.6;\n}\n.collection-title {\n    font-size: 3.5rem;\n    font-weight: 700;\n    margin-bottom: 20px;\n    background: linear-gradient(135deg, #ffffff, #80ae93);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-align: center;\n    line-height: 1.2;\n}\n.collection-description {\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: rgba(255, 255, 255, 0.9);\n    text-align: center;\n    max-width: 600px;\n    margin: 0 auto 25px auto;\n    font-weight: 300;\n}\n.ingredients-section {\n    margin-top: 40px;\n    padding: 20px 0;\n}\n.ingredients-title {\n    text-align: center;\n    font-size: 1rem;\n    letter-spacing: 2px;\n    color: #80ae93;\n    margin-bottom: 30px;\n    font-weight: 600;\n}\n.ingredients-grid {\n    display: flex;\n    gap: 16px;\n    overflow-x: auto;\n    padding: 20px 20px 30px 20px;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: #80ae93 rgba(255, 255, 255, 0.1);\n    margin: 0 -20px;\n}\n.ingredients-grid::-webkit-scrollbar {\n    height: 6px;\n}\n.ingredients-grid::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 3px;\n}\n.ingredients-grid::-webkit-scrollbar-thumb {\n    background: #80ae93;\n    border-radius: 3px;\n}\n.ingredients-grid::-webkit-scrollbar-thumb:hover {\n    background: #6a9a7f;\n}\n.ingredient-card {\n    background: rgba(255, 255, 255, 0.05);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 12px;\n    padding: 16px 12px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    min-height: 90px;\n    min-width: 140px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n.ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(135deg, rgba(128, 174, 147, 0.15), transparent);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n.ingredient-card:hover {\n    transform: translateY(-5px);\n    border-color: #80ae93;\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n}\n.ingredient-card:hover::before {\n    opacity: 1;\n}\n.ingredient-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    margin-bottom: 4px;\n    color: #ffffff;\n    position: relative;\n    z-index: 2;\n}\n.ingredient-benefit {\n    font-size: 0.75rem;\n    color: #80ae93;\n    font-weight: 500;\n    position: relative;\n    z-index: 2;\n}\n.modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(8px);\n    z-index: 1000;\n    animation: fadeIn 0.3s ease;\n}\n.modal-overlay.active {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n}\n.modal-content {\n    background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n    border: 2px solid #80ae93;\n    border-radius: 20px;\n    max-width: 500px;\n    width: 100%;\n    padding: 40px 30px;\n    position: relative;\n    animation: slideUp 0.4s ease;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n}\n.modal-close {\n    position: absolute;\n    top: 15px; left: 15px;\n    background: rgba(255, 255, 255, 0.1);\n    border: none;\n    color: #ffffff;\n    font-size: 24px;\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.modal-close:hover {\n    background: rgba(128, 174, 147, 0.3);\n    transform: rotate(90deg);\n}\n.modal-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #80ae93;\n    text-align: center;\n}\n.modal-subtitle {\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    text-align: center;\n    margin-bottom: 20px;\n    font-style: italic;\n}\n.modal-description {\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 20px;\n    text-align: left;\n}\n.modal-benefits {\n    background: rgba(128, 174, 147, 0.1);\n    border-right: 3px solid #80ae93;\n    padding: 15px 20px;\n    border-radius: 8px;\n    margin-top: 20px;\n}\n.modal-benefits h4 {\n    color: #80ae93;\n    font-size: 0.85rem;\n    margin-bottom: 10px;\n    font-weight: 600;\n}\n.modal-benefits ul {\n    list-style: none;\n    padding: 0;\n}\n.modal-benefits li {\n    padding: 6px 0;\n    color: rgba(255, 255, 255, 0.9);\n    position: relative;\n    padding-left: 20px;\n    font-size: 0.9rem;\n}\n.modal-benefits li::before {\n    content: '✓';\n    position: absolute;\n    right: 0;\n    color: #80ae93;\n    font-weight: bold;\n}\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n@media (max-width: 768px) {\n    .collection-hero-section { padding: 40px 15px; }\n    .collection-title { font-size: 2.5rem; }\n    .collection-description { font-size: 1rem; }\n    .ingredients-grid { gap: 12px; padding: 20px 15px 30px 15px; margin: 0 -15px; }\n    .ingredient-card { min-height: 80px; min-width: 120px; padding: 12px 8px; }\n    .ingredient-name { font-size: 0.85rem; }\n    .ingredient-benefit { font-size: 0.7rem; }\n    .wisdom-text { font-size: 1rem; }\n    .modal-content { padding: 30px 20px; margin: 10px; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"collection-hero-section\"\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv class=\"wisdom-quote\"\u003e\n\u003cp class=\"wisdom-text\"\u003eLa verdadera rejuvenecimiento comienza con eliminar lo viejo... Las células de la piel solo respiran con una exfoliación inteligente!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eExfoliantes de piel | Claridad y pureza del cuero cabelludo y la piel\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003e\n      La acumulación de células muertas, manchas y poros cerrados hace que la piel carezca de luminosidad y suavidad. El exfoliante adecuado lleva tu piel a un nuevo nivel de claridad y aumenta la efectividad de cualquier otra rutina. Descubre los tipos de exfoliantes más destacados y cómo cada ingrediente funciona para lograr los mejores resultados de manera segura y sin irritación.\n    \u003c\/p\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eComponentes básicos\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('aha')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcidos alfa hidroxi (AHA))\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliación superficial suave\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('bha')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcidos Beta Hidroxi (BHA))\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eLimpieza profunda de los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('pha')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcidos Poli-hidroxi (PHA))\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliante suave y delicado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('mandelic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido mandélico\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003ePelado para piel oscura o sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('glycolic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido glicólico\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eFuerte exfoliación de las manchas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('salicylic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido salicílico\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eDisolviendo grasas y poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('lactic')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido láctico\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliar e hidratar al mismo tiempo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('enzymes')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eEnzimas de frutas\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliación natural suave\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('rice')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003ePolvo de arroz\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003ePeeling mecánico suave\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" onclick=\"openModal('jojoba')\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eGránulos de jojoba\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eExfoliación física suave\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-overlay\" id=\"modal\" onclick=\"closeModalOnOverlay(event)\"\u003e\n\u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n\u003cbutton class=\"modal-close\" onclick=\"closeModal()\"\u003e×\u003c\/button\u003e\n\u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\nconst ingredientData = {\n  'aha': {\n    name: 'Ácidos alfa hidroxi (AHA))',\n    subtitle: 'Exfoliación superficial suave',\n    description: 'It includes glycolic, lactic, mandelic… effective in removing dead cells, renewing the skin’s surface and giving quick radiance.',\n    benefits: [\n      'Instantly softens and radiates the skin',\n      'Reduces surface pigmentation',\n      'Ideal for dry and normal skin',\n      'Relatively safe in daily routine'\n    ]\n  },\n  'bha': {\n    name: 'Ácidos Beta Hidroxi (BHA))',\n    subtitle: 'Limpieza profunda de los poros',\n    description: 'The most famous of them is salicylic acid... It dissolves fats inside the pores and cleans them, reducing blackheads and pimples.',\n    benefits: [\n      'Opens and deeply cleanses pores',\n      'Reduces acne and oiliness',\n      'Suitable for oily and mixed skin',\n      'Reduces inflammation and marks'\n    ]\n  },\n  'pha': {\n    name: 'Ácidos Poli-hidroxi (PHA))',\n    subtitle: 'Gentle exfoliant for sensitive skin',\n    description: 'Large molecular acids cause almost no irritation – ultra-gentle exfoliation with added hydration.',\n    benefits: [\n      'Exfoliate without redness or flaking',\n      'Moisturizes and supports the protective barrier',\n      'Suitable for very sensitive skin',\n      'Resists the signs of premature aging'\n    ]\n  },\n  'mandelic': {\n    name: 'Ácido mandélico',\n    subtitle: 'Gradual peeling for sensitive and dark skin',\n    description: 'A mild acid that gently removes the layer of old cells without drying, and is safe for dark or acne-prone skin.',\n    benefits: [\n      'Gradually reduces pigmentation and spots',\n      'Gentle and does not burn the skin',\n      'Suitable for acne problems',\n      'Supports cell regeneration'\n    ]\n  },\n  'glycolic': {\n    name: 'Ácido glicólico',\n    subtitle: 'The strongest superficial chemical peel',\n    description: 'Small molecules penetrate quickly and cleanse deep into the skin - effective for spots and pigmentation and increasing radiance.',\n    benefits: [\n      'Powerfully removes dead cells',\n      'Treats superficial pigmentation',\n      'Activates collagen',\n      'Fits into weekly routine'\n    ]\n  },\n  'salicylic': {\n    name: 'Ácido salicílico',\n    subtitle: 'Fat dissolver and pore treatment',\n    description: 'One of the best solutions for oily skin and acne... It exfoliates and cleanses without irritation, and reduces pimples and blackheads.',\n    benefits: [\n      'Opens and cleans pores',\n      'Reduces fat and deposits',\n      'Reduces inflammation and itching',\n      'Recommended for oily and combination skin'\n    ]\n  },\n  'lactic': {\n    name: 'Ácido láctico',\n    subtitle: 'Exfoliar e hidratar al mismo tiempo',\n    description: 'It combines the removal of old cells with deep hydration, leaving the skin soft and protected.',\n    benefits: [\n      'Softens and moisturizes the skin',\n      'Suitable for dry and sensitive skin',\n      'Supports skin regeneration',\n      'Does not cause dryness or irritation'\n    ]\n  },\n  'enzymes': {\n    name: 'Enzimas de frutas',\n    subtitle: 'Two-door natural peeling',\n    description: 'Extracted from papaya, pineapple and others... it breaks down the bonds between dead cells without irritation or itching.',\n    benefits: [\n      'Gentle and natural exfoliation',\n      'Prevents the accumulation of impurities',\n      'Reduces spots and pigmentation',\n      'Seguro para pieles sensibles'\n    ]\n  },\n  'rice': {\n    name: 'Polvo de arroz',\n    subtitle: 'Peeling mecánico suave',\n    description: 'Fine rice particles remove the surface layer and give instant softness to the skin without irritation.',\n    benefits: [\n      'Removes roughness and dull spots',\n      'Seguro para todo tipo de piel',\n      'Instant results with regular use',\n      'Improves radiance and texture'\n    ]\n  },\n  'jojoba': {\n    name: 'Gránulos de jojoba',\n    subtitle: 'Modern physical peeling',\n    description: 'Does not injure the skin, natural round particles gently cleanse and soften the skin while maintaining the protective barrier.',\n    benefits: [\n      'Gently exfoliates without deep penetration',\n      'It does not irritate or break the skin',\n      'Fast results and smooth texture',\n      'Fits face and body'\n    ]\n  }\n};\n\nfunction openModal(id) {\n  const data = ingredientData[id];\n  if (!data) return;\n  const modalBody = document.getElementById('modalBody');\n  modalBody.innerHTML = `\n    \u003ch3 class=\"modal-title\"\u003e${data.name}\u003c\/h3\u003e\n    \u003cp class=\"modal-subtitle\"\u003e${data.subtitle}\u003c\/p\u003e\n    \u003cp class=\"modal-description\"\u003e${data.description}\u003c\/p\u003e\n    \u003cdiv class=\"modal-benefits\"\u003e \u003ch4\u003e Inicio\u003c\/h4\u003e \u003cul\u003e ${data.benefits.map(benefit =\u003e `\u003cli\u003e${benefit}\u003c\/li\u003e`).join(\"')}\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  `;\n  document.getElementById('modal').classList.add('active');\n}\nfunction closeModal() {\n  document.getElementById('modal').classList.remove('active');\n}\nfunction closeModalOnOverlay(event) {\n  if (event.target.id === 'modal') closeModal();\n}\nif ('ontouchstart' in window) document.body.style.webkitTouchCallout = 'none';\n\u003c\/script\u003e\n","products":[{"product_id":"the-ordinary-peeling-solution","title":"The Ordinary Solución Peeling AHA 30% + BHA 2% - Tratamiento Exfoliante Facial 10 Minutos","description":"\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add hover effects to timeline cards\n  const timelineCards = document.querySelectorAll('.timeline-card');\n  \n  timelineCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-5px)';\n      this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)';\n      this.style.transition = 'all 0.3s ease';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0)';\n      this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.08)';\n    });\n  });\n  \n  \/\/ Animate timeline cards on scroll\n  function isInViewport(element) {\n    const rect = element.getBoundingClientRect();\n    return (\n      rect.top \u003c= (window.innerHeight || document.documentElement.clientHeight) * 0.8 \u0026\u0026\n      rect.bottom \u003e= 0\n    );\n  }\n  \n  function handleTimelineAnimation() {\n    timelineCards.forEach((card, index) =\u003e {\n      if (isInViewport(card) \u0026\u0026 !card.classList.contains('animated')) {\n        setTimeout(() =\u003e {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 200);\n      }\n    });\n  }\n  \n  \/\/ Initial setup - hide all cards\n  timelineCards.forEach(card =\u003e {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(20px)';\n    card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n  });\n  \n  \/\/ Check on load and scroll\n  handleTimelineAnimation();\n  window.addEventListener('scroll', handleTimelineAnimation);\n  \n  \/\/ Reviews Slider\n  const reviewItems = document.querySelectorAll('.review-item');\n  const dots = document.querySelectorAll('.dot');\n  let currentIndex = 0;\n  \n  function showReview(index) {\n    \/\/ Hide all reviews\n    reviewItems.forEach(item =\u003e {\n      item.style.display = 'none';\n    });\n    \n    \/\/ Remove active class from all dots\n    dots.forEach(dot =\u003e {\n      dot.classList.remove('active');\n    });\n    \n    \/\/ Show current review and activate dot\n    reviewItems[index].style.display = 'block';\n    dots[index].classList.add('active');\n  }\n  \n  \/\/ Initialize with first review visible\n  showReview(0);\n  \n  \/\/ Add click event to dots\n  dots.forEach((dot, index) =\u003e {\n    dot.addEventListener('click', function() {\n      currentIndex = index;\n      showReview(currentIndex);\n    });\n  });\n  \n  \/\/ Auto slide every 5 seconds\n  setInterval(() =\u003e {\n    currentIndex = (currentIndex + 1) % reviewItems.length;\n    showReview(currentIndex);\n  }, 5000);\n  \n  \/\/ Add hover effects to instant result items\n  const instantItems = document.querySelectorAll('.instant-result-item');\n  \n  instantItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-5px)';\n      this.style.boxShadow = '0 8px 15px rgba(0, 0, 0, 0.1)';\n      this.style.transition = 'all 0.3s ease';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0)';\n      this.style.boxShadow = '0 3px 10px rgba(0, 0, 0, 0.05)';\n    });\n  });\n});\n\u003c\/script\u003e\u003cdiv class=\"peeling-container\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"The Ordinary Exfoliante Ácido\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Orinary-AHA-BHA_egypt.webp?v=1745951507\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eEl peeling químico que eliminará todos los problemas que enfrentes en tu piel\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Instant Results Section --\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003e¡Resultados inmediatos!\u003c\/h2\u003e\n\u003cdiv class=\"instant-results-grid\"\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 17V21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 3V7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M17 12H21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M3 12H7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 16L18.5 18.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 5.5L8 8\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 8L18.5 5.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 18.5L8 16\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eResplandor instantáneo\u003c\/h3\u003e\n\u003cp\u003ePiel luminosa y radiante inmediatamente después de enjuagar el exfoliante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAclaramiento inmediato\u003c\/h3\u003e\n\u003cp\u003eAclara instantáneamente la piel y uniforma visiblemente su color\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 10H9.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M15 10H15.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eFrescura instantánea\u003c\/h3\u003e\n\u003cp\u003eRevela instantáneamente una piel fresca y joven oculta bajo las células muertas de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M3.27 6.96L12 12.01L20.73 6.96\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 22.08V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M21 16.5V7.5C20.9992 7.18001 20.9071 6.86831 20.7345 6.60232C20.5618 6.33634 20.3161 6.12868 20.03 6.005L12.53 2.265C12.3719 2.19245 12.1971 2.15472 12.02 2.15472C11.8429 2.15472 11.6681 2.19245 11.51 2.265L4.01 6.005C3.72386 6.12868 3.47825 6.33634 3.30552 6.60232C3.13279 6.86831 3.04075 7.18001 3 7.5V16.5C3.04075 16.82 3.13279 17.1317 3.30552 17.3977C3.47825 17.6637 3.72386 17.8713 4.01 17.995L11.51 21.735C11.6681 21.8075 11.8429 21.8453 12.02 21.8453C12.1971 21.8453 12.3719 21.8075 12.53 21.735L20.03 17.995C20.3161 17.8713 20.5618 17.6637 20.7345 17.3977C20.9071 17.1317 20.9992 16.82 21 16.5Z\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePoros limpios\u003c\/h3\u003e\n\u003cp\u003eLimpieza profunda de los poros y eliminación inmediata de los puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-message\"\u003e\n\u003cp\u003eDespués de enjuagar la solución de la piel, ¡te sorprenderá su aspecto! Descubrirás que la piel muerta estaba cubriendo una capa fresca y joven y que estabas impidiendo que apareciera. ¡No dejes que tu piel muerta oculte tu cutis!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits List --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBeneficios principales\u003c\/h2\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEliminar las células muertas de la piel\u003c\/li\u003e\n\u003cli\u003eExfoliación y limpieza profunda de la piel\u003c\/li\u003e\n\u003cli\u003eAclarar la piel y unificar su color\u003c\/li\u003e\n\u003cli\u003eHidratar la piel haciéndola más elástica y suave\u003c\/li\u003e\n\u003cli\u003ePurifica la piel de las impurezas y la hace más pura\u003c\/li\u003e\n\u003cli\u003eHace que la piel sea más luminosa y radiante\u003c\/li\u003e\n\u003cli\u003eTrata líneas finas y arrugas de expresión de la piel\u003c\/li\u003e\n\u003cli\u003ePurifica los poros obstruidos de la piel\u003c\/li\u003e\n\u003cli\u003eExcelente para mejorar la textura de la piel\u003c\/li\u003e\n\u003cli\u003eIdeal para todo tipo de piel, excepto para la piel sensible\u003c\/li\u003e\n\u003cli\u003eSin aceite\u003c\/li\u003e\n\u003cli\u003eSin alcohol ni silicona\u003c\/li\u003e\n\u003cli\u003eAyuda a tratar el acné y las cicatrices\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Cómo funciona?\u003c\/h2\u003e\n\u003cdiv class=\"ingredients\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eÁcido glicólico\u003c\/h3\u003e\n\u003cp\u003eEl ácido glicólico es un tipo de alfa-hidroxiácido (AHA). Exfolia la piel rompiendo y eliminando los enlaces entre las células de la piel viejas y muertas. Esto favorece la regeneración de la piel y mejora su textura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eÁcido láctico\u003c\/h3\u003e\n\u003cp\u003eEste otro ácido AHA contribuye a mejorar la textura de la piel y a aclararla. Funciona de manera similar al ácido glicólico al exfoliar y suavizar la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eÁcido salicílico\u003c\/h3\u003e\n\u003cp\u003eSe trata de un ácido beta-hidroxiácido (BHA) y se considera un solvente de aceites. El ácido salicílico puede penetrar en los poros y limpiarlos de aceite e impurezas. También funciona para reducir puntos negros y puntos blancos y mejorar la apariencia de los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eHialuronato de sodio\u003c\/h3\u003e\n\u003cp\u003eEsta sustancia hialurónica forma parte del complejo hialurónico. Tiene la capacidad de atraer y retener agua, lo que ayuda a hidratar la piel y hacerla parecer más llena y suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eVerpolyzine (Pimienta de Tasmania)\u003c\/h3\u003e\n\u003cp\u003eEste extracto vegetal se utiliza para reducir la congestión y la irritación de la piel. Puede tener un efecto calmante sobre la piel y ayudar a aliviar las alergias.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cimg alt=\"The Ordinary Exfoliante Ácido\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_aha_bha_peeling_solution_egypt.png?v=1745951545\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline - Simplified --\u003e\n\u003cdiv class=\"results-journey-simple\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de transformación de la piel\u003c\/h2\u003e\n\u003cdiv class=\"timeline-simple\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eInmediatamente\u003c\/div\u003e\n\u003ch3\u003eResultados inmediatos\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eResplandor instantáneo y piel luminosa\u003c\/li\u003e\n\u003cli\u003eAlisar la textura de la piel\u003c\/li\u003e\n\u003cli\u003ePoros limpios y elimina los puntos negros\u003c\/li\u003e\n\u003cli\u003ePiel más suave y fresca\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de una semana\u003c\/div\u003e\n\u003ch3\u003eEl inicio sorprendente\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eAclaramiento visible del tono de la piel\u003c\/li\u003e\n\u003cli\u003eUna reducción visible del tamaño de los poros.\u003c\/li\u003e\n\u003cli\u003eEl inicio de una mejora de los efectos del acné\u003c\/li\u003e\n\u003cli\u003eReducir el enrojecimiento y la inflamación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003ch3\u003eMejora evidente\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eComienzo del aclaramiento de la pigmentación oscura\u003c\/li\u003e\n\u003cli\u003eMejor tono de la piel\u003c\/li\u003e\n\u003cli\u003eReducción significativa del acné activo\u003c\/li\u003e\n\u003cli\u003eMejora la textura de la piel y aumenta su suavidad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003ch3\u003eCambio radical\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eAclaramiento evidente de las cicatrices de acné\u003c\/li\u003e\n\u003cli\u003eDesaparición evidente de la pigmentación\u003c\/li\u003e\n\u003cli\u003ePoros más pequeños y más limpios\u003c\/li\u003e\n\u003cli\u003ePiel completamente renovada\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eDespués de dos meses\u003c\/div\u003e\n\u003ch3\u003ePiel perfecta\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eAclaramiento completo de las pigmentaciones persistentes y de las manchas oscuras\u003c\/li\u003e\n\u003cli\u003eDesaparición casi completa de las cicatrices antiguas de acné\u003c\/li\u003e\n\u003cli\u003eUniforma perfectamente el tono de la piel\u003c\/li\u003e\n\u003cli\u003eMejora visible de las líneas finas y arrugas\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!-- Comparison Table --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e¡Mejor que los exfoliantes físicos y las sesiones de peeling!\u003c\/h2\u003e\n\u003cp class=\"comparison-intro\"\u003eEl peeling con ácidos de frutas te dará mejores resultados que las sesiones de peeling en los salones de belleza más caros desde tu hogar, y a una cuarta parte del costo\u003c\/p\u003e\n\u003cdiv class=\"comparison-table\"\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling físico\u003c\/th\u003e\n\u003cth\u003ePeeling químico\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDepende de materiales ásperos o herramientas mecánicas para eliminar la capa superior de la piel.\u003c\/td\u003e\n\u003ctd\u003eUtiliza sustancias químicas especiales para eliminar la capa superficial de la piel.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePodría ser doloroso y causar irritación cutánea.\u003c\/td\u003e\n\u003ctd\u003eIdeal para todo tipo de piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePodría dejar marcas permanentes y pigmentación en la piel.\u003c\/td\u003e\n\u003ctd\u003eTrata problemas de la piel como manchas y pigmentación y mejora la estructura y la textura de la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRequiere tiempo para curar y restaurar la piel.\u003c\/td\u003e\n\u003ctd\u003eTiene un tiempo de curación rápido y no deja residuos  \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLas sesiones requieren una cantidad significativa de tiempo y cuestan una suma considerable de dinero por sesión\u003c\/td\u003e\n\u003ctd\u003e Ahorra tiempo y dinero. El paquete durará más de 8 meses\u003cbr\/\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Reviews Section --\u003e\n\u003cdiv class=\"reviews-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eOpiniones de los usuarios sobre el ácido peel de The Ordinary\u003c\/h2\u003e\n\u003cdiv class=\"reviews-slider\"\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eLos usuarios coinciden en que este exfoliante de The Ordinary es excelente para eliminar el acné y funciona como por arte de magia. Ilumina la piel y la deja suave y sedosa. El único inconveniente de este producto es que a veces quema un poco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eLos usuarios han confirmado que es un exfoliante facial ideal para el uso semanal. Pica un poco al principio, pero posee propiedades despigmentantes significativas y se puede notar una gran diferencia en la pigmentación después del uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUn usuario dijo que este producto es increíble y ha reducido significativamente su acné así como los puntos negros y las cicatrices de los granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUna usuaria ha reportado que lo aplica una vez a la semana y ha notado una mejora evidente en la pigmentación, así como una reducción del tamaño de los poros. Tiene un aroma muy ligero y es muy fluido, y se necesita solo un poco, por lo que 30 ml pueden durar mucho tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eUn usuario dijo que es un excelente producto para eliminar las células muertas de la piel. Dejando la piel más suave. He visto una enorme mejora en el tono y la uniformidad de mi piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reviews-dots\"\u003e\n\u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.peeling-container {\n  direction: ltr;\n\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  overflow-x: hidden;\n  color: #333;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n  margin: 0;\n  padding: 0;\n}\n\n.main-title {\n  font-size: 1.5rem;\n  line-height: 1.4;\n  font-weight: bold;\n  color: #9C8102;\n  margin: 15px 0;\n  text-align: center;\n  padding: 0 10px;\n}\n\n.section-title {\n  font-size: 1.4rem;\n  color: #9C8102;\n  text-align: center;\n  margin-bottom: 20px;\n  padding-bottom: 10px;\n  position: relative;\n}\n\n.section-title:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n\/* Header Section *\/\n.product-header {\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.product-image img {\n  width: 100%;\n  max-width: 400px;\n  height: auto;\n  margin: 0 auto;\n  display: block;\n}\n\n\/* Instant Results Section *\/\n.instant-results {\n  background-color: #f9f9f9;\n  padding: 20px 15px;\n  border-radius: 10px;\n  margin-bottom: 30px;\n}\n\n.instant-results-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 15px;\n  margin-bottom: 20px;\n}\n\n.instant-result-item {\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  text-align: center;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.instant-icon {\n  margin-bottom: 10px;\n}\n\n.instant-result-item h3 {\n  font-size: 1rem;\n  margin-bottom: 8px;\n  color: #9C8102;\n}\n\n.instant-result-item p {\n  font-size: 0.85rem;\n  color: #666;\n  line-height: 1.4;\n}\n\n.instant-message {\n  background-color: #fffbeb;\n  border: 1px solid #9C8102;\n  border-radius: 8px;\n  padding: 15px;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: #333;\n}\n\n\/* Benefits List *\/\n.benefits-section {\n  padding: 0 15px;\n  margin-bottom: 30px;\n}\n\n.benefits-list {\n  list-style: none;\n  padding: 0;\n}\n\n.benefits-list li {\n  position: relative;\n  padding-left: 25px;\n  margin-bottom: 12px;\n  font-size: 0.95rem;\n  line-height: 1.4;\n}\n\n.benefits-list li:before {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 6px;\n  width: 12px;\n  height: 12px;\n  background-color: #9C8102;\n  border-radius: 50%;\n}\n\n\/* How It Works Section *\/\n.how-it-works {\n  padding: 20px 15px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  margin-bottom: 30px;\n}\n\n.ingredients {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.ingredient-item {\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-item h3 {\n  font-size: 1rem;\n  color: #9C8102;\n  margin-bottom: 8px;\n}\n\n.ingredient-item p {\n  font-size: 0.9rem;\n  color: #666;\n  line-height: 1.5;\n}\n\n\/* Product Visual *\/\n.product-visual {\n  text-align: center;\n  margin: 30px 0;\n}\n\n.product-visual img {\n  max-width: 90%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Results Journey *\/\n.results-journey {\n  padding: 30px 15px;\n  margin-bottom: 30px;\n  background: linear-gradient(to bottom, #fff, #f9f9f9);\n}\n\n.journey-timeline {\n  position: relative;\n  padding-left: 30px;\n}\n\n.timeline-marker {\n  position: absolute;\n  top: 0;\n  right: 15px;\n  width: 2px;\n  height: 100%;\n  background: linear-gradient(to bottom, #9C8102, rgba(156, 129, 2, 0.3));\n  border-radius: 1px;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 40px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.timeline-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.time-dot {\n  position: absolute;\n  top: 0;\n  right: -30px;\n  width: 20px;\n  height: 20px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  z-index: 2;\n  box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n}\n\n.time-label {\n  position: absolute;\n  top: 0;\n  right: -110px;\n  background-color: #9C8102;\n  color: white;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 0.8rem;\n  font-weight: bold;\n}\n\n\/* Simplified Timeline Style *\/\n.results-journey-simple {\n  padding: 30px 15px;\n  margin-bottom: 30px;\n}\n\n.timeline-simple {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.timeline-card {\n  background-color: white;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n}\n\n.timeline-header {\n  background-color: #f9f9f9;\n  padding: 15px;\n  border-bottom: 1px solid #eee;\n  position: relative;\n}\n\n.time-badge {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  background-color: #9C8102;\n  color: white;\n  padding: 5px 12px;\n  border-radius: 15px;\n  font-size: 0.9rem;\n  font-weight: bold;\n}\n\n.timeline-header h3 {\n  margin: 0;\n  color: #9C8102;\n  font-size: 1.2rem;\n  padding-left: 10px;\n}\n\n.timeline-body {\n  padding: 15px;\n}\n\n.timeline-body ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.timeline-body li {\n  position: relative;\n  padding-left: 20px;\n  margin-bottom: 10px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.timeline-body li:before {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 7px;\n  width: 8px;\n  height: 8px;\n  background-color: #9C8102;\n  border-radius: 50%;\n}\n\n.timeline-body li:last-child {\n  margin-bottom: 0;\n}\n\n\/* Comparison Table *\/\n.comparison-section {\n  padding: 20px 15px;\n  margin-bottom: 30px;\n}\n\n.comparison-intro {\n  text-align: center;\n  margin-bottom: 20px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  color: #333;\n}\n\n.comparison-table {\n  margin: 0 auto 30px;\n  width: 100%;\n  overflow-x: auto;\n}\n\n.comparison-table table {\n  width: 100%;\n  border-collapse: collapse;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.comparison-table th {\n  background-color: #9C8102;\n  color: white;\n  padding: 12px 15px;\n  text-align: center;\n  font-weight: bold;\n  font-size: 1rem;\n}\n\n.comparison-table td {\n  padding: 12px 15px;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 0.9rem;\n  line-height: 1.5;\n}\n\n.comparison-table tr:last-child td {\n  border-bottom: none;\n}\n\n.comparison-table tr:nth-child(odd) {\n  background-color: white;\n}\n\n.comparison-table tr:nth-child(even) {\n  background-color: #f9f9f9;\n}\n\n.comparison-table th:first-child, \n.comparison-table td:first-child {\n  border-left: 1px solid #e0e0e0;\n}\n\n.comparison-table td:last-child {\n  background-color: #fffbeb;\n  font-weight: 500;\n}\n\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n  }\n}\n\n\/* Reviews Section *\/\n.reviews-section {\n  padding: 20px 15px 30px;\n  margin-bottom: 30px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n}\n\n.reviews-slider {\n  position: relative;\n  overflow: hidden;\n}\n\n.review-item {\n  position: relative;\n  background-color: white;\n  border-radius: 8px;\n  padding: 20px 15px 15px;\n  margin: 0 5px 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.review-quote {\n  position: absolute;\n  top: 5px;\n  right: 10px;\n  font-size: 2rem;\n  color: #9C8102;\n  opacity: 0.3;\n  font-family:serif;\n}\n\n.review-item p {\n  font-size: 0.9rem;\n  line-height: 1.6;\n  color: #333;\n  text-align: justify;\n}\n\n.reviews-dots {\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 15px;\n}\n\n.dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: #ddd;\n  cursor: pointer;\n}\n\n.dot.active {\n  background-color: #9C8102;\n}\n\n@media (max-width: 480px) {\n  .main-title {\n    font-size: 1.3rem;\n  }\n  \n  .section-title {\n    font-size: 1.2rem;\n  }\n  \n  .instant-results-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .time-label {\n    right: -90px;\n    font-size: 0.75rem;\n  }\n  \n  .comparison-table th,\n  .comparison-table td {\n    padding: 10px 8px;\n    font-size: 0.8rem;\n  }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n  .instant-results-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .main-title {\n    font-size: 1.8rem;\n  }\n  \n  .instant-results-grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  \n  .ingredients {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Animations *\/\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n  }\n  70% {\n    transform: scale(1.05);\n    box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n  }\n}\n\n.time-dot {\n  animation: pulse 2s infinite;\n}\n\n.timeline-\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999288905902,"sku":"INSTA0545CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarypeelingsolutionahabha._b72c7cb4-cc5b-4c87-8bdc-67e1669936ca.jpg?v=1788176291"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The Ordinary Ácido Láctico 5% + HA - Suero exfoliante e hidratante delicado - 30ml","description":"\u003cstyle\u003e\n  .ordinary-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: ltr;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 10s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1.2s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.6em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.5em;\n    color: #666;\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n    line-height: 1.4;\n  }\n\n  .pharaoh-intro {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 20px;\n    position: relative;\n  }\n\n  .pharaoh-intro::before {\n    content: '👑';\n    position: absolute;\n    top: 20px;\n    left: 30px;\n    font-size: 2em;\n    opacity: 0.3;\n  }\n\n  .pharaoh-intro h2 {\n    color: #9C8102;\n    font-size: 2.2em;\n    margin-bottom: 25px;\n  }\n\n  .pharaoh-intro p {\n    font-size: 1.2em;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .why-lactic-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .comparison-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .comparison-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .comparison-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .comparison-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #dfb919;\n  }\n\n  .comparison-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .comparison-title {\n    color: #9C8102;\n    font-size: 1.4em;\n    font-weight: 700;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .comparison-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: center;\n  }\n\n  .benefits-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 35px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 35px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #9C8102;\n  }\n\n  .benefit-icon {\n    font-size: 3.5em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .benefit-subtitle {\n    color: #999;\n    font-size: 1.1em;\n    font-weight: 600;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: left;\n  }\n\n  .gentle-formula-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .formula-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .formula-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .formula-info {\n    background: #f8f9fa;\n    padding: 40px;\n    border-radius: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .formula-feature {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    margin: 20px 0;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n  }\n\n  .formula-feature h4 {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .science-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .science-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .science-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .science-info {\n    background: white;\n    padding: 40px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .science-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .ph-meter {\n    background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n    height: 20px;\n    border-radius: 10px;\n    position: relative;\n    margin: 20px 0;\n  }\n\n  .ph-indicator {\n    position: absolute;\n    top: -5px;\n    left: 20%;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    border-radius: 50%;\n    border: 3px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n  }\n\n  .ph-label {\n    text-align: center;\n    margin-top: 10px;\n    font-weight: 700;\n    color: #9C8102;\n  }\n\n  .ingredients-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .ingredients-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .ingredient-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .ingredient-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .ingredient-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .ingredient-name {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .usage-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .usage-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .usage-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .usage-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .usage-steps {\n    list-style: none;\n    padding: 0;\n  }\n\n  .usage-steps li {\n    padding: 12px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-left: 35px;\n  }\n\n  .usage-steps li::before {\n    content: attr(data-step);\n    position: absolute;\n    right: 0;\n    top: 12px;\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    background: #9C8102;\n    color: white;\n    text-align: center;\n    line-height: 25px;\n    font-size: 0.85em;\n    font-weight: 700;\n  }\n\n  .warning-card {\n    background: #fff3cd;\n    border: 2px solid #ffeaa7;\n    padding: 25px;\n    border-radius: 15px;\n    margin-top: 20px;\n  }\n\n  .warning-title {\n    color: #856404;\n    font-weight: 700;\n    margin-bottom: 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .warning-list {\n    list-style: none;\n    padding: 0;\n  }\n\n  .warning-list li {\n    padding: 8px 0;\n    position: relative;\n    padding-left: 25px;\n    color: #856404;\n  }\n\n  .warning-list li::before {\n    content: '⚠️';\n    position: absolute;\n    right: 0;\n    top: 8px;\n  }\n\n  .skin-types-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .skin-types-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .skin-type-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .skin-type-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .skin-type-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .skin-type-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .results-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .results-timeline {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .result-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n    position: relative;\n  }\n\n  .result-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .result-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .result-period {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.2em;\n    margin-bottom: 15px;\n  }\n\n  .before-after-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .before-after-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .before-after-card {\n    text-align: center;\n    background: white;\n    padding: 20px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n  }\n\n  .before-after-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n  }\n\n  .before-after-image {\n    max-width: 100%;\n    border-radius: 15px;\n    margin-bottom: 15px;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 80px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cta-section::before {\n    content: '🏺';\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    font-size: 3em;\n    opacity: 0.1;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 18px 45px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.3em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.4em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    border-radius: 2px;\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 100px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 50px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n    border-radius: 2px;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  .ingredients-list {\n    background: #f8f9fa;\n    padding: 25px;\n    border-radius: 15px;\n    margin-top: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .ingredients-list h4 {\n    color: #9C8102;\n    margin-bottom: 15px;\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2.2em; }\n    .section-title { font-size: 2em; }\n    .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n      grid-template-columns: 1fr;\n    }\n    .formula-content, .science-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"ordinary-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_HA.webp?v=1749661210\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eEl secreto de belleza usado por los Faraones... en una fórmula moderna y avanzada\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003eUno de los secretos de las reinas para tu piel\u003c\/h2\u003e\n\u003cp\u003eLos antiguos egipcios fueron los primeros en descubrir la magia del ácido láctico para mantener la piel joven y fresca. La misma Cleopatra solía bañarse en leche ácida para mantener su legendaria belleza. Y hoy, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e Te ha traído el mismo secreto faraónico en una fórmula científica avanzada con una concentración del 10% de ácido hialurónico.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Lactic Acid Section --\u003e\n\u003cdiv class=\"why-lactic-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e¿Por qué el ácido láctico es la elección perfecta?\u003c\/h2\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003eNo todos los ácidos son iguales\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eEl ácido láctico es uno de los ácidos más delicados para la piel sensible, porque es uno de los ácidos naturales ya presentes en tu cuerpo. Esto le permite actuar suavemente, pero con el doble de fuerza que otros ácidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003eEnfoque perfecto y seguro\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eUna concentración del 10% es el límite óptimo que da resultados claros sin irritaciones o sensibilidad excesiva. El nivel de pH de 3,8 está científicamente controlado para garantizar la máxima eficacia con efectos secundarios mínimos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eBeneficios que cambiarán completamente el aspecto de tu piel\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎯\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eEl combatiente número uno del acné\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eTrata las existentes y previene las nuevas\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eEl ácido láctico exfolia delicadamente la piel muerta rompiendo los enlaces que retienen las células muertas. Esto abre los poros obstruidos y previene la formación de nuevos granos. Los estudios han demostrado que el ácido láctico reduce las infecciones de acné hasta en un 90%, lo que lo hace compatible con otros medicamentos para el acné como el retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e⏰\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eUna máquina del tiempo para tu piel\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eTu aspecto será diferente a tu edad\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eA altas concentraciones, el ácido láctico penetra en las capas más profundas de la piel y estimula la formación natural de colágeno. ¿El resultado? Renovación celular, reafirmación de la piel y aumento del grosor, lo que hace desaparecer las arrugas finas y hace que la piel parezca años más joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratación imaginativa sin grasa\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eLa humedad que permanece contigo todo el día\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eEl ácido láctico no solo exfolia, sino que también hidrata profundamente la piel, dejándola suave y elástica. Esta fórmula está respaldada por\u003cstrong\u003eÁcido hialurónico\u003c\/strong\u003e Absorbe 1.000 veces su peso en agua y crea una barrera de hidratación que asegura una hidratación duradera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificar el tono de la piel y eliminar la pigmentación\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003ePiel clara y uniforme como un espejo\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eEl ácido láctico actúa para reducir la producción de melanina en las áreas oscuras, ayudando así a aclarar las pigmentaciones, las marcas de los granos y las manchas oscuras. El resultado es una piel naturalmente uniforme y luminosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Formula Section --\u003e\n\u003cdiv class=\"gentle-formula-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eFórmula delicada para pieles sensibles\u003c\/h2\u003e\n\u003cdiv class=\"formula-content\"\u003e\n\u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eLa pimienta de Tasmania: el guardián natural\u003c\/h4\u003e\n\u003cimg alt=\"Tasmanian Pepperberry\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eLa fórmula contiene extracto de pimienta de Tasmania, que es un antiinflamatorio natural que reduce el enrojecimiento y la irritación que pueden ocurrir con productos exfoliantes. Esto hace que el producto sea adecuado también para pieles muy sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eFórmula ligera a base de agua\u003c\/h4\u003e\n\u003cimg alt=\"Product Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eLa consistencia ligera y acuosa permite que el producto se absorba rápidamente sin dejar una sensación de grasa o pegajosa, lo que lo hace ideal para la piel seca que necesita hidratación sin pesadez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eLa ciencia detrás de la eficacia\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind Effectiveness\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eEquilibrio del pH ideal\u003c\/h3\u003e\n\u003cdiv class=\"ph-meter\"\u003e\n\u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-label\"\u003epH 3,8 - equilibrio perfecto\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003eEl pH de 3,8 está regulado con precisión para corresponder al pKa del ácido láctico. Este número es muy importante porque garantiza el equilibrio óptimo entre sal y acidez, y esto es lo que asegura que el ácido llegue a la piel de manera efectiva y logre una exfoliación eficaz que se puede usar a diario.\u003c\/p\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eFórmula equilibrada para el uso diario\u003c\/h4\u003e\n\u003cp\u003eA diferencia de otros ácidos que requieren un uso intermitente, el ácido láctico en esta fórmula está diseñado para ser lo suficientemente suave para poder usarse a diario sin dejar de ser eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\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 animate-on-scroll\"\u003eIngredientes activos\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eÁcido láctico (10%)\u003c\/h3\u003e\n\u003cp\u003eExfoliación delicada y eficaz de la superficie de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eHialuronato de sodio\u003c\/h3\u003e\n\u003cp\u003eHidratación profunda e intensa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eBayas de pimienta de Tasmania\u003c\/h3\u003e\n\u003cp\u003eAlivio y antiinflamatorio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eGlicerina\u003c\/h3\u003e\n\u003cp\u003eHidratación extra y protección de la barrera hidrolipídica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003eLista completa de ingredientes:\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\u003c\/p\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 animate-on-scroll\"\u003eCómo usar para los mejores resultados\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eTiempo perfecto ⏰\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003eÚsalo una vez al día solo por la noche\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003eComienza con 3 veces por semana y aumenta gradualmente a medida que la piel lo acepte\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eLa forma correcta 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eLimpia bien el rostro con el limpiador adecuado\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eAplica una capa fina del producto sobre la piel seca\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eEvitar la zona alrededor de los ojos\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003eEsperar 10-15 minutos, luego aplicar la crema hidratante\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003eDeberías usar un protector solar SPF 30+ al día siguiente\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch4 class=\"warning-title\"\u003e⚠️ Advertencias importantes\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003eNo usarlo junto con otros productos que contengan ácidos al mismo tiempo\u003c\/li\u003e\n\u003cli\u003eNo usar con retinol en la misma noche\u003c\/li\u003e\n\u003cli\u003eDeja de usar si ocurre irritación grave\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!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eIdeal para todo tipo de piel\u003c\/h2\u003e\n\u003cdiv class=\"skin-types-grid\"\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel seca\u003c\/h3\u003e\n\u003cp\u003eEs más adecuado para esto gracias a sus propiedades hidratantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel normal\u003c\/h3\u003e\n\u003cp\u003eLe brinda suavidad y frescura extra\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🎨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel con pigmentación\u003c\/h3\u003e\n\u003cp\u003eUnificará su color y lo purificará\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🪨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel que sufre de una textura rugosa\u003c\/h3\u003e\n\u003cp\u003eLo suaviza y mejora su textura\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCronología de los resultados visibles\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n\u003cimg alt=\"Expected Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cp\u003eTextura más suave y frescura visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cp\u003eMejora de los poros y unificación del tono de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cp\u003eReducción visible de la pigmentación y de las líneas finas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eDespués de dos meses\u003c\/div\u003e\n\u003cp\u003ePiel completamente rejuvenecida y con aspecto más joven\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Before\/After Section --\u003e\n\u003cdiv class=\"before-after-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003eAntes y después\u003c\/h2\u003e\n\u003cdiv class=\"before-after-grid\"\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 1\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 2\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 3\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"animate-on-scroll\"\u003e\n\u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\u003eComienza tu viaje hacia la piel de tus sueños con el mismo secreto que hizo de Cleopatra la reina más hermosa de la historia.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eObtén de inmediato el Secreto Faraónico\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll 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        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate comparison cards\n  const comparisonObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.comparison-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.why-lactic-section').forEach(section =\u003e {\n    comparisonObserver.observe(section);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 300);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate ingredient cards\n  const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.ingredient-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.ingredients-section').forEach(section =\u003e {\n    ingredientsObserver.observe(section);\n  });\n\n  \/\/ Animate skin type cards\n  const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.skin-type-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n    skinTypesObserver.observe(section);\n  });\n\n  \/\/ Animate result cards\n  const resultsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.result-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.results-section').forEach(section =\u003e {\n    resultsObserver.observe(section);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999289397422,"sku":"INSTA0557CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarylacticacid_aaa81fcf-9057-49d2-8eb5-581faf6f0b71.jpg?v=1788176273"},{"product_id":"the-ordinary-glycolic-tuning","title":"The Ordinary Solución Tonificante con Ácido Glicólico 7% - Tónico Exfoliante para Luminosidad y Brillo","description":"\u003cdiv class=\"glyc7-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (Liquid Gold \u0026 Midnight Dark Theme) === *\/\n        .glyc7-premium-wrapper {\n            --glyc7-bg-deep: #080808; \n            --glyc7-bg-card: rgba(20, 20, 20, 0.7); \n            --glyc7-gold-light: #fce79c;\n            --glyc7-gold-main: #d4af37; \/* Liquid Gold *\/\n            --glyc7-gold-dark: #b8860b;\n            --glyc7-text-main: #f8f9fa;\n            --glyc7-text-muted: #aeb5bc;\n            --glyc7-border: rgba(212, 175, 55, 0.2);\n            --glyc7-border-hover: rgba(212, 175, 55, 0.6);\n            --glyc7-shadow: rgba(0, 0, 0, 0.8);\n            --glyc7-gold-glow: rgba(212, 175, 55, 0.2);\n            \n            background-color: var(--glyc7-bg-deep);\n            color: var(--glyc7-text-main);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 50px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 100px rgba(0,0,0,0.9) inset;\n        }\n\n        .glyc7-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .glyc7-premium-wrapper img {\n            max-width: 100%; height: auto; border-radius: 16px;\n            display: block; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .glyc7-container {\n            max-width: 900px; margin: 0 auto; padding: 0 20px;\n            position: relative; z-index: 2;\n        }\n\n        \/* === Ambient Liquid Gold Drops Background === *\/\n        .glyc7-ambient-particles {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n            background: radial-gradient(circle at 15% 30%, rgba(212, 175, 55, 0.05), transparent 40%),\n                        radial-gradient(circle at 85% 60%, rgba(212, 175, 55, 0.03), transparent 40%);\n        }\n\n        .glyc7-particle {\n            position: absolute; border-radius: 50%; bottom: -100px;\n            background: radial-gradient(circle, var(--glyc7-gold-glow) 0%, transparent 70%);\n            animation: floatUpGold 15s infinite ease-in-out; filter: blur(8px);\n        }\n\n        @keyframes floatUpGold {\n            0% { transform: translateY(0) scale(0.8); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1500px) scale(1.5); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .glyc7-title-main {\n            font-size: clamp(26px, 5vw, 46px); font-weight: 900; text-align: center;\n            margin-bottom: 20px; line-height: 1.4; color: #fff;\n            text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n        }\n\n        .glyc7-title-main span {\n            background: linear-gradient(135deg, var(--glyc7-gold-light) 0%, var(--glyc7-gold-main) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        .glyc7-section-title {\n            font-size: clamp(22px, 4vw, 32px); font-weight: 800; color: #fff;\n            text-align: center; margin: 60px auto 25px; position: relative; line-height: 1.5;\n        }\n\n        .glyc7-section-title::after {\n            content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\n            width: 80px; height: 3px;\n            background: linear-gradient(90deg, transparent, var(--glyc7-gold-main), transparent);\n            border-radius: 10px; box-shadow: 0 0 10px var(--glyc7-gold-main);\n        }\n\n        .glyc7-subtitle {\n            font-size: 1.15rem; color: var(--glyc7-text-muted); text-align: center;\n            max-width: 750px; margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n        }\n\n        \/* === Hero Section === *\/\n        .glyc7-hero { text-align: center; padding: 20px 0 40px; }\n\n        .glyc7-badge {\n            display: inline-block; background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--glyc7-gold-main); color: var(--glyc7-gold-light);\n            padding: 8px 20px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n            margin-bottom: 20px; box-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        \/* === Agitation Box (The Problem) === *\/\n        .glyc7-alert-box {\n            background: linear-gradient(145deg, rgba(20,20,20,0.8), rgba(5,5,5,0.9));\n            border: 1px solid rgba(255,255,255,0.05); border-right: 4px solid var(--glyc7-gold-main);\n            padding: 30px; border-radius: 16px; margin: 40px 0;\n            box-shadow: 0 20px 40px var(--glyc7-shadow); text-align: left;\n            backdrop-filter: blur(10px);\n        }\n\n        \/* === Synergy UVP Section (Equation) === *\/\n        .glyc7-synergy-box {\n            background: var(--glyc7-bg-card); backdrop-filter: blur(15px);\n            border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px 30px;\n            margin: 50px 0; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n        }\n\n        .glyc7-equation {\n            display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 15px; margin-bottom: 25px;\n        }\n\n        .glyc7-eq-item {\n            flex: 1; min-width: 200px; background: rgba(0,0,0,0.5); padding: 25px;\n            border-radius: 15px; border: 1px dashed var(--glyc7-gold-main);\n        }\n\n        .glyc7-eq-plus { font-size: 2.5rem; color: var(--glyc7-gold-main); font-weight: 900; align-self: center; text-shadow: 0 0 15px var(--glyc7-gold-glow);}\n\n        .glyc7-eq-result {\n            background: linear-gradient(135deg, var(--glyc7-gold-dark), var(--glyc7-gold-main));\n            color: #000; padding: 15px 25px;\n            border-radius: 12px; font-size: 1.3rem; font-weight: 900; width: 100%;\n            box-shadow: 0 10px 30px var(--glyc7-gold-glow);\n        }\n\n        \/* === Cards Grid === *\/\n        .glyc7-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0;\n        }\n\n        .glyc7-card {\n            background: linear-gradient(145deg, rgba(30,30,35,0.5), rgba(10,10,12,0.8));\n            border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 25px;\n            transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 10px 30px var(--glyc7-shadow);\n        }\n\n        .glyc7-card:hover {\n            transform: translateY(-8px); border-color: var(--glyc7-gold-main);\n            box-shadow: 0 15px 30px var(--glyc7-gold-glow); background: rgba(20,20,20,0.9);\n        }\n\n        .glyc7-icon {\n            width: 55px; height: 55px; background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--glyc7-border); border-radius: 14px; display: flex;\n            align-items: center; justify-content: center; margin-bottom: 20px;\n            color: var(--glyc7-gold-light); font-size: 26px; transition: transform 0.3s ease;\n        }\n        \n        .glyc7-card:hover .glyc7-icon {\n            transform: scale(1.1) rotate(5deg); background: var(--glyc7-gold-main); color: #000; border-color: transparent;\n            box-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        .glyc7-card h3 { font-size: 1.2rem; color: #fff; margin-bottom: 12px; font-weight: 800; }\n        .glyc7-card p { color: var(--glyc7-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Viral Hacks Section (Multi-use) === *\/\n        .glyc7-hacks-wrapper {\n            background: linear-gradient(180deg, rgba(212, 175, 55, 0.05), transparent);\n            border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px; margin: 50px 0;\n            backdrop-filter: blur(10px);\n        }\n        \n        .glyc7-hacks-wrapper h2 { color: var(--glyc7-gold-light); }\n\n        \/* === Timeline === *\/\n        .glyc7-timeline-item {\n            display: flex; align-items: center; gap: 20px; background: rgba(255,255,255,0.02);\n            border: 1px solid rgba(255,255,255,0.05); padding: 25px; border-radius: 16px;\n            border-right: 4px solid var(--glyc7-gold-main); margin-bottom: 20px; transition: all 0.3s;\n        }\n        .glyc7-timeline-item:hover { transform: translateX(-5px); background: rgba(212, 175, 55, 0.05); border-color: var(--glyc7-border); }\n        \n        .glyc7-time-badge {\n            background: rgba(212, 175, 55, 0.15); color: var(--glyc7-gold-light); border: 1px solid var(--glyc7-border);\n            padding: 8px 15px; border-radius: 8px; font-weight: bold; min-width: 120px; text-align: center;\n        }\n\n        \/* === Usage Steps === *\/\n        .glyc7-step-item {\n            display: flex; align-items: flex-start; gap: 20px; background: rgba(0,0,0,0.5);\n            padding: 25px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: all 0.3s;\n        }\n        .glyc7-step-item:hover { border-color: var(--glyc7-gold-main); transform: translateY(-5px); }\n        .glyc7-step-num {\n            min-width: 45px; height: 45px; background: var(--glyc7-bg-deep); color: var(--glyc7-gold-light);\n            border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--glyc7-gold-main);\n            font-size: 1.3rem; font-weight: bold; box-shadow: 0 0 15px var(--glyc7-gold-glow);\n        }\n\n        \/* === Animations === *\/\n        .glyc7-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .glyc7-reveal.glyc7-active { opacity: 1; transform: translateY(0); }\n        .glyc7-delay-1 { transition-delay: 0.1s; }\n        .glyc7-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .glyc7-equation { flex-direction: column; }\n            .glyc7-timeline-item { flex-direction: column; text-align: center; align-items: stretch; }\n            .glyc7-time-badge { margin-bottom: 15px; }\n            .glyc7-step-item { flex-direction: column; text-align: center; align-items: center; }\n            .glyc7-hacks-wrapper { padding: 25px 15px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"glyc7-ambient-particles\" id=\"glyc7-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"glyc7-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"glyc7-hero glyc7-reveal glyc7-active\"\u003e\n\u003cdiv class=\"glyc7-badge\"\u003eEl tónico más vendido del mundo\u003c\/div\u003e\n\u003ch1 class=\"glyc7-title-main\"\u003eTira tus exfoliantes físicos a la basura. \u003cbr\/\u003e\u003cspan\u003e¡El secreto de la “piel de vidrio coreana” en gotas!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"glyc7-subtitle\"\u003e\n                Los exfoliantes y los abrasivos agresivos dañan la barrera de tu piel sin que te des cuenta. La verdadera solución para la aspereza, la pigmentación y la piel muerta es el peeling químico clínicamente probado.\n            \u003c\/p\u003e\n\u003cimg alt=\"The Ordinary Glycolic Acid 7% Toning Solution\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_glycolic_toner.webp?v=1745950200\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem (Agitation) --\u003e\n\u003cdiv class=\"glyc7-alert-box glyc7-reveal\"\u003e\n\u003ch3 style=\"color: #fff; font-size: 1.4rem; margin-bottom: 10px;\"\u003e¿Por qué tu rostro parece apagado a pesar de usar la crema hidratante?\u003c\/h3\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 1.05rem; line-height: 1.8;\"\u003e\n                Las células muertas se acumulan diariamente como “cemento” en la superficie de la piel, impidiendo que cualquier suero o crema costosa penetre. ¿El resultado? Textura de la piel áspera (milia), poros obstruidos y granos debajo de la piel. Eliminar este cemento no se hace frotando enérgicamente, sino disolviéndolo científicamente.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The UVP Synergy Equation --\u003e\n\u003cdiv class=\"glyc7-synergy-box glyc7-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.8rem; margin-bottom: 20px;\"\u003eLa ecuación química imposible: ¿cómo logró The Ordinary romper la regla?\u003c\/h2\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003eEl principal problema del ácido glicólico es que “quema e irrita” la piel. Pero los laboratorios The Ordinary han creado el equilibrio genial:\u003c\/p\u003e\n\u003cdiv class=\"glyc7-equation\"\u003e\n\u003cdiv class=\"glyc7-eq-item\"\u003e\n\u003ch3 style=\"color: var(--glyc7-gold-light); margin-bottom: 10px;\"\u003eÁcido glicólico 7%\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eLa concentración ideal (correspondiente a un pH de 3,6 pKa) para disolver los enlaces entre las células muertas con eficiencia médica sin profundizar el daño.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-item\" style=\"border-color: #4CAF50; background: rgba(76, 175, 80, 0.1);\"\u003e\n\u003ch3 style=\"color: #4CAF50; margin-bottom: 10px;\"\u003ePimienta tasmania + aloe vera\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003ePoderosos compuestos vegetales calmantes actúan al mismo tiempo para suprimir cualquier inflamación y prevenir enrojecimientos o irritaciones derivadas de la descamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-eq-result\"\u003e\n                = ¡Peeling clínico ultra-fuerte con irritación “cero”!\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Main Benefits Grid --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eRejuvenecimiento cutáneo completo mientras duermes\u003c\/h2\u003e\n\u003cdiv class=\"glyc7-grid\"\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eRenovación de la superficie\u003c\/h3\u003e\n\u003cp\u003eElimina la textura rugosa y los granos finos bajo la piel, dejando la superficie de la piel suave y lista para un maquillaje impecable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003ePigmentación y cicatrices de acné\u003c\/h3\u003e\n\u003cp\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e🕳️\u003c\/div\u003e\n\u003ch3\u003eLimpieza y minimización de poros\u003c\/h3\u003e\n\u003cp\u003eDisuelve las grasas oxidadas dentro de los poros, lo que previene la formación de puntos negros y reduce significativamente la apariencia de poros dilatados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003cdiv class=\"glyc7-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eFuerte barrera \u003c\/h3\u003e\n\u003cp\u003eA diferencia de otros exfoliantes, contiene aminoácidos y ginseng para fortalecer la barrera hidrolipídica y aumentar la luminosidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Viral Hacks (Multi-use) - The Game Changer --\u003e\n\u003cdiv class=\"glyc7-hacks-wrapper glyc7-reveal\"\u003e\n\u003ch2 class=\"glyc7-section-title\" style=\"margin-top: 0;\"\u003ePara el rostro Solo! \u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003e¿Por qué millones de personas están comprando este gran tamaño (240 ml)? Porque resuelve literalmente los problemas de todo el cuerpo:\u003c\/p\u003e\n\u003cdiv class=\"glyc7-grid\"\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n\u003ch3\u003e🌸 Aclarar la zona de las axilas y desodorante\u003c\/h3\u003e\n\u003cp\u003eMata instantáneamente las bacterias que causan el olor a sudor y exfolia la piel muerta acumulada que causa oscurecimiento de la zona de las axilas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n\u003ch3\u003e🍓 Tratamiento de piernas con fresa\u003c\/h3\u003e\n\u003cp\u003eLa solución radical para los granos rojos después de la depilación y los vellos encarnados de las piernas y los brazos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n\u003ch3\u003e❄️ Limpieza de la caspa del cuero cabelludo\u003c\/h3\u003e\n\u003cp\u003eÚsalo 20 minutos antes del champú para disolver completamente la caspa aceitosa y la acumulación de productos en el cuero cabelludo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eCronología para obtener la Glass Skin\u003c\/h2\u003e\n\u003cdiv class=\"glyc7-reveal\" style=\"display: flex; flex-direction: column; gap: 10px;\"\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eDespués de una noche\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eDespiértate con una piel más firme, radiante (hidratada) que se ve visiblemente más suave y tersa, tanto que notarás la diferencia al lavar tu rostro.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eUna disminución evidente de puntos negros y puntos blancos, y la desaparición de los pequeños gránulos que hacen que la piel sea áspera.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-timeline-item\"\u003e\n\u003cdiv class=\"glyc7-time-badge\"\u003eDespués de 4 semanas\u003c\/div\u003e\n\u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eFuerte uniformidad del tono de la piel, menor decoloración y decoloración evidente de granos antiguos y pigmentaciones.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003e \u003c\/h2\u003e\n\u003cdiv class=\"glyc7-grid glyc7-reveal\" style=\"gap: 20px;\"\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eTemporización\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003ese usa \u003cstrong\u003eSolo por la noche\u003c\/strong\u003e , Chi 2 3 veces .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eAplicación\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eDespués .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\"\u003e\n\u003cdiv class=\"glyc7-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003ePaso siguiente\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003e¡No lavar! Déjalo secar un poco y luego aplica tu suero de ácido hialurónico y la crema hidratante para bloquear la exfoliación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glyc7-step-item\" style=\"border-color: #ff4d4d; box-shadow: inset 0 0 15px rgba(255,77,77,0.1);\"\u003e\n\u003cdiv class=\"glyc7-step-num\" style=\"border-color: #ff4d4d; color: #ff4d4d; box-shadow: 0 0 15px rgba(255,77,77,0.3);\"\u003e!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ff4d4d; margin-bottom: 8px;\"\u003eLa advertencia más importante\u003c\/h4\u003e\n\u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003e¡La crema solar (SPF) a la mañana siguiente es obligatoria! No mezclar la misma noche con retinol u otros ácidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"glyc7-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--glyc7-border);\"\u003e\n\u003ch2 class=\"glyc7-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e¡Una botella (240 ml) cambiará literalmente la calidad de tu piel y de tu cuerpo!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--glyc7-text-muted); max-width: 750px; margin: 20px auto; line-height: 1.8;\"\u003e\n                El producto más famoso de The Ordinary no es solo una 'tendencia', sino más bien la base de cualquier rutina de skincare exitosa. Sin eliminar la capa muerta, estás desperdiciando tu dinero en otros sueros.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--glyc7-gold-main); font-size: 1.5rem; font-weight: bold; margin-top: 20px; text-shadow: 0 0 20px var(--glyc7-gold-glow);\"\u003e\n                Comienza hoy tu camino de renovación y ordena de inmediato el “Liquid Gold” original!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.glyc7-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('glyc7-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('glyc7-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('glyc7-particles');\n            var particleCount = 25; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('glyc7-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 15; \n                var delay = Math.random() * 10; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"240 ml","offer_id":46999295262894,"sku":"INSTA0690CHIQ","price":23.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinaryglycolicacidtoner_ce377c4f-12f5-4dc9-913c-d81a5b28c440.jpg?v=1788176060"},{"product_id":"pixi-glow-tonic-100-ml","title":"Pixi Glow tonic 5% glycolic toner  100 ml","description":"\u003cdiv\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003eTu piel brillará y se tonificará con Pixi Tónico\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ePixi Glow Tonic Este\u003cspan\u003e \u003c\/span\u003e\u003c\/strong\u003eEl tónico innovador es rico en ácido glicólico, que exfolia suavemente la piel y limpia en profundidad los poros sucios.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2\u003e Fórmula multitarea\u003c\/h2\u003e\n\u003cul data-sourcepos=\"3:1-7:0\"\u003e\n\u003cli class=\"animating\" data-sourcepos=\"3:1-3:197\"\u003e\n\u003cspan class=\"animating\"\u003eÁcido glicólico:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eEs un ácido alfa-hidroxi (AHA) que ayuda a eliminar las células muertas de la superficie de la piel, dejándola más suave y luminosa.\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eTambién ayuda a mejorar la textura de la piel y a reducir la aparición de líneas finas y arrugas de expresión.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"4:1-4:78\"\u003e\n\u003cspan class=\"animating\"\u003eGlicerina:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eEs un humectante natural que ayuda a atraer agua a la piel y a mantener su hidratación.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"5:1-5:87\"\u003e\n\u003cspan class=\"animating\"\u003eAloe Vera:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eEs una planta que tiene propiedades calmantes y antiinflamatorias, y también ayuda a hidratar la piel.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"6:1-7:0\"\u003e\n\u003cspan class=\"animating\"\u003eGinseng:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eEs una planta que tiene propiedades antioxidantes que ayudan a proteger la piel de los daños de los radicales libres.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"shopify-section\" id=\"shopify-section-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2\"\u003e\n\u003csection class=\"image__with-text image__with-text--template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2 sf-section-padding\" id=\"sf__img-with-text-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2\"\u003e\n\u003cdiv class=\"container-fluid section-my\"\u003e\n\u003cdiv class=\"sf-custom__grid sf-grid flex flex-wrap\"\u003e\n\u003cdiv class=\"sf-custom__block sf-column content__box-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2 flex items-center w-full md:w-1\/2 lg:w-6\/12 px-0\"\u003e\n\u003cdiv class=\"content__box w-full text-center\"\u003e\n\u003cdiv class=\"md:mb-6 mb-3 lg:mb-8 text-color-subtext rte prose\"\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\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cem style=\"font-size: 0.875rem;\"\u003eIdeal para todo tipo de piel y piel sensible\u003c\/em\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003c\/em\u003eÚsalo En Mañana . , Luego Chi Glow Tonic Rostro .\u003cspan\u003e  Con suero \u003c\/span\u003eO hidratante.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Pixi","offers":[{"title":"Default Title","offer_id":46999296671918,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ezgif.com-gif-maker_13_4ac261dd-2021-45f2-9cb2-de0636c224cd.jpg?v=1788176021"},{"product_id":"the-ordinary-salycilic-acid","title":"The ordinary ácido salicílico 2% solución exfoliante con ácido salicílico","description":"\u003cp\u003eAplicar una vez por la noche.\u003cbr\/\u003eAplica una pequeña cantidad en la zona afectada o en la cara en general\u003c\/p\u003e\n\u003cp\u003ePrueba del producto: Se recomienda probar sobre la piel aplicando una pequeña cantidad en una pequeña área de la piel durante 3 días.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNo usarlo con los siguientes productos:\u003c\/strong\u003e\u003cbr\/\u003ePéptidos de cobre\u003cbr data-mce-fragment=\"1\"\/\u003e Ácidos\u003cbr data-mce-fragment=\"1\"\/\u003e Vitamina C\u003cbr data-mce-fragment=\"1\"\/\u003eEUK\u003cbr data-mce-fragment=\"1\"\/\u003ePolvo de niacinamida\u003cbr data-mce-fragment=\"1\"\/\u003ePéptidos\u003cbr data-mce-fragment=\"1\"\/\u003eRetinoide\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eTodos los ingredientes: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Saccharide Isomerate, Cocamidopropyl Dimethylamine, Salicylic Acid, Hydroxyethylcellulose, Polysorbate 20, Citric Acid, Sodium Citrate, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999350608046,"sku":null,"price":14.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/rdn-salicylic-acid-2pct-solution-30ml_2a5e1469-9be8-4eb0-b796-6d03aa2022c4.webp?v=1788175552"},{"product_id":"infinity-naturals-strawberry-scrub","title":"Exfoliante corporal de fresa 270 g infinity naturals","description":"\n\u003cp\u003e¡Disfruta de los extraordinarios beneficios de las fresas con nuestro exfoliante corporal! Nuestro lujoso exfoliante corporal contiene extracto real de fresa, conocido por sus increíbles propiedades que dejan la piel fresca y revitalizada. Aquí algunos de los beneficios que puedes disfrutar:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eElimina las células muertas de la piel para una piel más suave y lisa\u003c\/li\u003e\n\u003cli\u003eMejora la elasticidad de la piel y aumenta su firmeza\u003c\/li\u003e\n\u003cli\u003eHidrata y nutre la piel para un aspecto sano y radiante\u003c\/li\u003e\n\u003cli\u003eAporta una fragancia dulce y afrutada que revitaliza los sentidos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eRegálate una experiencia de cuidado personal lujosa con nuestro Exfoliante Corporal de Fresa y descubre el poder de los extractos naturales de fruta para una piel bella y radiante!\u003c\/p\u003e\n","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999353458862,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_59_e89a0370-bc29-4f43-8247-c2310e507478.jpg?v=1788175540"},{"product_id":"infinity-naturals-sea-scrub","title":"Exfoliante corporal con sal marina y aceite de lavanda, 180 g, Infinity Naturals","description":"\u003cp\u003eLa sal marina natural se utiliza en este exfoliante para eliminar las células muertas de la piel y estimular la circulación sanguínea, lo que favorece la formación de nuevas células y mejora la elasticidad de la piel. En cuanto al aceite esencial de lavanda, ayuda a calmar e hidratar la piel, y su fragancia refrescante proporciona relajación y calma al cuerpo.\u003c\/p\u003e\n\u003cp\u003eEste producto es ideal para todo tipo de piel y puede usarse dos veces por semana. Disfruta de una experiencia de exfoliación única y aprovecha una piel sana y suave con un exfoliante corporal formulado con sal marina y aceite esencial de lavanda orgánico.\u003c\/p\u003e","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999354310830,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_61_69763d05-2d38-4ad3-8c3b-8ca6a670b522.jpg?v=1788175537"},{"product_id":"paula-choice-bha-peeling","title":"Peeling químico Paula's Choice con BHA 2% | Para arrugas | Acné | Minimizar poros","description":"\n\u003cp\u003eSobre Rostro En Después Limpieza Tónicos Faciales Equilibrantes. Rostro Después .\u003c\/p\u003e\n\u003cp\u003eComienza despacio: aplícalo cada dos días y observa cómo responde tu piel. Luego úsalo dos veces al día. Durante el día, usa siempre una crema solar con SPF 30+.\u003c\/p\u003e\n\u003cp\u003eSi eres alérgico a los salicilatos, consulta a tu médico antes de usar cualquier producto que contenga ácido salicílico.\u003c\/p\u003e\n\u003cp\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003ePrincipales ingredientes:\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eÁcido salicílico\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifica y reduce el tamaño de los poros dilatados\u003c\/li\u003e\n\u003cli\u003eElimina las capas acumuladas de piel\u003c\/li\u003e\n\u003cli\u003eReduce visiblemente la aparición de líneas finas y arrugas de expresión\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003eTé verde:\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003cul\u003e\n\u003cli\u003eAlivia la irritación\u003c\/li\u003e\n\u003cli\u003ePotentes beneficios anti-edad\u003c\/li\u003e\n\u003cli\u003eMejora visiblemente los daños causados por el sol\u003c\/li\u003e\n\u003c\/ul\u003e\n","brand":"Paula's choice","offers":[{"title":"Default Title","offer_id":46999357849774,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51gCjL3-clL._AC_UL600_SR600_600_104394d5-a9e2-4b1f-a1d9-51375c77837b.jpg?v=1788175524"},{"product_id":"somebymi-aha-bha-pha-miracle-toner","title":"Some By Mi AHA-BHA-PHA 30 Days Miracle Toner 150ml","description":"\u003cdiv class=\"sbm30-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \n        .sbm30-wrapper {\n            --sbm30-bg-dark: #0a110d; \n            --sbm30-bg-card: rgba(20, 35, 25, 0.6); \n            --sbm30-green-main: #2e8b57; \n            --sbm30-green-light: #66cdaa; \n            --sbm30-gold-main: #d4af37; \n            --sbm30-gold-light: #f3e5ab; \n            --sbm30-glow-green: rgba(46, 139, 87, 0.3);\n            --sbm30-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbm30-text-main: #f0fdf4;\n            --sbm30-text-muted: #b0c4b1;\n            --sbm30-border: rgba(46, 139, 87, 0.3);\n            --sbm30-border-hover: rgba(102, 205, 170, 0.6);\n            \n            background-color: var(--sbm30-bg-dark);\n            color: var(--sbm30-text-main);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(46, 139, 87, 0.05) inset;\n        }\n\n        .sbm30-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm30-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .sbm30-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \n        .sbm30-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .sbm30-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm30-glow-green) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            border: 1px solid rgba(102, 205, 170, 0.2);\n            animation: floatUpMint 15s infinite ease-in-out;\n            filter: blur(4px);\n        }\n\n        @keyframes floatUpMint {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \n        .sbm30-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            background: linear-gradient(135deg, #ffffff 0%, var(--sbm30-green-light) 60%, var(--sbm30-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--sbm30-glow-green);\n        }\n\n        .sbm30-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbm30-gold-main);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbm30-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm30-green-light), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbm30-green-main);\n        }\n\n        \n        .sbm30-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbm30-badge {\n            display: inline-block;\n            background: rgba(46, 139, 87, 0.15);\n            border: 1px solid var(--sbm30-green-main);\n            color: var(--sbm30-green-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--sbm30-glow-green);\n        }\n        \n        .sbm30-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbm30-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n            border-right: 3px solid var(--sbm30-green-main);\n            padding-left: 15px;\n            background: linear-gradient(90deg, transparent, rgba(46, 139, 87, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \n        .sbm30-glass-box {\n            background: var(--sbm30-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbm30-border);\n            border-radius: 20px;\n            padding: 35px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbm30-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--sbm30-green-light), var(--sbm30-gold-main), transparent);\n        }\n\n        \n        .sbm30-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .sbm30-card {\n            background: linear-gradient(145deg, rgba(20, 35, 25, 0.7), rgba(10, 15, 12, 0.9));\n            border: 1px solid var(--sbm30-border);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .sbm30-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbm30-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm30-gold-main);\n            box-shadow: 0 15px 30px var(--sbm30-glow-green);\n            background: rgba(25, 45, 30, 0.8);\n        }\n\n        .sbm30-card:hover::after { bottom: -10%; right: -10%; }\n\n        .sbm30-icon {\n            width: 60px; height: 60px; background: rgba(46, 139, 87, 0.1);\n            border: 1px solid rgba(102, 205, 170, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--sbm30-green-light); font-size: 28px;\n            transition: transform 0.3s ease; box-shadow: 0 0 15px rgba(46, 139, 87, 0.2);\n        }\n        \n        .sbm30-card:hover .sbm30-icon {\n            transform: scale(1.1) rotate(-5deg); background: linear-gradient(135deg, var(--sbm30-green-main), var(--sbm30-gold-main));\n            color: #111; border-color: transparent; box-shadow: 0 0 25px var(--sbm30-gold-main);\n        }\n\n        .sbm30-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .sbm30-card p { color: var(--sbm30-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \n        .sbm30-table-container {\n            overflow-x: auto; margin: 30px 0; border-radius: 16px; border: 1px solid var(--sbm30-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5); background: rgba(10, 15, 12, 0.6);\n        }\n\n        .sbm30-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 500px; }\n        .sbm30-table th, .sbm30-table td { padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }\n        .sbm30-table th { background: rgba(46, 139, 87, 0.2); color: var(--sbm30-gold-light); font-weight: 800; font-size: 1.1rem; }\n        .sbm30-table td strong { color: var(--sbm30-text-main); }\n        .sbm30-table td.sbm30-highlight { background: rgba(46, 139, 87, 0.08); color: var(--sbm30-green-light); font-weight: bold; font-size: 1.05rem; }\n        .sbm30-table tr:last-child td { border-bottom: none; }\n\n        \n        .sbm30-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        .sbm30-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbm30-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        .sbm30-step-item:hover { border-color: var(--sbm30-gold-main); background: rgba(212, 175, 55, 0.05); transform: translateX(-5px); }\n        .sbm30-step-num {\n            font-size: 2rem; font-weight: 900; color: rgba(212, 175, 55, 0.2); -webkit-text-stroke: 1px var(--sbm30-gold-main);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px var(--sbm30-glow-gold);\n        }\n\n        \/* === Animations === *\/\n        .sbm30-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm30-reveal.sbm30-active { opacity: 1; transform: translateY(0); }\n        .sbm30-delay-1 { transition-delay: 0.1s; }\n        .sbm30-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm30-hero { padding: 10px 0 20px; }\n            .sbm30-step-item { flex-direction: column; text-align: center; }\n            .sbm30-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"sbm30-ambient-particles\" id=\"sbm30-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm30-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm30-hero sbm30-reveal sbm30-active\"\u003e\n\u003cdiv class=\"sbm30-badge\"\u003eEl tónico milagroso coreano más vendido en todo el mundo\u003c\/div\u003e\n\u003ch1 class=\"sbm30-title-glow\"\u003e¡Los secretos de la piel cristalina residen en las gotas de este tónico!\u003c\/h1\u003e\n\u003cp class=\"sbm30-hero-subtitle\"\u003e\n                “La acumulación de piel muerta no solo crea una falsa impresión, sino que obstruye los poros e impide que cualquier crema costosa penetre en la piel.” \u003cbr\/\u003e\n                Transforma tu piel a su estado más claro y puro en solo 30 días con un tónico \u003cstrong\u003eSome By Mi Miracle\u003c\/strong\u003e Desarrollador.\n            \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Miracle Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_toner_aha_bha_pha_peeling_toner_4.jpg?v=1730725686\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem \/ Main Solution --\u003e\n\u003cdiv class=\"sbm30-glass-box sbm30-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 15px;\"\u003e¿Sufres de piel opaca, poros dilatados y granos sin fin?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--sbm30-text-muted); line-height: 1.8; font-size: 1.1rem; margin-bottom: 20px;\"\u003e\n                La principal causa de la mayoría de los problemas de la piel es el fracaso del ciclo natural de renovación. Cuando las células muertas y los aceites oxidados se acumulan, la piel se sofoca y comienza a inflamarse.\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(212, 175, 55, 0.1); border: 1px dashed var(--sbm30-gold-main); padding: 20px; border-radius: 12px; text-align: center;\"\u003e\n\u003cp style=\"color: var(--sbm30-gold-light); font-size: 1.25rem; font-weight: bold; margin-bottom: 10px;\"\u003eTriple Ácidos (AHA, BHA, PHA)\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem;\"\u003e\n                    Este tónico no es solo un “agua perfumada”. Funciona eficazmente a nivel microquímico para eliminar las células muertas y disolver puntos negros y blancos. Gracias a la presencia de AHA, elimina las escamas de la superficie, mientras que el BHA penetra en los poros para disolver las grasas más arraigadas, y el PHA mantiene la hidratación de la piel y previene irritaciones.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Miracle Ingredients (Tea Tree) --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eEl poder del árbol de té que ha cambiado el destino de la medicina cosmética\u003c\/h2\u003e\n\u003cimg alt=\"El poder del árbol de té\" class=\"sbm30-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_3.webp?v=1745762837\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cp class=\"sbm30-reveal\" style=\"text-align: center; color: var(--sbm30-text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto 40px; line-height: 1.8;\"\u003e\n            Gracias a los procesos avanzados de purificación y extracción coreanos, este tónico está enriquecido con la máxima concentración de verdadero extracto de hojas de árbol de té \u003cstrong style=\"color: var(--sbm30-gold-light);\"\u003e(10.000 ppm)\u003c\/strong\u003e. Este ingrediente mágico es el mayor milagro para la piel grasa y propensa al acné. Mata las bacterias que causan el acné, apaga instantáneamente la inflamación y el enrojecimiento, ¡y equilibra increíblemente bien la producción excesiva de sebo!\n        \u003c\/p\u003e\n\u003c!-- 4. Triple Action Benefits Grid --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eBeneficios 3D para una piel perfecta de vidrio\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-grid\"\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e🕳️\u003c\/div\u003e\n\u003ch3\u003eLa solución definitiva para los poros dilatados\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e¡Buena suerte tratando de ver tus poros después de hoy!\u003c\/strong\u003e El tónico limpia profundamente los poros y luego reduce su tamaño gracias a la Niacinamida incorporada en la fórmula.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-1\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eequilibrio del pH (pH 5,5)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEl exfoliante más delicado para pieles sensibles.\u003c\/strong\u003e ¡Hay una línea sutil entre exfoliación e irritación! El tónico está diseñado para adaptarse al pH natural de la piel para exfoliar profundamente y con \"cero\" irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-2\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eResplandor instantáneo y rejuvenecimiento\u003c\/h3\u003e\n\u003cp\u003eContiene extractos de papaya y hamamelis para acelerar la eliminación de las células muertas de la piel, además de extracto de loto y adenosina para reafirmar la piel y combatir las arrugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beneficios del tónico\" class=\"sbm30-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_2.webp?v=1745763008\" style=\"margin: 40px auto; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\"\/\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003e¿Por qué el tónico Some By Mi es superior a los tónicos tradicionales?\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-table-container sbm30-reveal\"\u003e\n\u003ctable class=\"sbm30-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparación\u003c\/th\u003e\n\u003cth\u003eTónicos exfoliantes regulares\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 175, 55, 0.15); color: #fff;\"\u003eTónico Milagroso (Some By Mi)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSistema peeling\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSolo un tipo (generalmente AHA)\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eSistema 3D (AHA\/BHA\/PHA)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eEfecto hidratante\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eProvoca evidente sequedad y descamación\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eHidratación profunda gracias a las moléculas de PHA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eProcesamiento del trigo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003ePuede irritar granos activos\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eBalance ácido\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eAlcalinos o ácidos agresivos\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003ePH 5,5 está perfectamente equilibrado para proteger la barrera hidrolipídica\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePiel sensible\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eNo apto ya que contiene alcohol\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eMuy segura y probada médicamente como (No Comedogénica)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Instructions --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eCómo usar para obtener resultados rápidos\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-steps-wrap sbm30-reveal\"\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eLimpieza profunda\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eLávate bien la cara con tu limpiador favorito y sécala delicadamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eLimpieza con algodón\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eAplicar Cantidad Chi Tónicos Faciales Equilibrantes Sobre Piel .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eDar golpecitos para absorber\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eDa golpecitos suavemente en el rostro con la punta de los dedos para ayudar a que la piel absorba todos los nutrientes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eProtección obligatoria\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eSigue con un suero y un hidratante. Y por la mañana, \u003cstrong\u003eLa crema solar (SPF) es un paso obligatorio\u003c\/strong\u003e Por qué los ácidos hacen que la piel sea sensible al sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Social Proof (Reviews) --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eExperiencias reales: ¿Por qué se ha definido como un “milagro”?\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-glass-box sbm30-reveal\" style=\"text-align: left; padding: 25px;\"\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eEl lado positivo :\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eLa mayoría de los usuarios ha elogiado la rápida capacidad del tónico de secar los granos activos y reducir la inflamación y el enrojecimiento en pocos días. También han notado una mejora significativa en la textura y suavidad de la piel y una reducción evidente en la apariencia de los poros gracias a la exfoliación delicada y profunda que no causa ninguna irritación.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003ePunto a notar:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003ePiel Deshidratación Tónicos Faciales Equilibrantes Gradualmente En En Con Exfoliación Fuerte Sobre Resultados Sequedad.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eConclusión:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eEste tónico es un verdadero “salvador” para pieles grasas, mixtas y propensas al acné. Una inversión excelente que proporciona una exfoliación diaria segura y resultados comparables a sesiones de limpieza profesional al eliminar células muertas, purificar los poros y restaurar la luminosidad natural del rostro.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"sbm30-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbm30-border);\"\u003e\n\u003ch2 class=\"sbm30-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e¡Piel nueva y luminosa en solo 30 días!\u003c\/h2\u003e\n\u003cimg alt=\"Aplicación del tónico\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_1.webp?v=1745762879\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                Deja de ocultar granos y problemas bajo capas gruesas de maquillaje. \u003cstrong\u003eSome By Mi Miracle Toner\u003c\/strong\u003e Actuará como un “Botón de Reinicio” para tu piel, eliminando las células muertas y el sebo, dejándote una superficie clara y sana a través de la cual tu piel puede respirar.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbm30-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--sbm30-glow-gold);\"\u003e\n                Ordénalo ahora y consigue tu piel de cristal!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Ingredients Footer --\u003e\n\u003cdiv class=\"sbm30-reveal\" style=\"background: rgba(0,0,0,0.5); border: 1px dashed var(--sbm30-border); border-radius: 12px; padding: 25px; font-size: 0.85rem; color: #888; margin-top: 50px; text-align: left; direction: ltr;\"\u003e\n\u003ch3 style=\"color: var(--sbm30-gold-main); margin-bottom: 15px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eLista completa de ingredientes (INCI)\u003c\/h3\u003e\n\u003cp\u003eWater, Butylene Glycol, Dipropylene Glycol, Glycerin, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e, \u003cstrong\u003eMelaleuca Alternifolia (Tea Tree) Leaf Extract (10,000ppm)\u003c\/strong\u003e, Polyglyceryl-4 Caprate, Carica Papaya (Papaya) Fruit Extract, Lens Esculenta (Lentil) Seed Extract, Hamamelis Virginiana (Witch Hazel) Extract, Nelumbo Nucifera Flower Extract, Swiftlet Nest Extract, Sodium Hyaluronate, Fructan, Allantoin, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Hydroxyethyl Urea, Xylitol, \u003cstrong\u003eSalicylic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eLactobionic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eCitric Acid (500ppm)\u003c\/strong\u003e, Sodium Citrate, 1,2-Hexanediol, Benzyl Glycol, Ethylhexylglycerin, Raspberry Ketone, Mentha Piperita (Peppermint) Oil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.sbm30-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm30-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbm30-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Mint Bubbles\n            var ambientContainer = document.getElementById('sbm30-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbm30-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 10; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999386128558,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1788175418"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: ltr;\n    }\n\n    \/* Typography *\/\n    .product-description h3 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n    }\n\n    .product-description ul {\n        list-style: none;\n        padding: 0;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 1.5em;\n        background: rgba(156, 129, 2, 0.03);\n        padding: 20px;\n        border-radius: 10px;\n        border-right: 4px solid #9C8102;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        transition: transform 0.5s ease;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Results section *\/\n    .results-container {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    \/* Before\/After comparison *\/\n    .before-after-container {\n        position: relative;\n        width: 100%;\n        max-width: 700px;\n        margin: 0 auto 30px;\n        overflow: hidden;\n        border-radius: 10px;\n    }\n\n    .comparison-slider {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 40px;\n        background: rgba(156, 129, 2, 0.7);\n        left: 50%;\n        transform: translateX(-50%);\n        cursor: ew-resize;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .comparison-slider::before {\n        content: '⇄';\n        color: white;\n        font-size: 20px;\n    }\n\n    .before-image, .after-image {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n    }\n\n    .before-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 50%;\n        height: 100%;\n        overflow: hidden;\n    }\n\n    .before-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 200%;\n    }\n\n    .after-container {\n        position: relative;\n        width: 100%;\n    }\n\n    \/* Timeline *\/\n    .timeline-container {\n        margin: 40px 0;\n    }\n\n    .timeline-steps {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 20px;\n    }\n\n    .timeline-step {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n\n    .timeline-dot {\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        border-radius: 50%;\n        margin: 0 auto 10px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .timeline-bar {\n        position: absolute;\n        top: 15px;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: 1;\n    }\n\n    .timeline-label {\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    \/* Ingredient section *\/\n    .ingredient-container {\n        margin: 30px 0;\n    }\n\n    .ingredient-card {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        margin-bottom: 20px;\n        transition: transform 0.3s ease;\n        border-right: 3px solid #9C8102;\n    }\n\n    .ingredient-card:hover {\n        transform: translateX(-5px);\n    }\n\n    .ingredient-title {\n        color: #9C8102;\n        font-size: 1.2rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Value section *\/\n    .value-points {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n\n    .value-point {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        text-align: center;\n    }\n\n    .value-point:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n    }\n\n    .value-icon {\n        font-size: 2rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* CTA section *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-container h3 {\n        color: white;\n    }\n\n    .cta-container h3::after {\n        background-color: white;\n        margin: 10px auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .value-points {\n            grid-template-columns: 1fr;\n        }\n        \n        .timeline-steps {\n            flex-direction: column;\n        }\n        \n        .timeline-step {\n            margin-bottom: 30px;\n        }\n        \n        .timeline-bar {\n            display: none;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003ePuntos negros: granos molestos que arruinan la claridad de tu piel y reducen tu autoestima\u003c\/h3\u003e\n\u003cp\u003eLos puntos negros son un problema común de la piel que se produce debido a que los poros se obstruyen con aceites naturales y células muertas. Estos granos oscuros no solo afectan al aspecto de la piel, sino que también pueden reducir la confianza en uno mismo.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003eUn producto eliminará el problema en una semana\u003c\/h3\u003e\n\u003cp\u003eCon \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003ePuedes deshacerte de los puntos negros y obtener una piel clara en una semana. Este producto contiene el 4% de \u003cstrong\u003eBetaína salicilato\u003c\/strong\u003eEs un ácido beta-hidroxi que es suave y eficaz en la limpieza de los poros.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003e10 minutos a la semana... resultados que duran meses\u003c\/h3\u003e\n\u003cp\u003eDespués de una semana de uso regular, notarás una mejora en la textura de la piel, que se volverá más suave y luminosa. Además, el producto ayuda a reducir los granos y a mejorar la elasticidad de la piel.\u003c\/p\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-steps\"\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003ePrimer día\u003c\/div\u003e\n\u003cp\u003eEl comienzo de la limpieza profunda de los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eEl tercer día\u003c\/div\u003e\n\u003cp\u003eReducir el tamaño de los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eDía cinco\u003c\/div\u003e\n\u003cp\u003ePiel más suave\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eEl séptimo día\u003c\/div\u003e\n\u003cp\u003eLa desaparición de los puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Image --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Clinical Results\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_results_800x800_d9917e8f-4e16-4f05-81b6-a52c688fbabf.jpg?v=1745672794\"\/\u003e\n\u003ch3\u003eResultados extraordinarios en una semana\u003c\/h3\u003e\n\u003cp\u003eLos resultados clínicos muestran una mejora significativa en el aspecto de la piel después de usar el producto regularmente durante apenas una semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEspecialista en la limpieza y reducción de los poros\u003c\/h3\u003e\n\u003cp\u003eDiseñado \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e Diseñado específicamente para limpiar profundamente los poros y reducir su tamaño, otorgando una piel más clara y joven. Se distingue por su composición que contiene \u003cstrong\u003eExtracto de corteza de sauce\u003c\/strong\u003e Y\u003cstrong\u003eBetaína salicilato\u003c\/strong\u003eEsto ayuda a reducir la inflamación y mejorar la salud general de la piel.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eLimpieza profunda de los poros\u003c\/h4\u003e\n\u003cp\u003ePenetra en profundidad en los poros para eliminar impurezas y aceites acumulados que causan los puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eRegeneración de las células de la piel\u003c\/h4\u003e\n\u003cp\u003eAyuda a acelerar el proceso de renovación de las células de la piel para una piel más luminosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eReduce los poros\u003c\/h4\u003e\n\u003cp\u003eReduce significativamente el tamaño de los poros dilatados con un uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_a57cb5f3-40b7-4f06-a9a5-61842ceed862.jpg?v=1745672964\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003eMejor que otros exfoliantes BHA\u003c\/h3\u003e\n\u003cp\u003eEste producto se distingue de otros exfoliantes BHA por su fórmula única que combina eficacia y suavidad en la piel. Además, no contiene fragancias ni alcohol, lo que lo hace ideal para todo tipo de piel, incluso las sensibles.\u003c\/p\u003e\n\u003ch3\u003e¿Por qué este producto tiene una buena relación calidad-precio?\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eTamaño envase grande (100 ml)\u003c\/strong\u003e\n\u003cp\u003eSuficiente para varios meses de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eEficacia a largo plazo\u003c\/strong\u003e\n\u003cp\u003eUna aplicación es suficiente para obtener resultados que duran toda una semana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eIngredientes activos altamente concentrados\u003c\/strong\u003e\n\u003cp\u003eContiene una alta concentración de ácido salicílico (BHA) para eliminar los puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eComponentes adicionales valiosos\u003c\/strong\u003e\n\u003cp\u003eCómo agua de corteza de sauce para limpiar los poros y renovar las células de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eNo es necesario el uso diario\u003c\/strong\u003e\n\u003cp\u003ePuede ser usado con menos frecuencia obteniendo resultados duraderos, lo que aumenta su valor respecto al precio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003ch3\u003ePrincipales ingredientes y su funcionamiento:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eBetaína salicilato 4%\u003c\/h4\u003e\n\u003cp\u003eUna alternativa más delicada al ácido salicílico, exfolia la piel y disuelve el sebo en los poros, ayudando a reducir los puntos negros y mejorar la textura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eExtracto de corteza de sauce (Extracto de corteza de Salix Alba)\u003c\/h4\u003e\n\u003cp\u003eSe considera una fuente natural de betaína salicilato, que contribuye a reducir la inflamación y a mejorar la salud general de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eButilenglicol\u003c\/h4\u003e\n\u003cp\u003eActúa como emoliente, ayudando a mantener la humedad de la piel y mejorando la absorción de otros ingredientes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eEtil hexanodiol\u003c\/h4\u003e\n\u003cp\u003eUsado como disolvente, ayuda a mejorar la consistencia del producto y a facilitar su distribución sobre la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX BHA Blackhead Power Liquid\u003c\/h3\u003e\n\u003cp\u003eLa solución ideal para deshacerse de los puntos negros y obtener una piel clara, sin impurezas.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComienza ahora y di adiós a los puntos negros para siempre!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392387246,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5_591e4306-fa92-4003-96db-676f98dec3ac.webp?v=1788175384"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-starter-kit","title":"SOME BY MI AHA-BHA-PHA 30 Days Miracle Starter Kit","description":"\u003cdiv class=\"some-by-mi-section\"\u003e\n\u003cstyle\u003e\n        .some-by-mi-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .some-by-mi-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: ltr;\n            font-family:inherit;\n            color: #333;\n        }\n        \n        .kit-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .kit-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .kit-subtitle {\n            font-size: 1.2rem;\n            color: #666;\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .kit-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .kit-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        }\n        \n        .kit-section {\n            margin-bottom: 60px;\n            overflow: hidden;\n        }\n        \n        .kit-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 25px;\n            text-align: left;\n        }\n        \n        .kit-subsection-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #9C8102;\n            margin: 30px 0 15px;\n        }\n        \n        .kit-content {\n            padding: 0 10px;\n        }\n        \n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .product-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .product-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .product-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            transition: transform 0.7s ease;\n            opacity: 0;\n        }\n        \n        .product-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        .product-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .kit-list {\n            list-style-type: disc;\n            padding-left: 20px;\n            margin: 20px 0;\n        }\n        \n        .kit-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .benefit-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .value-section {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 30px;\n            margin-top: 40px;\n            border-right: 4px solid #9C8102;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: #9C8102;\n        }\n        \n        .kit-components {\n            margin: 20px 0;\n        }\n        \n        .numbered-list {\n            list-style-type: decimal;\n            padding-left: 25px;\n            margin: 20px 0;\n        }\n        \n        .numbered-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n            padding-left: 5px;\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        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        @media (max-width: 768px) {\n            .products-grid, \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .kit-title {\n                font-size: 1.5rem;\n            }\n            \n            .kit-section-title {\n                font-size: 1.3rem;\n            }\n            \n            .value-section {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"kit-header fade-in\"\u003e\n\u003ch2 class=\"kit-title\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\"\/\u003e\n\u003cp class=\"kit-subtitle\"\u003egrupo \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e Ofrece una rutina completa en cuatro pasos diseñada específicamente para la piel propensa al acné y a la pigmentación. Está compuesta por jabón limpiador, tónico, suero y crema, todos ellos con una mezcla de tres ácidos (AHA, BHA, PHA) e ingredientes calmantes como el árbol de té y la centella, para exfoliar las células muertas, limpiar los poros, calmar la inflamación e hidratar profundamente la piel sin privarla de sus aceites naturales. Combinar estos cuatro pasos garantiza un tratamiento completo de la pigmentación, reduce la inflamación y mejora la textura de la piel en solo 30 días.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eInformación sobre el grupo\u003c\/h2\u003e\n\u003cdiv class=\"kit-content fade-in\"\u003e\n\u003cp class=\"kit-text\"\u003eEl set contiene cuatro productos en formato de viaje:\u003c\/p\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eJabón Limpiador AHA‑BHA‑PHA 30 Days Miracle (25g)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTónico AHA‑BHA‑PHA 30 Days Miracle (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSuero AHA‑BHA‑PHA 30 Days Miracle (10ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCrema AHA‑BHA‑PHA 30 Days Miracle (20g)\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eFunciones de cada producto de la gama\u003c\/h2\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eBarra limpiadora\u003c\/h3\u003e\n\u003cimg alt=\"Cleansing Bar\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.webp?v=1745075149\"\/\u003e\n\u003cp class=\"kit-text\"\u003eCombina tres ácidos (AHA para eliminar las células muertas, BHA para limpiar los poros, PHA para mantener la hidratación); Contiene agua de árbol de té y fórmula Heartleaf para eliminar bacterias y calmar enrojecimientos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eTónico Milagroso\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Toner\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3.png?v=1745075847\"\/\u003e\n\u003cp class=\"kit-text\"\u003eTónico ligeramente ácido (pH 5,5) que contiene una mezcla de tres ácidos y 10.000 ppm de agua de árbol de té para purificar los poros, calmar e hidratar la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eSérum Milagroso\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Serum\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.png?v=1745076405\"\/\u003e\n\u003cp class=\"kit-text\"\u003eLa concentración aumenta al 14,5% de Centella Asiática y a 10.000 ppm de Agua de Árbol de Té para calmar la inflamación y prevenir los brotes cutáneos, con una exfoliación delicada que estimula la renovación celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eCrema Milagrosa\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Cream\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.png?v=1745076683\"\/\u003e\n\u003cp class=\"kit-text\"\u003eUna crema ligera que mezcla los tres ácidos con árbol de té y centella para hidratar en profundidad, reforzar la barrera hidrolipídica y calmar el enrojecimiento causado por el acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eCómo trabajan juntos los componentes\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA30-Days-Miracle-Starter-Kit-1pack_7.webp?v=1745076738\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eExfoliación selectiva\u003c\/h3\u003e\n\u003cp\u003eLos tres ácidos disuelven los enlaces entre las células muertas y limpian los poros sin privar a la piel de sus aceites naturales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAntiinflamatorios\u003c\/h3\u003e\n\u003cp\u003eAgua de árbol de té y extracto de Centella asiática inhiben el crecimiento bacteriano y reducen enrojecimiento e irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratante y protector\u003c\/h3\u003e\n\u003cp\u003eLos ácidos (PHA), el ácido hialurónico (de suero\/crema) y la Centella mejoran la retención de agua dentro de la piel y fortalecen su barrera protectora.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eBeneficios de su combinación\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.webp?v=1745076788\"\/\u003e\n\u003col class=\"numbered-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eRutina completa\u003c\/strong\u003ePaso: Limpieza - exfoliación - tratamiento - hidratación. Cada fase tiene un papel específico que garantiza resultados secuenciales precisos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eResultados acelerados\u003c\/strong\u003e: Una piel más clara y pura aparece en 30 días con un uso diario regular.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eTratamiento completo\u003c\/strong\u003e: No solo elimina los granos, sino que también repara la textura y da un aspecto sano y renovado.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eSu efecto sobre la piel\u003c\/h2\u003e\n\u003cul class=\"kit-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eUnificar el tono de la piel\u003c\/strong\u003e Reducir la pigmentación y las manchas oscuras\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eReducir el tamaño de los poros\u003c\/strong\u003e Reducir la secreción de aceites en exceso.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eAliviar la inflamación\u003c\/strong\u003e Derivado del acné e irritaciones.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFavoreciendo una sensación de suavidad y elasticidad\u003c\/strong\u003e Para una piel más joven y vital\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eValor excepcional por el precio\u003c\/h2\u003e\n\u003cdiv class=\"value-section slide-in-right\"\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eTamaño de viaje económico\u003c\/strong\u003e Permite una experiencia completa de cuatro productos a un precio razonable en comparación con la compra de cada producto por separado.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eCuatro semanas completas\u003c\/strong\u003e Pequeñas dosis son suficientes para el uso diario, mañana y noche, durante todo el período de treinta días.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eIngredientes activos raros y clave\u003c\/strong\u003e Altas concentraciones (Agua de Árbol de Té 10.000 ppm, Centella 14,5%, Niacinamida 2% en el tónico) combinadas en un solo set te ofrecen un valor excepcional que no puedes encontrar en un único suero.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\/\u003e\n\u003cp class=\"kit-text fade-in\"\u003eElegir \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e Para una experiencia capaz de reconstruir tu piel desde las raíces, obteniendo resultados reales y disfrutando de un valor sin igual en el mundo del skincare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Staggered animation for product cards\n            const staggerItems = document.querySelectorAll('.stagger-item');\n            \n            const staggerObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 150); \/\/ 150ms delay between each item\n                        staggerObserver.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            staggerItems.forEach(el =\u003e {\n                staggerObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395500206,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1788175366"},{"product_id":"some-by-mi-aha-bha-pha-14-days-super-miracle-spot-all-kill-cream","title":"SOME BY MI Aha.Bha.Pha 14 Days Super Miracle Spot All Kill Cream 30ml","description":"\u003cstyle\u003e\n  .somebymi-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: ltr;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 6s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.5em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.2em;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .benefit-number {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    color: white;\n    border-radius: 50%;\n    text-align: center;\n    line-height: 30px;\n    font-weight: 700;\n    margin-bottom: 15px;\n    font-size: 0.9em;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 0.95em;\n    line-height: 1.6;\n  }\n\n  .ingredient-highlight {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #9C8102;\n  }\n\n  .truecica-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .truecica-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .truecica-image {\n    max-width: 100%;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  }\n\n  .truecica-info {\n    background: white;\n    padding: 40px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .truecica-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0;\n  }\n\n  .ingredient-list li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-left: 25px;\n  }\n\n  .ingredient-list li::before {\n    content: '🌿';\n    position: absolute;\n    right: 0;\n    top: 10px;\n  }\n\n  .triple-acid-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .acid-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .acid-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .acid-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .acid-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .acid-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .timeline-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    padding-left: 40px;\n  }\n\n  .timeline-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 20px;\n    height: 100%;\n    width: 4px;\n    background: linear-gradient(to bottom, #9C8102, #d4af37);\n    border-radius: 2px;\n  }\n\n  .timeline-item {\n    position: relative;\n    margin-bottom: 40px;\n    padding-left: 60px;\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateX(50px);\n    transition: all 0.3s ease;\n  }\n\n  .timeline-item::before {\n    content: '';\n    position: absolute;\n    right: -42px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    border: 4px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    z-index: 1;\n  }\n\n  .timeline-item:hover {\n    transform: translateX(0);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .timeline-day {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.1em;\n    margin-bottom: 10px;\n  }\n\n  .texture-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 15px;\n  }\n\n  .texture-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .texture-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .texture-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .investment-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .investment-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .investment-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .investment-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .investment-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .investment-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .investment-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.2em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 20px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.2em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.3em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 80px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 40px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .benefits-grid, .acid-grid, .texture-highlights, .investment-grid {\n      grid-template-columns: 1fr;\n    }\n    .truecica-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"somebymi-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml.webp?v=1745858282\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eEl milagro de 14 días: eliminación completa de las manchas\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eSOME BY MI Aha·Bha·Pha 14 Days Super Miracle Spot All Kill Cream\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003e\u003cstrong\u003eEsta no es una crema común, este es el milagro más potente diseñado por SOME BY MI para decir adiós a las manchas y el acné en menos de dos semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"main-benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e1\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eElimina granos y puntos negros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContiene \u003cspan class=\"ingredient-highlight\"\u003eNiacinamida y Ácido Salicílico (500 ppm)\u003c\/span\u003e Para eliminar las bacterias que causan los granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e2\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Enrojecimiento e irritación cutánea, calmantes para pieles sensibles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlimentado por \u003cspan class=\"ingredient-highlight\"\u003eExtracto de Centella asiática (250.000 ppm), pantenol y alantoína\u003c\/span\u003e Para calmar irritaciones y enrojecimientos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e3\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eExfoliante para granos y hoyuelos \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFunciona \u003cspan class=\"ingredient-highlight\"\u003eÁcido salicílico (500 ppm) y ácido lactobiónico (300 ppm)\u003c\/span\u003e Exfolia delicadamente la piel, reduciendo cicatrices, efectos del acné y pigmentación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e4\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eTratamiento avanzado para las pigmentaciones más difíciles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamida y ácidos hidroxílicos\u003c\/span\u003e Aclara eficazmente las manchas oscuras y uniforma el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e5\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Hidratación profunda e intensa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContiene \u003cspan class=\"ingredient-highlight\"\u003eGlicerina, ácido hialurónico y hialuronato de sodio\u003c\/span\u003e Para hidratación profunda.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e6\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección antioxidante\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFortalecido con \u003cspan class=\"ingredient-highlight\"\u003eExtracto de Centella asiática, madecassósido y asiaticósido\u003c\/span\u003e Para proteger la piel de los daños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e7\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneración celular y antienvejecimiento\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamida y adenosina\u003c\/span\u003e Estimulan la regeneración de las células de la piel y reducen los signos del envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e8\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eLimpieza profunda natural\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eAgua de hojas de árbol de té (500.000 ppm)\u003c\/span\u003e Limpia y purifica profundamente la piel de manera natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Truecica Section --\u003e\n\u003cdiv class=\"truecica-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e¿Qué es Truecica™? El secreto para un alivio supremo\u003c\/h2\u003e\n\u003cdiv class=\"truecica-content\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream Texture\" class=\"truecica-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml_c850d135-1092-47ee-8828-7df3d8a06e64.webp?v=1745858375\"\/\u003e\n\u003cdiv class=\"truecica-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 15px;\"\u003eUna fórmula exclusiva que calma y refuerza la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eTruecica™ no es solo un ingrediente, es una combinación de:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eExtracto Puro de Centella Asiática\u003c\/li\u003e\n\u003cli\u003eConcentrado de madecassósido\u003c\/li\u003e\n\u003cli\u003eExtracto de árbol de té\u003c\/li\u003e\n\u003cli\u003eExtracto de Lechuga Cavallina (Artemisia)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eEsta combinación calma la inflamación y refuerza la barrera hidrolipídica desde el primer uso, reduciendo enrojecimientos y protegiendo la piel de las irritaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Triple Acid Section --\u003e\n\u003cdiv class=\"triple-acid-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePeeling de triple acción: AHA BHA PHA\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eBuena suerte tratando de ver los poros de la piel después de usar la crema\u003c\/h3\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eAHA\u003c\/h3\u003e\n\u003cp\u003eExfolia delicadamente la capa superficial y reduce las arrugas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e⚗️\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eBHA\u003c\/h3\u003e\n\u003cp\u003ePenetra en profundidad en los poros, elimina los aceites y previene la acumulación de suciedad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003ePHA\u003c\/h3\u003e\n\u003cp\u003eExfolia suavemente, hidrata y revitaliza la piel con una radiancia saludable. Juntos, ofrecen una exfoliación continua inteligente que deja la piel limpia y el estómago nutrido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCronología de Resultados Visibles: Piel nueva en 14 días\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– Progreso temporal paso a paso –\u003c\/h3\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía 1:\u003c\/div\u003e\n\u003cp\u003eAlivia instantáneamente el punto, reduce el enrojecimiento y proporciona una sensación de confort en la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía 3:\u003c\/div\u003e\n\u003cp\u003e¿Notas un leve ensanchamiento de los bordes de la mancha y la desaparición de algo de hinchazón?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eFin de la primera semana:\u003c\/div\u003e\n\u003cp\u003eLa diferencia permanece clara, el color de la piel empieza a uniformarse y las manchas oscuras se reducen significativamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía 10:\u003c\/div\u003e\n\u003cp\u003ePrepárate para decir adiós a la mayoría de los signos de imperfección; La piel estará clara y más cercana a un color natural y uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía catorce:\u003c\/div\u003e\n\u003cp\u003eEl milagro ha triunfado; tus manchas casi desaparecen y tu piel recupera completamente frescura y vitalidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Texture Section --\u003e\n\u003cdiv class=\"texture-section\"\u003e\n\u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eGel transparente ligero\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eAbsorción inmediata sin ningún efecto grasoso\u003c\/h3\u003e\n\u003cdiv class=\"texture-highlights\"\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eGel transparente\u003c\/h3\u003e\n\u003cp\u003eTextura ligera que se desliza sobre la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eAbsorción inmediata\u003c\/h3\u003e\n\u003cp\u003eDesaparece instantáneamente sin dejar pegajoso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eSin rastro\u003c\/h3\u003e\n\u003cp\u003eNinguna capa blanca o grasosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUna de las mejores inversiones para la salud de tu piel\u003c\/h2\u003e\n\u003cdiv class=\"investment-grid\"\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eMilagro rápido\u003c\/h3\u003e\n\u003cp\u003eDi adiós a las manchas en solo 14 días.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eApto para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003eSometido a 20 pruebas de no adherencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eLibre de 20 sustancias nocivas\u003c\/h3\u003e\n\u003cp\u003eNi parabenos, ni fragancia artificial ni colorante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eCombinación perfecta\u003c\/h3\u003e\n\u003cp\u003eTruecica™ + Pantenol + AHA·BHA·PHA = máxima eficacia y comodidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003eUn verdadero milagro en solo 14 días\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eComienza hoy el milagro del cambio con \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e Y deja que tu piel se acerque a la perfección en solo 14 días!\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eCompra ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll 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        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate acid cards\n  const acidObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.acid-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.triple-acid-section').forEach(section =\u003e {\n    acidObserver.observe(section);\n  });\n\n  \/\/ Animate timeline items\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Animate texture cards\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.texture-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate investment cards\n  const investmentObserver = 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  }, observerOptions);\n\n  document.querySelectorAll('.investment-card').forEach(card =\u003e {\n    investmentObserver.observe(card);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999396876462,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1788175359"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Mascarilla Beauty of Joseon Magic Glow con Arroz Molido y Miel: Purificante, exfoliante y super iluminadora.","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-mask-container {\n    line-height: 1.6;\n    color: #333;\n    background: #ffffff;\n    overflow: hidden;\n    direction: ltr;\n    text-align: left;\n  }\n  \n  .hero-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: heroGlow 6s ease-in-out infinite alternate;\n  }\n  \n  .hero-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.2rem;\n    margin-bottom: 2rem;\n    color: white;\n    font-weight: 400;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.4s forwards;\n    max-width: 800px;\n    margin-left: auto;\n    margin-left: auto;\n    line-height: 1.7;\n  }\n  \n  .video-section {\n    padding: 2rem 1.5rem;\n    text-align: center;\n    background: #fafafa;\n  }\n  \n  .product-video {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    opacity: 0;\n    transform: scale(0.95);\n    animation: videoZoom 1.2s ease-out 0.5s forwards;\n    transition: all 0.4s ease;\n  }\n  \n  .product-video:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 70px rgba(156, 129, 2, 0.3);\n  }\n  \n  .section {\n    padding: 3rem 1.5rem;\n    margin: 1rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2.5rem;\n    position: relative;\n    opacity: 0;\n    animation: titleSlide 0.8s ease-out 0.2s forwards;\n  }\n  \n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    border-radius: 2px;\n    animation: lineExpand 0.8s ease-out 0.8s forwards;\n    transform: translateX(-50%) scaleX(0);\n  }\n  \n  .heritage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .heritage-layout {\n    display: grid;\n    grid-template-columns: 1fr 350px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .heritage-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .heritage-text {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #555;\n    margin-bottom: 2rem;\n  }\n  \n  .heritage-subtitle {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem 0;\n  }\n  \n  .heritage-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .heritage-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .heritage-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover::before {\n    transform: translateY(-50%) scale(1.3);\n  }\n  \n  .heritage-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .heritage-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .benefits-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .benefits-layout {\n    display: grid;\n    grid-template-columns: 350px 1fr;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .benefits-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .benefit-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(30px);\n    animation: slideInRight 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-item::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.6s ease;\n  }\n  \n  .benefit-item:hover::before {\n    left: 100%;\n  }\n  \n  .benefit-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .benefit-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .benefit-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .benefit-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .benefits-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInRight 1s ease-out 0.4s forwards;\n  }\n  \n  .benefits-image:hover {\n    transform: scale(1.03) rotate(-1deg);\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    position: relative;\n  }\n  \n  .ingredients-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ingredientsGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredients-layout {\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredients-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.08);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: cardRise 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .ingredient-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n    border-color: rgba(156, 129, 2, 0.3);\n  }\n  \n  .ingredient-title {\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 1rem;\n    color: #ccc;\n    margin-bottom: 1.5rem;\n    font-weight: 500;\n  }\n  \n  .composition-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .composition-list li {\n    padding: 0.6rem 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    position: relative;\n    padding-left: 1.5rem;\n    color: #e0e0e0;\n    transition: all 0.3s ease;\n    font-size: 0.95rem;\n  }\n  \n  .composition-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .composition-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .composition-list li:hover::before {\n    transform: translateY(-50%) scale(1.5);\n    box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n  }\n  \n  .ingredients-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .ingredients-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .comparison-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 2rem 0;\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    opacity: 0;\n    animation: tableSlide 0.8s ease-out 0.3s forwards;\n  }\n  \n  .comparison-table th {\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    padding: 1rem;\n    font-weight: 600;\n    text-align: center;\n  }\n  \n  .comparison-table td {\n    padding: 1rem;\n    border-bottom: 1px solid #eee;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .comparison-table tr:hover td {\n    background: #f8f9fa;\n    color: #9C8102;\n  }\n  \n  .comparison-table td:first-child {\n    background: #f8f9fa;\n    font-weight: 500;\n    color: #666;\n  }\n  \n  .comparison-table td:last-child {\n    background: rgba(156, 129, 2, 0.05);\n    font-weight: 600;\n    color: #9C8102;\n  }\n  \n  .timeline-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .timeline-images {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n  \n  .timeline-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageFloat 1s ease-out forwards;\n  }\n  \n  .timeline-image:nth-child(1) { animation-delay: 0.2s; }\n  .timeline-image:nth-child(2) { animation-delay: 0.4s; }\n  \n  .timeline-image:hover {\n    transform: scale(1.03);\n  }\n  \n  .timeline-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(-30px);\n    animation: slideInRight 0.8s ease-out forwards;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-description {\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-stats {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .timeline-stats li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 1.5rem;\n    color: #555;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .timeline-stats li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .usage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n    border: 2px solid #9C8102;\n    margin: 2rem 1.5rem;\n    border-radius: 15px;\n  }\n  \n  .usage-steps {\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 1.5rem 0;\n    border-right: 4px solid #9C8102;\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: stepRise 0.6s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .usage-step:nth-child(3) { animation-delay: 0.3s; }\n  .usage-step:nth-child(4) { animation-delay: 0.4s; }\n  \n  .usage-step::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.1), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .usage-step:hover::before {\n    left: 100%;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-3px);\n    background: white;\n    box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .usage-step:hover .step-number {\n    transform: scale(1.2) rotate(10deg);\n  }\n  \n  .step-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.8rem;\n  }\n  \n  .step-content {\n    color: #555;\n    line-height: 1.6;\n  }\n  \n  .advanced-usage {\n    background: rgba(156, 129, 2, 0.05);\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border: 1px solid rgba(156, 129, 2, 0.2);\n  }\n  \n  .advanced-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 1.5rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 800px;\n    margin: 0 auto 2rem;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .cta-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    margin: 2rem auto;\n    display: block;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageZoom 1s ease-out 0.4s forwards;\n  }\n  \n  .cta-image:hover {\n    transform: scale(1.05);\n  }\n  \n  .cta-highlight {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem auto;\n    max-width: 700px;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.6s forwards;\n  }\n  \n  .ingredients-list-section {\n    background: white;\n    padding: 2rem 1.5rem;\n    border-top: 1px solid #eee;\n  }\n  \n  .ingredients-list-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n  \n  .ingredients-list {\n    text-align: center;\n    font-size: 0.85rem;\n    color: #666;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  \n  @keyframes slideInFade {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes videoZoom {\n    0% { opacity: 0; transform: scale(0.95); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes imageZoom {\n    0% { opacity: 0; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes titleSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes lineExpand {\n    0% { transform: translateX(-50%) scaleX(0); }\n    100% { transform: translateX(-50%) scaleX(1); }\n  }\n  \n  @keyframes slideInRight {\n    0% { opacity: 0; transform: translateX(30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes slideInLeft {\n    0% { opacity: 0; transform: translateX(-30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes cardRise {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes tableSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes imageFloat {\n    0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n  }\n  \n  @keyframes stepRise {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes heroGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @keyframes ingredientsGlow {\n    0% { opacity: 0.05; }\n    100% { opacity: 0.15; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 1.8rem;\n    }\n    \n    .heritage-layout,\n    .benefits-layout,\n    .ingredients-layout {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .heritage-image,\n    .benefits-image,\n    .ingredients-image {\n      order: -1;\n      max-width: 300px;\n      margin: 0 auto;\n    }\n    \n    .timeline-images {\n      grid-template-columns: 1fr;\n    }\n    \n    .comparison-table {\n      font-size: 0.9rem;\n    }\n    \n    .comparison-table th,\n    .comparison-table td {\n      padding: 0.8rem;\n    }\n    \n    .usage-section {\n      margin: 2rem 0.5rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-mask-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eMascarilla Belleza de Joseon con arroz y miel\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003ePatrimonio coreano auténtico combinado con la ciencia moderna para una piel que llama la atención\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cvideo autoplay=\"\" class=\"product-video\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\/\u003e\n      Tu navegador no soporta la reproducción de videos\n    \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa historia de la dinastía Joseon y la belleza coreana\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Hace más de 500 años, las mujeres de la dinastía Joseon en Corea descubrieron que... \u003cstrong\u003eMezcla arroz molido con miel natural\u003c\/strong\u003e Esta no es solo una receta, esto es verdadera ciencia. No lo hacían por moda, no, era el resultado de siglos de experimentación y trabajo.\n        \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: El tesoro escondido\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Este vino coreano no es solo una bebida, es \u003cstrong\u003eProceso de fermentación complejo\u003c\/strong\u003e Produce necesidades muy raras:\n        \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido kójico natural\u003c\/strong\u003e En altas concentraciones que no se encuentran en ningún otro lugar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de fermentación\u003c\/strong\u003e Lo que combate el envejecimiento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoácidos raros\u003c\/strong\u003e Por larga fermentación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes naturales\u003c\/strong\u003e No lo encontrarás en los productos comunes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Belleza de Joseon no solo se refiere al patrimonio, no \u003cstrong\u003eTecnología de extracción en frío extrema desarrollada\u003c\/strong\u003e Para mantener todos estos materiales activos.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Korean Heritage\" class=\"heritage-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLos beneficios que realmente sentirás\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\"\/\u003e\n\u003cdiv class=\"benefits-content\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e1. Aclarado que no quema\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA diferencia de los aclaradores químicos que queman la piel, esta mascarilla aclara \u003cstrong\u003eCómodamente y con seguridad\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido kójico de Makgeolli\u003c\/strong\u003e Detén la producción de color oscuro sin causar ningún daño\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnzimas de miel natural\u003c\/strong\u003e Rompe la pigmentación existente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes\u003c\/strong\u003e Previene la formación de nuevas manchas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegeneración celular\u003c\/strong\u003e ¿Por qué las nuevas capas tienen un aspecto mejor?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Peeling inteligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEste peeling no es casual, es \u003cstrong\u003eSistema inteligente\u003c\/strong\u003e Actúa en 3 niveles:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrimer nivel\u003c\/strong\u003e: El polvo de arroz elimina las células muertas desde la superficie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSegundo nivel\u003c\/strong\u003eLas enzimas de la miel disuelven la suciedad incrustada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTercer nivel\u003c\/strong\u003e: Los ácidos de la fermentación se suavizan desde el interior\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Hidratación que dura\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa miel en esta mascarilla no es solo un hidratante \u003cstrong\u003eSistema de humidificación inteligente\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAtrae la humedad\u003c\/strong\u003e Del aire a tu piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetiene el agua\u003c\/strong\u003e En las capas profundas de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula los aceites\u003c\/strong\u003e Sin obstruir los poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCrea una barrera protectora.\u003c\/strong\u003e Preferiblemente horas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Combate los granos de manera inteligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna combinación única de sustancias que combaten las bacterias y calman la piel\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropiedades antimicrobianas de la miel\u003c\/strong\u003e Combate las bacterias de la textura de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArcilla de caolín\u003c\/strong\u003e Absorbe los aceites en exceso, pero no todos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de fermentación\u003c\/strong\u003e Mantiene el equilibrio de las bacterias beneficiosas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfecto refrescante natural\u003c\/strong\u003e Alivia la inflamación y el enrojecimiento todo el tiempo\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!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eNo encontrarás estos ingredientes en ningún otro lugar\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eExtracto de almidón de Makgeolli\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eLa ciencia detrás de la historia\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n            El proceso de fermentación coreano utiliza \u003cstrong\u003e21-30 días en circunstancias especiales\u003c\/strong\u003eEl resultado son residuos que incluyen:\n          \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComposición química compleja:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: El iluminador despigmentante natural más poderoso disponible\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Antienvejecimiento natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003ePara una exfoliación delicada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramidas Naturales (1,2%)\u003c\/strong\u003e: Reforzar la barrera hidrolipídica\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoácidos raros (18 tipos)\u003c\/strong\u003e: Para una nutrición profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePolvo de salvado de arroz\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNinguna descamación\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003ePropiedades calculadas con precisión:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTamaño de las partículas: 50-100 micrones\u003c\/strong\u003e - Perfectamente ajustado para una exfoliación suave\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eForma redonda normal\u003c\/strong\u003e Para que no se rasque ni se irrite\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorción natural del sebo\u003c\/strong\u003e Limpia sin resecar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH balanceado (5,5-6,0)\u003c\/strong\u003e Como la acidez natural de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eLo que hay dentro es útil:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina E Natural (15mg\/100g)\u003c\/strong\u003e: Un potente antioxidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcidos grasos esenciales (8 tipos)\u003c\/strong\u003e: Nutre y repara\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinerales raros \u003c\/strong\u003e: estimula la renovación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMiel natural 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMás que un simple postre\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eEnzimas activas:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produce un desinfectante natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Protege contra los radicales libres\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Mejorando la absorción de los nutrientes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eMateriales antibacterianos:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003ePoder antibacteriano científicamente probado\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoide: antiinflamatorio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Un antibiótico natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComparación honesta: ¿Por qué esto es mejor que lo que hay en el mercado?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEn comparación con las mascarillas de arcilla comunes\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMascarillas ordinarias\u003c\/th\u003e\n\u003cth\u003eMascarilla Belleza de Joseon\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eArcilla mixta, no pura\u003c\/td\u003e\n\u003ctd\u003eArcilla de caolín 99,2% pura\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeca la piel de manera severa\u003c\/td\u003e\n\u003ctd\u003eHidratación equilibrada con miel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLimpieza desde arriba\u003c\/td\u003e\n\u003ctd\u003eLimpieza profunda + nutritiva\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo 3-5 ingredientes\u003c\/td\u003e\n\u003ctd\u003eFórmula compleja 25+ ingredientes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEn lugar de mascarillas químicas exfoliantes\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling químico\u003c\/th\u003e\n\u003cth\u003eMascarilla de arroz y miel\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eLos ácidos industriales queman\u003c\/td\u003e\n\u003ctd\u003eÁcidos naturales delicados\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritación y sensibilidad\u003c\/td\u003e\n\u003ctd\u003eAlivio y antiinflamatorio\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eResultados rápidos, pero temporales\u003c\/td\u003e\n\u003ctd\u003eSe prefiere una mejora gradual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNecesito un período de recuperación\u003c\/td\u003e\n\u003ctd\u003eSeguro para uso normal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEn comparación con las mascarillas hidratantes comunes\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCremas hidratantes normales\u003c\/th\u003e\n\u003cth\u003eMascarilla de miel y arroz\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratación temporal 2-4 horas\u003c\/td\u003e\n\u003ctd\u003eHidratante que dura 12-24 horas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSiliconas y materiales sintéticos\u003c\/td\u003e\n\u003ctd\u003eHidratantes naturales activos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo un efecto\u003c\/td\u003e\n\u003ctd\u003e6 efectos simultáneamente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSe acumula en la piel\u003c\/td\u003e\n\u003ctd\u003eAbsorción completa sin residuos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eEl viaje desde el primer uso hasta que tu piel cambia completamente\u003c\/h2\u003e\n\u003cdiv class=\"timeline-images\"\u003e\n\u003cimg alt=\"Before Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\"\/\u003e\n\u003cimg alt=\"After Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLas primeras dos horas: lo que sentirás inmediatamente\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eQué le sucede a tu piel en las primeras 2-4 horas:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentada hidratación en un 65%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuavidad mejorada en un 40%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducción del enrojecimiento en un 25%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentar la luminosidad en un 15%\u003c\/strong\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eQué está pasando en el interior:\u003c\/strong\u003e La miel funciona \u003cstrong\u003eUna capa delgada de hidratación natural\u003c\/strong\u003e Sobre la piel, el extracto de Makgeolli estimula \u003cstrong\u003eProducción de colágeno\u003c\/strong\u003e Desde las primeras horas.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLa primera semana: comienza la renovación\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCambios que ocurren:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAcelerar la regeneración celular en un 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% de mejora en la fuerza de la capa externa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduce la pérdida de agua de la piel en un 35%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEl comienzo de la nueva formación de colágeno\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eQué verás:\u003c\/strong\u003e La piel está más suave al tacto, hay una disminución evidente de la aspereza al tacto, el brillo natural aumenta cada día y los poros pequeños comienzan a mejorar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eEl primer mes: una transformación clara\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eGrandes mejoras:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentar el grosor de la piel en un 8%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMejora la elasticidad de la piel en un 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduce la profundidad de las líneas finas en un 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% de mejora en la distribución del color\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eLo que verás con tus propios ojos:\u003c\/strong\u003e Las manchas oscuras se aclaran poco a poco, los poros parecen más pequeños y menos visibles, la textura permanece más suave y uniforme, y la luminosidad sigue siendo visible para las personas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTres meses: transformación completa\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eResultados finales:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAumenta el colágeno en un 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ebarrera hidrolipídica mejorada en un 45%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% menos de pigmentación\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReducir el tamaño de los poros en un 20%\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eLa transformación que verás:\u003c\/strong\u003e Piel más luminosa y radiante que nunca, una mejora radical de la uniformidad del color y la textura, un aspecto más joven y saludable, y mayor confianza en la propia apariencia natural sin maquillaje.\u003c\/p\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\"\u003eAplica la mascarilla como un profesional\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eLa forma correcta de usar\u003c\/h3\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\"\u003eLa preparación es importante\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eLimpia bien la piel y déjala secar completamente\u003c\/li\u003e\n\u003cli\u003ePiel En \u003c\/li\u003e\n\u003cli\u003eNo usar el tónico antes de la mascarilla en ningún momento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eAplicación profesional\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eUso Mascarillas Faciales \u003c\/li\u003e\n\u003cli\u003eAplica una capa media (2-3 mm) en movimientos ascendentes\u003c\/li\u003e\n\u003cli\u003eDeja 5 mm alrededor de los ojos y los labios\u003c\/li\u003e\n\u003cli\u003eAsegúrate de que la distribución sea uniforme, especialmente en la nariz y el mentón\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eTiempo de espera exacto\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minutos para pieles sensibles\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minutos para piel normal\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minutos para piel grasa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eEnjuague inteligente\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eComienza \u003c\/li\u003e\n\u003cli\u003eMasajear con movimientos circulares delicados durante 30 segundos\u003c\/li\u003e\n\u003cli\u003eFinalmente, enjuaga con agua fría para cerrar los poros\u003c\/li\u003e\n\u003cli\u003eSecar con suaves toques, no frotar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advanced-usage\"\u003e\n\u003ch3 class=\"advanced-title\"\u003eMétodo avanzado: moneda profesional\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003ePara obtener resultados excepcionales:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreparación intensiva:\u003c\/strong\u003e Usa vapor suave durante 2-3 minutos para abrir los poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplicación por capas:\u003c\/strong\u003e La primera capa es muy delgada, se absorberá en 5 minutos, luego la segunda capa es de grosor medio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivación mientras esperas:\u003c\/strong\u003e Masajear suavemente las áreas tensas y utilizar técnicas de respiración profunda\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-section\"\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEsto no es solo comprar un producto... esto es una inversión en el futuro de tu piel\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Beauty of Joseon Mask\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n      En un mundo lleno de promesas vacías y productos de marketing ordinarios, esta mascarilla Beauty of Joseon es una verdadera inversión para la salud y la belleza de tu piel. \u003cstrong\u003eCada libra que gastes aquí te hará ahorrar decenas de libras mañana\u003c\/strong\u003e De tratamientos y procedimientos para reparar lo que se ha deteriorado.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLa pregunta no es \"¿Debo comprarlo o no?\" La pregunta: “¿Cuánto me costará mi piel si no la cuido ahora?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n     Ordénalo ahora\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n      Mascarilla Belleza de Joseon con Arroz y Miel - patrimonio coreano auténtico combinado con la ciencia moderna para una verdadera transformación en la belleza de tu piel\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all interactive elements\n  const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n  \n  interactiveElements.forEach(element =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n    });\n  });\n\n  \/\/ Smooth parallax effect for background elements\n  let ticking = false;\n  \n  function updateParallax() {\n    const scrolled = window.pageYOffset;\n    const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n    \n    \/\/ Smooth background movement\n    backgrounds.forEach((bg, index) =\u003e {\n      const speed = 0.02 + (index * 0.01);\n      const yPos = -(scrolled * speed);\n      if (bg.style) {\n        bg.style.transform = `translateY(${yPos}px)`;\n      }\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateParallax);\n      ticking = true;\n    }\n  }\n  \n  \/\/ Optimized scroll listener\n  let scrollTimeout;\n  window.addEventListener('scroll', function() {\n    if (scrollTimeout) {\n      clearTimeout(scrollTimeout);\n    }\n    scrollTimeout = setTimeout(requestTick, 10);\n  }, { passive: true });\n\n  \/\/ Enhanced ingredient card interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach((item, i) =\u003e {\n        setTimeout(() =\u003e {\n          item.style.color = '#f0f0f0';\n          item.style.paddingRight = '2rem';\n        }, i * 50);\n      });\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.08)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach(item =\u003e {\n        item.style.color = '#e0e0e0';\n        item.style.paddingRight = '1.5rem';\n      });\n    });\n  });\n\n  \/\/ Usage steps with enhanced interactions\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n      }\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1) rotate(0deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n      }\n    });\n  });\n\n  \/\/ Dynamic text glow effects\n  const titles = document.querySelectorAll('.hero-title, .section-title');\n  titles.forEach(title =\u003e {\n    title.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    title.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Heritage and benefit list interactions\n  const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n  lists.forEach(list =\u003e {\n    const items = list.querySelectorAll('li');\n    items.forEach(item =\u003e {\n      item.addEventListener('mouseenter', function() {\n        this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n        this.style.borderRadius = '5px';\n      });\n      \n      item.addEventListener('mouseleave', function() {\n        this.style.backgroundColor = 'transparent';\n      });\n    });\n  });\n\n  \/\/ Timeline items enhanced interactions\n  const timelineItems = document.querySelectorAll('.timeline-item');\n  timelineItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderRightColor = '#b8941a';\n      this.style.borderRightWidth = '6px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderRightColor = '#9C8102';\n      this.style.borderRightWidth = '4px';\n    });\n  });\n\n  \/\/ Comparison table row highlighting\n  const tableRows = document.querySelectorAll('.comparison-table tr');\n  tableRows.forEach(row =\u003e {\n    row.addEventListener('mouseenter', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = 'rgba(156, 129, 2, 0.1)';\n      }\n    });\n    \n    row.addEventListener('mouseleave', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = '';\n      }\n    });\n  });\n\n  \/\/ Video hover effects\n  const video = document.querySelector('.product-video');\n  if (video) {\n    video.addEventListener('mouseenter', function() {\n      this.style.filter = 'brightness(1.1)';\n    });\n    \n    video.addEventListener('mouseleave', function() {\n      this.style.filter = 'brightness(1)';\n    });\n  }\n\n  \/\/ Advanced usage section interaction\n  const advancedUsage = document.querySelector('.advanced-usage');\n  if (advancedUsage) {\n    advancedUsage.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.08)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.01)';\n    });\n    \n    advancedUsage.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.05)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n      this.style.transform = 'scale(1)';\n    });\n  }\n\n  \/\/ Smooth image loading enhancement\n  const images = document.querySelectorAll('img');\n  images.forEach(img =\u003e {\n    img.addEventListener('load', function() {\n      this.style.opacity = '1';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Performance optimization: debounced resize handler\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    if (resizeTimeout) {\n      clearTimeout(resizeTimeout);\n    }\n    resizeTimeout = setTimeout(() =\u003e {\n      \/\/ Recalculate any size-dependent animations\n      const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n      cards.forEach(card =\u003e {\n        card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n      });\n    }, 250);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999404019886,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1788175325"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .some-by-mi-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    .some-by-mi-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Premium floating particles background *\/\n    .some-by-mi-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        linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n      animation: premiumFloat 25s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.2em;\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: premiumFadeInUp 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: premiumUnderline 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 650px;\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: premiumImageReveal 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    .challenge-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9) translateZ(0);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\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.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .challenge-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 30% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n      animation: premiumGlow 6s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .challenge-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 4s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .challenge-title {\n      color: #d4af37;\n      font-size: 2.8em;\n      font-weight: 800;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 2px 10px rgba(212, 175, 55, 0.5);\n      letter-spacing: -0.01em;\n    }\n\n    .challenge-text {\n      font-size: 1.2em;\n      line-height: 1.9;\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: 40px;\n      margin: 60px 0 40px 0;\n      border-radius: 20px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.2);\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    .section-title {\n      color: #d4af37;\n      font-size: 2.4em;\n      font-weight: 800;\n      margin-bottom: 15px;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n      letter-spacing: -0.01em;\n    }\n\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 40px;\n      margin: 60px 0;\n      padding: 0 20px;\n    }\n\n    .product-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 25px;\n      box-shadow: \n        0 20px 50px rgba(0,0,0,0.08),\n        0 8px 25px 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(50px) translateZ(0);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .product-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.05), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .product-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: 27px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .product-card:hover {\n      transform: translateY(-15px) translateZ(30px);\n      box-shadow: \n        0 35px 70px rgba(0,0,0,0.15),\n        0 15px 35px rgba(156, 129, 2, 0.12),\n        inset 0 1px 0 rgba(255,255,255,1);\n    }\n\n    .product-card:hover::before {\n      left: 100%;\n    }\n\n    .product-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 220px;\n      height: auto;\n      margin: 0 auto 30px auto;\n      display: block;\n      border-radius: 15px;\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n    }\n\n    .product-card:hover .product-image {\n      transform: scale(1.08) translateZ(10px);\n      box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n    }\n\n    .product-title {\n      color: #9C8102;\n      font-size: 1.5em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-align: center;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .product-description {\n      text-align: center;\n      margin-bottom: 25px;\n      font-weight: 600;\n      color: #666;\n      font-size: 1.05em;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .feature-item {\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      margin-bottom: 12px;\n      padding: 16px 20px;\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 2px 8px rgba(0,0,0,0.04);\n    }\n\n    .feature-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\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: 10px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n    }\n\n    .science-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      opacity: 0;\n      transform: rotateX(15deg) translateZ(0);\n      animation: premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.3),\n        0 15px 40px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .science-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);\n      animation: premiumScienceGlow 8s ease-in-out infinite;\n    }\n\n    .acid-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n      position: relative;\n      z-index: 2;\n    }\n\n    .acid-card {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-top: 5px solid #9C8102;\n      opacity: 0;\n      transform: translateY(40px);\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    .acid-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    .acid-card:hover {\n      background: linear-gradient(135deg, #404040 0%, #353535 100%);\n      transform: translateY(-10px);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.4),\n        0 10px 25px rgba(156, 129, 2, 0.2),\n        inset 0 1px 0 rgba(255,255,255,0.15);\n      border-top-color: #d4af37;\n    }\n\n    .acid-card:hover::before {\n      opacity: 1;\n    }\n\n    .acid-title {\n      color: #d4af37;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-shadow: 0 1px 3px rgba(212, 175, 55, 0.5);\n    }\n\n    .timeline-section {\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n    }\n\n    .timeline-week {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-right: 5px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-week:hover {\n      transform: translateX(-10px);\n      box-shadow: \n        0 20px 45px rgba(0,0,0,0.12),\n        0 8px 25px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,1);\n      border-right-color: #d4af37;\n    }\n\n    .week-number {\n      position: absolute;\n      top: -20px;\n      right: 30px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      font-size: 1.3em;\n      box-shadow: \n        0 8px 20px 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    .week-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin: 25px 0 20px 0;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .value-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      opacity: 0;\n      transform: scale(0.85);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .value-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n    }\n\n    .value-item {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-top: 5px solid #9C8102;\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    }\n\n    .value-item:hover {\n      transform: translateY(-10px);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.4),\n        0 10px 25px rgba(156, 129, 2, 0.2);\n      border-top-color: #d4af37;\n    }\n\n    .value-item h3 {\n      color: #d4af37;\n      margin-bottom: 20px;\n      font-weight: 700;\n      font-size: 1.3em;\n      text-shadow: 0 1px 3px rgba(212, 175, 55, 0.4);\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) translateZ(0);\n      animation: premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px 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.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: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: premiumPulse 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #d4af37;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.3em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      font-weight: 400;\n      line-height: 1.7;\n    }\n\n    .highlight-text {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #d4af37;\n      margin: 35px 0;\n      animation: premiumTextGlow 3s 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 premiumFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes premiumScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes premiumImageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes premiumRotateIn {\n      to {\n        opacity: 1;\n        transform: rotateX(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes premiumUnderline {\n      to { width: 120px; }\n    }\n\n    @keyframes premiumFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(180deg); }\n    }\n\n    @keyframes premiumGlow {\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 premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes premiumScienceGlow {\n      0%, 100% { opacity: 0.6; transform: scale(1); }\n      50% { opacity: 0.9; transform: scale(1.02); }\n    }\n\n    @keyframes premiumPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.3); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes premiumTextGlow {\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.2em;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        border-radius: 15px;\n      }\n      \n      .products-grid,\n      .acid-grid,\n      .timeline-grid,\n      .value-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .challenge-section,\n      .science-section,\n      .value-section,\n      .cta-final {\n        padding: 30px 20px;\n      }\n\n      .challenge-title {\n        font-size: 1.8em;\n      }\n\n      .cta-title {\n        font-size: 2em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eSet Perfect Skin Challenge - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"Set Perfect Skin Challenge de Some By Mi\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\"\/\u003e\n\u003c!-- Challenge Section --\u003e\n\u003cdiv class=\"challenge-section\"\u003e\n\u003ch2 class=\"challenge-title\"\u003eDesafío de 30 días - ¿Tienes el coraje de cambiar tu piel de forma permanente?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa pregunta difícil: ¿cuántos años llevas combatiendo los mismos problemas de piel?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGranitos... poros dilatados... inflamación... manchas oscuras... cada día el mismo sufrimiento.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEl problema no es que no cuides tu piel... el problema es que cada producto funciona por sí solo sin coordinarse con los demás.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e No es solo un grupo de productos... esto es todo \u003cstrong\u003eSistema de tratamiento integrado\u003c\/strong\u003e Cada producto tiene un diseñador que complementa al otro para un único resultado: \u003cstrong\u003ePiel perfecta en 30 días\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why 4 Products Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Por qué 4 productos son mejores que un solo producto?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003e¿Por qué los problemas de la piel son complejos... y las soluciones deben ser completas?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLimpieza profunda \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNo es una simple limpieza... esta es una limpieza inteligente que prepara la piel para el tratamiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eReequilibra la piel y la prepara para una mejor absorción del tratamiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMayor concentración de ingredientes activos para un tratamiento profundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eProtección \u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProtege los resultados y repara la piel durante la noche\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003eEl resultado: un efecto doble que no puedes obtener con un solo producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Details Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDetalles de cada producto - equipo de trabajo integrado\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003c!-- Cleanser --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Loción Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eLavado Milagroso (30ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eNo es solo limpieza... es una preparación inteligente para el tratamiento\u003c\/p\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\u003eBajo pH\u003c\/strong\u003e Mantiene la barrera natural 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\u003eLimpieza profunda\u003c\/strong\u003e Elimina impurezas, suciedad y maquillaje\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\u003eExfoliación delicada\u003c\/strong\u003e Prepara la piel para una mejor absorción\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\u003eTruecica™\u003c\/strong\u003e Alivia la piel y equilibra las secreciones\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Toner --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Tónico Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_9706a063-9b15-4a89-8f3a-0b4e1bb41936.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eTónico Equilibrante (30 ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Toner\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl puente entre limpieza y tratamiento\u003c\/p\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\u003epH 5.5\u003c\/strong\u003e Reequilibra la piel después de la limpieza\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\u003eExtracto de Hamamelis\u003c\/strong\u003e Reduce los poros y reafirma 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\u003ePapaya natural\u003c\/strong\u003e Disuelve las grasas y calma 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\u003eExtracto de loto\u003c\/strong\u003e Ilumina la piel y unifica su color\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\u003eSemillas de soya\u003c\/strong\u003e Nutre la piel y refuerza su inmunidad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Serum --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Suero Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2_08531341-6157-4a31-9d06-bb318b163a4d.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eSérum Milagroso (10ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl corazón palpitante del tratamiento\u003c\/p\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\u003e14,5% extracto de Centella Asiática\u003c\/strong\u003e Para calmar y reparar 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\u003eNiacinamide\u003c\/strong\u003e Regula las grasas y aclara las manchas oscuras\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\u003eAlta concentración de ácidos\u003c\/strong\u003e Para tratamiento profundo\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\u003eActiva el ciclo de renovación celular\u003c\/strong\u003e Estimula la curación de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Cream --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Crema Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3_9816bace-b39f-48c7-978f-acce31383091.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eCrema protectora (20 g)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cream\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl último guardián de los resultados\u003c\/p\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\u003e4 tipos de extracto de CICA\u003c\/strong\u003e Para una reparación completa\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\u003eConstruye una fuerte barrera protectora\u003c\/strong\u003e En contra de factores externos\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 de colágeno\u003c\/strong\u003e Para una piel más fuerte y elástica\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\u003eHidratación profunda\u003c\/strong\u003e Dura toda la noche\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\u003eLigera y de rápida absorción\u003c\/strong\u003e Ideal para todo tipo de piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eTecnología Triple AHA\/BHA\/PHA - un arma de destrucción masiva contra los granos\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eCada ácido tiene una tarea específica en destruir los problemas de tu piel\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA (Ácido Alfa Hidroxi) - exfoliante superficial\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\u003eDisuelve las células muertas de la piel\u003c\/strong\u003e Que obstruye los poros\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 regeneración celular\u003c\/strong\u003e Para una piel más suave\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\u003eAclara las manchas oscuras\u003c\/strong\u003e Y rastros de cereales antiguos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eBHA (Ácido Beta Hidroxi) - penetración profunda\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\u003ePenetra en los poros\u003c\/strong\u003e Disuelve la grasa acumulada\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\u003eLimpia desde el interior\u003c\/strong\u003e Previene la formación de nuevos 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\u003eReduce los poros\u003c\/strong\u003e Mejora la textura de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003ePHA (Ácido Poli Hidróxi) - el calmante inteligente\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\u003eExfoliación delicada\u003c\/strong\u003e Apto para pieles sensibles\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\u003eMantiene la humedad\u003c\/strong\u003e Durante el peeling\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 inflamación\u003c\/strong\u003e Reduce el enrojecimiento\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: 25px; background: #404040; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.3em; font-weight: bold; color: #9C8102;\"\u003eResultado: exfoliación completa sin irritaciones + tratamiento profundo de los poros + hidratación equilibrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eExtracto de árbol de té 100 ppm - Super desinfectante natural\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003e¿Por qué el árbol de té en particular? Porque es el médico natural para la piel problemática\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;\"\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003ePotente antibacteriano\u003c\/strong\u003e\u003cbr\/\u003eElimina la causa de los granos\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eAntiinflamatorio natural\u003c\/strong\u003e\u003cbr\/\u003eAlivia el enrojecimiento y la irritación\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eRegula la secreción de grasa\u003c\/strong\u003e\u003cbr\/\u003ePreviene el exceso de brillo de la piel\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eLimpia los poros\u003c\/strong\u003e\u003cbr\/\u003eDesde el interior y previene la obstrucción\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e100 ppm en cada producto = dosis terapéutica óptima Lo suficientemente fuerte para ser eficaz, lo suficientemente delicado para ser seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Journey Timeline --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eChallenge Journey - 30 días para una piel nueva\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLa primera semana: el primer choque\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\u003eLimpieza más profunda\u003c\/strong\u003e Mai\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\u003eReducción instantánea del brillo\u003c\/strong\u003e Y secreciones grasas\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\u003eAliviar la inflamación\u003c\/strong\u003e existente y reduce enrojecimientos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLa segunda semana: el inicio de la mejora\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\u003eDisminución evidente de nuevos granitos\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\u003eMejora de la textura de la piel\u003c\/strong\u003e Y su suavidad\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\u003eEl comienzo de la desaparición de los puntos negros\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana 3: La transformación evidente\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\u003eReducir el tamaño de los poros\u003c\/strong\u003e Significativamente\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\u003eLa mayoría de los granos desaparece\u003c\/strong\u003e existente\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 del tono de la piel\u003c\/strong\u003e Y su brillo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana cuatro: El milagro completo\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\u003ePiel clara sin granos\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\u003ePoros más pequeños y limpios\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\u003eColor uniforme y brillo natural\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\u003eTextura sedosa y lisa\u003c\/strong\u003e\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: white; border-radius: 15px; border: 3px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold; color: #9C8102;\"\u003eEl resultado final: piel perfecta que vale cada desafío\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eValor excepcional por el precio\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eUna verdadera inversión en la salud de la piel\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eUna rutina completa en un solo set\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNo es necesario comprar productos separados ni buscar la combinación correcta\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eResultado:\u003c\/strong\u003e Una rutina científica bien pensada que funciona como una única unidad integrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e30 días de uso diario\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCubre todas las necesidades de tu piel durante todo un mes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eIngredientes de los mejores del mundo\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUna fórmula de nivel mundial con los mejores ingredientes para el skincare:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTecnología AHA\/BHA\/PHA:\u003c\/strong\u003e Los últimos descubrimientos de la ciencia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de árbol de té puro\u003c\/strong\u003e Los tipos más preciosos de Australia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentro Centella Asiática:\u003c\/strong\u003e Oro verde para calmar la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamida de alta calidad:\u003c\/strong\u003e Vitamina B3 en su forma más pura\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Tecnología exclusiva para la reparación de la barrera hidrolipídica\u003c\/li\u003e\n\u003c\/ul\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 dura verdad\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLos problemas de la piel no se resuelven solos\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n      Cada día de retraso = nuevos granos, cicatrices más profundas y poros más grandes.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e No es solo un grupo de productos... esto es todo \u003cstrong\u003eUn verdadero desafío para cambiar tu piel de manera permanente\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n      Solo 30 días... hará una gran diferencia o te arrepentirás de no haberlo probado\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n      ¿Estás listo para el desafío?\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003ePide ahora el set... y comienza el camino de 30 días hacia la piel de tus sueños.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n      Recuerda: la piel perfecta no es un sueño... es una elección\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for premium animations\n    const premiumObserverOptions = {\n      threshold: 0.15,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const premiumObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('product-card')) {\n            element.style.animation = 'premiumFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('science-section')) {\n            element.style.animation = 'premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('acid-card')) {\n            element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('timeline-week')) {\n            element.style.animation = 'slideInRight 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-item')) {\n            element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('challenge-section')) {\n            element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-section')) {\n            element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, premiumObserverOptions);\n\n    \/\/ Premium initialization\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.product-card, .section-header, .science-section, .acid-card, .timeline-week, .value-item, .challenge-section, .value-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        premiumObserver.observe(el);\n      });\n\n      \/\/ Premium staggered delays with more sophisticated timing\n      const productCards = document.querySelectorAll('.product-card');\n      productCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.25 + 0.1}s`;\n      });\n\n      const acidCards = document.querySelectorAll('.acid-card');\n      acidCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2 + 0.3}s`;\n      });\n\n      const timelineWeeks = document.querySelectorAll('.timeline-week');\n      timelineWeeks.forEach((week, index) =\u003e {\n        week.style.animationDelay = `${index * 0.15 + 0.2}s`;\n      });\n\n      const valueItems = document.querySelectorAll('.value-item');\n      valueItems.forEach((item, index) =\u003e {\n        item.style.animationDelay = `${index * 0.2 + 0.4}s`;\n      });\n\n      \/\/ Premium particle effects with enhanced visuals\n      const productCards2 = document.querySelectorAll('.product-card');\n      productCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createPremiumParticles(card);\n        });\n      });\n\n      \/\/ Enhanced particle creation with luxury effects\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 + 3}px;\n            height: ${Math.random() * 4 + 3}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          \/\/ Premium particle animation with rotation and scaling\n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'blur(0px)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 360}deg)`, \n              opacity: 0,\n              filter: 'blur(2px)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Premium magnetic hover effects for cards\n      const allCards = document.querySelectorAll('.product-card, .acid-card, .timeline-week, .value-item');\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 * 5}deg) \n            rotateX(${-deltaY * 5}deg) \n            translateZ(10px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Premium sparkle effects with golden particles\n      setInterval(() =\u003e {\n        const targetSections = document.querySelectorAll('.challenge-section, .science-section, .cta-final');\n        targetSections.forEach(section =\u003e {\n          if (Math.random() \u003e 0.7) { \/\/ 30% chance per interval\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              { \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.5)'\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      }, 2000);\n\n      \/\/ Premium ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.product-card, .timeline-week, .acid-card')) {\n          const element = e.target.closest('.product-card, .timeline-week, .acid-card');\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(156, 129, 2, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 20px;\n            height: 20px;\n            left: ${e.clientX - rect.left - 10}px;\n            top: ${e.clientY - rect.top - 10}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      \/\/ Premium scroll-triggered title animations\n      const titles = document.querySelectorAll('.product-title, .acid-title, .week-title');\n      titles.forEach(title =\u003e {\n        title.addEventListener('mouseenter', () =\u003e {\n          title.style.transform = 'scale(1.05)';\n          title.style.textShadow = '0 2px 15px rgba(156, 129, 2, 0.4)';\n        });\n        \n        title.addEventListener('mouseleave', () =\u003e {\n          title.style.transform = '';\n          title.style.textShadow = '';\n        });\n      });\n    });\n\n    \/\/ Premium slideInRight animation for timeline\n    const slideInRightKeyframes = `\n      @keyframes slideInRight {\n        to {\n          opacity: 1;\n          transform: translateX(0);\n        }\n      }\n    `;\n    \n    const style = document.createElement('style');\n    style.textContent = slideInRightKeyframes;\n    document.head.appendChild(style);\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999411851438,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1788175297"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-serum","title":"Some by mi Aha Bha Pha 30 Days Miracle Serum 50Ml","description":"\u003cbody\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e\n\u003cstyle\u003e\n        .product-description {\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            padding: 0;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #333;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .benefits-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .benefits-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 15px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .benefit-item:hover {\n            background: rgba(255,255,255,0.1);\n            transform: translateX(-5px);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .ingredients-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 5px solid #9C8102;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #333;\n        }\n\n        .results-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            margin-bottom: 30px;\n          color: #333;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(255,255,255,0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n        }\n\n        .stat-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .timeline-section {\n            padding: 40px 20px;\n            margin: 30px 0;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-left: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.05);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.1);\n            border-color: #9C8102;\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #9C8102;\n            margin-bottom: 15px;\n        }\n\n        .usage-guide {\n            background: #f8f9fa;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n            color: #fff;\n            padding: 50px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\n\n        .cta-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 2;\n          color : #000;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-left: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\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        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eLa avanzada ciencia coreana se fusiona con la sabiduría de la naturaleza\u003c\/h1\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"SOME BY MI Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eNo solo otro producto para probar.\u003c\/strong\u003e Esto \u003cstrong\u003eUn verdadero descubrimiento científico\u003c\/strong\u003e Su trabajo es el del científico del skincare más brillante de Corea, y ha demostrado su éxito \u003cstrong\u003eMillones de usuarios\u003c\/strong\u003e En todo el mundo.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eEl suero SOME BY MI resuelve el problema desde la raíz\u003c\/strong\u003e Con la nueva tecnología Bi-Fase que combina \u003cstrong\u003e3 ácidos especializados + centella asiática natural + extracto concentrado de té verde.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eBeneficios científicos comprobados - ingredientes que garantizan resultados\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Beneficios del suero\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_3.png?v=1754408549\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eTratamiento... regeneración... estimulación... prevención\u003c\/h3\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExfoliación profunda de las células muertas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ácidos AHA estudiados científicamente)\u003c\/strong\u003e Elimina las capas acumuladas de piel muerta y revela una piel nueva, suave y radiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eLimpieza profunda de poros obstruidos\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ácidos BHA especializados)\u003c\/strong\u003e Tonifica los poros, elimina la grasa y la suciedad acumuladas y previene la formación de puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExfoliación delicada para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ácidos PHA seguros)\u003c\/strong\u003e Exfolia muy suavemente manteniendo la humedad natural de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAliviar la inflamación y la irritación\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella Asiática 14,5%)\u003c\/strong\u003e Calma cualquier inflamación resultante de la exfoliación y acelera la curación de la piel de forma natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCombate las bacterias nocivas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con extracto de té verde 10.000 ppm)\u003c\/strong\u003e Elimina las bacterias que causan granos e infecciones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eUnificar el tono de la piel y aclarar las manchas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con Ácidos Especiales + Niacinamida)\u003c\/strong\u003e Uniforma el tono de la piel y aclara manchas oscuras e hiperpigmentación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eReducir el tamaño de los poros visibles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con fórmula BHA + PHA)\u003c\/strong\u003e Limpia los poros desde el interior y reafirma los tejidos a su alrededor, haciéndolos parecer más pequeños\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eEstimula la regeneración del colágeno\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella asiática + ácidos)\u003c\/strong\u003e Estimula la piel a producir nuevo colágeno para elasticidad y firmeza natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eHidratación equilibrada sin untuosidad\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con tecnología exclusiva Bi-Phase)\u003c\/strong\u003e Hidrata la piel y mantiene el equilibrio entre aceites y agua\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eProtección contra los daños ambientales\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con antioxidantes naturales)\u003c\/strong\u003e Protege la piel de la contaminación y de los radicales libres que aceleran el envejecimiento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSuavizar la textura de la piel áspera\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con fórmula triple integrada)\u003c\/strong\u003e Deja la piel suave como la seda y homogénea en textura\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eIluminación natural para piel apagada\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con exfoliación delicada + regeneración celular)\u003c\/strong\u003e Devuelve el brillo natural de la piel y la deja radiante y sana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eReducir la apariencia de las pequeñas arrugas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Estimulación de la regeneración celular + colágeno)\u003c\/strong\u003e Rellena las líneas finas y previene la aparición de nuevas arrugas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRegular la secreción excesiva de grasa\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con niacinamida + té verde)\u003c\/strong\u003e Controla la secreción de grasas para piel grasa y mixta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAcelerar la curación de las cicatrices del acné\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + Ácidos Regeneradores)\u003c\/strong\u003e Acelera la curación de los granos viejos y previene la formación de nuevas cicatrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Ingredientes naturales\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eFórmula científica triple: AHA + BHA + PHA\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eCada ácido tiene su función... y los tres juntos hacen un milagro\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ AHA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eEnfoque científicamente estudiado\u003c\/strong\u003e Actúa sobre la superficie de la piel, eliminando las células muertas acumuladas, revelando una capa nueva, más suave y luminosa. Mejora la textura de la piel y uniforma gradualmente y de manera segura su color.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ BHA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eFuerza especializada\u003c\/strong\u003e Para quienes temen la profundidad de los poros obstruidos y la disolución de grasas y suciedad acumuladas. Ideal para piel grasa y mixta, reduce el tamaño de los poros visibles y previene la formación de puntos negros.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ PHA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eToque delicado\u003c\/strong\u003e Exfolia muy suavemente, adecuado también para pieles sensibles. Mantiene la humedad durante la exfoliación y favorece la renovación celular sin causar ninguna irritación.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Centella asiática\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eCentella asiática 14,5%: medicina herbal coreana auténtica\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eLa planta sagrada en el skincare\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n                La Centella asiática no es solo un ingrediente natural... \u003cstrong\u003eEsta es una farmacia completa en una planta.\u003c\/strong\u003e Con una excepcional concentración del 14,5%, actúa sobre:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAliviar las infecciones\u003c\/strong\u003e Y la irritación derivada del peeling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAcelerar la curación de la piel\u003c\/strong\u003e Y repara los daños existentes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFortalecer la barrera hidrolipídica\u003c\/strong\u003e Natural contra factores externos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEstimula la regeneración del colágeno\u003c\/strong\u003e Para una piel más elástica y joven\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Green Tea Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eExtracto de Té Verde 10.000 ppm: Poder antioxidante\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Extracto de té verde\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eProtección y purificación en un solo ingrediente\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n\u003cstrong\u003e10.000 ppm\u003c\/strong\u003e De puro extracto de té verde - una verdadera concentración terapéutica que ofrece:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProtección superior\u003c\/strong\u003e De los radicales libres y de los daños ambientales\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePurificación profunda\u003c\/strong\u003e Para proteger los poros de bacterias y suciedad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRegular la secreción de grasa\u003c\/strong\u003e Para piel grasa y mixta\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePropiedades antibacterianas\u003c\/strong\u003e Previene la aparición de infecciones\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eEvidencia científica: resultados documentados por laboratorios internacionales\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eNúmeros reales de las pruebas clínicas internacionales:\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e73%\u003c\/div\u003e\n\u003cdiv\u003eMejorar la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n\u003cdiv\u003eReducir el tamaño de los poros\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n\u003cdiv\u003eEquilibra aceites y humedad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eAliviar las infecciones cutáneas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eNo se trata solo de afirmaciones de marketing... estos son los resultados de laboratorios acreditados a nivel internacional.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eEl viaje de 30 días: transformación estudiada científicamente\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa primera semana - preparación y aclimatación\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLa piel se adapta gradualmente a la fórmula activa\u003c\/li\u003e\n\u003cli\u003eEl comienzo de la limpieza profunda de los poros y de la eliminación de la suciedad\u003c\/li\u003e\n\u003cli\u003eUna clara mejora de la suavidad y frescura de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa segunda semana - el inicio de la renovación\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAcelerar el proceso de regeneración celular y eliminar las capas muertas\u003c\/li\u003e\n\u003cli\u003eUna clara mejora en la textura de la piel y en la uniformidad del tono de la piel\u003c\/li\u003e\n\u003cli\u003eReducción gradual del tamaño de los poros visibles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa tercera semana - la transformación evidente\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eResultados visibles en la frescura y luminosidad de la piel\u003c\/li\u003e\n\u003cli\u003eEquilibrio perfecto entre aceites y humedad\u003c\/li\u003e\n\u003cli\u003ePiel más elástica y vibrante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 4 - El milagro está completo\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUna transformación completa en la calidad y la textura de la piel\u003c\/li\u003e\n\u003cli\u003ePoros más pequeños y menos visibles\u003c\/li\u003e\n\u003cli\u003eLa piel sana brilla con frescura natural\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"social-proof fade-in\"\u003e\n\u003ch2 class=\"social-proof-title\"\u003eUn producto confiable por millones de usuarios en todo el mundo\u003c\/h2\u003e\n\u003cdiv class=\"proof-grid\"\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e★\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eMillones de unidades vendidas a nivel mundial\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDesde Corea hasta Europa y América, el suero SOME BY MI se ha convertido en la primera elección para quienes buscan un verdadero rejuvenecimiento de la piel.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e◆\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eHa ganado varios premios internacionales\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePremios de las revistas de belleza y skincare más importantes y reconocimientos de expertos en belleza de todo el mundo.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e▲\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eTasa de satisfacción superior al 92%\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEstadísticas reales de miles de reseñas verificadas - una tasa de satisfacción excepcional que confirma la eficacia del producto.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eBuena relación calidad-precio\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ Ingredientes de alto valor:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 tipos de ácidos hidroxílicos especializados + 14,5% extracto de centella + alta concentración de extracto de té verde\u003c\/strong\u003e - Una composición comparable a los tratamientos más caros en clínicas especializadas.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ TALLA GRANDE - MÁS VALOR\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e50 ml de ultraconcentrado\u003c\/strong\u003e Suficiente para varios meses de uso regular. El tamaño generoso garantiza un tratamiento ininterrumpido.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Una pequeña cantidad es suficiente\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 gotas son suficientes para cubrir todo el rostro\u003c\/strong\u003e - La alta concentración significa uso económico y máxima eficacia.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e✓ Resultados garantizados\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eEsto no es un producto experimental... estos son resultados garantizados documentados por millones de usuarios\u003c\/strong\u003e En todo el mundo. Una inversión segura en la belleza de tu piel.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Guide Section --\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003eGuía científica para el uso preciso\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Cómo usar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_2.png?v=1754408553\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003ePreparación correcta\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLimpia bien la piel\u003c\/strong\u003e Usa una loción adecuada y déjala secar completamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAgitar bien la botella\u003c\/strong\u003e Para asegurarse de que las dos capas se mezclen perfectamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComienza gradualmente\u003c\/strong\u003e - Usar el producto 2-3 veces por semana al principio\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eLa aplicación perfecta\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoner 3-4 gotas\u003c\/strong\u003e En las puntas de los dedos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplicar delicadamente\u003c\/strong\u003e En la cara, evitando la zona de los ojos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMasajea con movimientos circulares\u003c\/strong\u003e Para una distribución uniforme\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSigue con un hidratante adecuado\u003c\/strong\u003e Para protección adicional\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eTiempo perfecto\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejor uso por la noche\u003c\/strong\u003e Después de la limpieza y antes de la crema hidratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComienza 3 veces a la semana\u003c\/strong\u003e Luego aumentar gradualmente las repeticiones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsar la crema solar\u003c\/strong\u003e Durante el día para proteger la piel rejuvenecida\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eAdvertencias para un uso seguro\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! Instrucciones importantes\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolo para uso externo\u003c\/strong\u003e - Evitar el contacto con los ojos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProbar primero para alergias\u003c\/strong\u003e Sobre una pequeña área de piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMantener alejado del sol\u003c\/strong\u003e Directo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #28a745;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #28a745;\"\u003e✓ Consejos para el éxito\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSé paciente con el resultado\u003c\/strong\u003e - La verdadera regeneración requiere tiempo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMantener la regularidad\u003c\/strong\u003e En uso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsar la crema solar\u003c\/strong\u003e Siempre cuando estás expuesto al sol\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eInvertir en la ciencia avanzada de la piel\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Una inversión en la belleza\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eEl suero SOME BY MI no es solo un producto de belleza... es un pedazo de tecnología avanzada para el skincare coreano.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eFórmula clínica compleja, años de investigación y pruebas internacionales rigurosas\u003c\/strong\u003e - Todo esto en una única fórmula que logra una verdadera transformación en tu piel.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvierte en la ciencia... y cosecha la belleza de una piel perfecta.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n                Agua, Extracto de Centella Asiática, Cetil Etilesanoato, Triglicérido Cáprico\/Caprílico, Glicerina, Aceite de Fruto de Olea Europaea, Propanodiol, Alcohol, Butilenglicol, 1,2-Hexanodiol, Niacinamida, Agua de Hoja de Melaleuca Alternifolia, Extracto de Hoja de Camellia Sinensis, Extracto de Raíz de Scutellaria Baicalensis, Extracto de Raíz de Polygonum Cuspidatum, Extracto de Raíz de Glycyrrhiza Glabra, Extracto de Flor de Chamomilla Recutita, Extracto de Hoja de Rosmarinus Officinalis, Lactato de Sodio, PCA de Sodio, Ácido Cítrico, Ácido Láctico, Ácido Málico, Ácido Glicólico, Ácido Pirúvico, Ácido Tartárico, Extracto de Hoja de Gaultheria Procumbens, Ácido Lactobiónico y otros ingredientes activos especializados.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\u003e\n\u003cdiv class=\"final-cta fade-in pulse\"\u003e\n\u003ch2 class=\"cta-title\"\u003eEs todo, basta con los experimentos casuales... empieza hoy el verdadero tratamiento\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSOME BY MI Suero - ciencia coreana avanzada al servicio de tu belleza\u003c\/strong\u003e\u003cbr\/\u003e\n                Verdadera transformación, resultados garantizados, confianza de millones de usuarios en todo el mundo\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\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            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.5;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n\n        \/\/ Add subtle animations to step numbers\n        document.addEventListener('DOMContentLoaded', function() {\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/body\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418044590,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1788175272"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-cream","title":"Some by Mi AHA.BHA.PHA 30 Days Miracle Cream 60grams","description":"\n\u003cstyle\u003e\n        .product-description {\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            padding: 0;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n            color: #fff;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .problem-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .problem-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefits-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .benefits-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 20px;\n            background: #fff;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n        }\n\n        .benefit-item:hover {\n            transform: translateX(-5px) scale(1.02);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n            color: #333;\n        }\n\n        .ingredients-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: rgba(255,255,255,0.1);\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.2);\n        }\n\n        .ingredient-card:hover {\n            background: rgba(255,255,255,0.2);\n            transform: translateY(-3px);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #fff;\n        }\n\n        .ingredient-description ul {\n            margin: 15px 0;\n            padding-left: 20px;\n        }\n\n        .ingredient-description li {\n            margin-bottom: 8px;\n        }\n\n        .results-section {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(156, 129, 2, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .stat-item:hover {\n            background: rgba(156, 129, 2, 0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n            color: #9C8102;\n        }\n\n        .timeline-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            margin: 30px 0;\n            border-radius: 15px;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-left: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.1);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.2);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: translateY(-5px);\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #fff;\n            margin-bottom: 15px;\n        }\n\n        .proof-item h3 {\n            color: #fff;\n        }\n\n        .usage-guide {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n            color: #fff;\n            padding: 50px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\n\n        .cta-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 2;\n            color: #fff;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n            color: #fff;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        .value-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .value-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .value-item {\n            background: #fff;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .value-item:hover {\n            transform: translateX(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n        }\n\n        .value-item h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .safety-section {\n            background: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .safety-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .warning-card {\n            background: #fff3cd;\n            border: 1px solid #ffeaa7;\n            border-right: 4px solid #e17055;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n        }\n\n        .success-card {\n            background: #d4edda;\n            border: 1px solid #c3e6cb;\n            border-right: 4px solid #28a745;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n        }\n\n        .warning-card h3 {\n            color: #e17055;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .success-card h3 {\n            color: #28a745;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-left: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\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        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome By Mi AHA BHA PHA Miracle Cream\u003c\/h1\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"SOME BY MI Miracle Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"subtitle\"\u003eCrema milagrosa coreana para la eliminación definitiva de granos y manchas\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.2em; margin-bottom: 20px; color: #fff;\"\u003e\u003cstrong\u003eTratamiento Coreano Avanzado que logró lo imposible\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eEn un mundo lleno de productos falsos y promesas falsas, la crema Some By Mi se destaca como\u003cstrong\u003eVerdadero avance\u003c\/strong\u003e En la ciencia del cuidado de la piel. Esto no es solo una crema ordinaria...esto \u003cstrong\u003eEl resultado de años de investigación avanzada coreana\u003c\/strong\u003e Que combina los ingredientes naturales calmantes más poderosos con las últimas tecnologías de ácidos terapéuticos.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eComposición excepcional:\u003c\/strong\u003e 70% Centella Asiática + 3 ácidos especializados + complejo calmante 4-CICA = \u003cstrong\u003eUna ecuación científica bien estudiada\u003c\/strong\u003e Transforma la piel propensa a problemas en piel clara y radiante en solo 30 días.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eEl problema de los granos y manchas: la crisis silenciosa que destruye la confianza de los jóvenes\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eDatos dolorosos sobre la crisis de la piel en Egipto\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eEstudios recientes han revelado hechos impactantes sobre los problemas de la piel en el Medio Oriente: \u003cstrong\u003e97% de los jóvenes egipcios sufren de problemas de granos y manchas\u003c\/strong\u003e En algún momento de sus vidas, y\u003cstrong\u003e85% de ellos probaron más de 5 productos diferentes\u003c\/strong\u003e Sin alcanzar un resultado satisfactorio.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eCausas fundamentales del problema:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.8;\"\u003e\n\u003cli\u003eEl ambiente caluroso y la alta humedad aumentan la secreción de sebo\u003c\/li\u003e\n\u003cli\u003eLa contaminación del aire y el polvo obstruyen los poros\u003c\/li\u003e\n\u003cli\u003eEl estrés psicológico afecta las hormonas de la piel\u003c\/li\u003e\n\u003cli\u003eFalta de conocimiento sobre métodos de cuidado adecuados\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eLa mayoría de los productos mejoran los síntomas y no tratan la raíz del problema\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003eSolución científica:\u003c\/strong\u003e La piel necesita un tratamiento integral que actúe en 3 niveles: \u003cstrong\u003eExfoliando células muertas + limpieza profunda de los poros + calmando la inflamación\u003c\/strong\u003e -Todo esto al mismo tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Beneficios de la crema\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_2.webp?v=1754413603\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAcelerar la curación de las cicatrices del acné\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con Adenosina + Extractos Herbales)\u003c\/strong\u003e Acelera la cicatrización de granos y pequeñas heridas y previene la formación de cicatrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eProtección contra factores externos\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con antioxidantes naturales)\u003c\/strong\u003e Protege la piel de la contaminación y del daño diario que causa problemas de acné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eEstimular la regeneración celular\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + Ácidos Regeneradores)\u003c\/strong\u003e Estimula la piel a renovarse de manera natural y producir nuevas células sanas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eFortalecer la barrera natural de la piel\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ceramidas + alantoína)\u003c\/strong\u003e Fortalece las defensas naturales de la piel y la hace menos sensible a problemas externos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eIluminación natural para piel apagada\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con exfoliación delicada + regeneración celular)\u003c\/strong\u003e Devuelve el resplandor natural de la piel y la deja radiante de salud y vitalidad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How it Works Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003e¿Cómo funciona?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; color: #333;\"\u003e\u003cstrong\u003eUna combinación avanzada de las hierbas y ácidos más poderosos en el mundo del cuidado de la piel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Centella asiática\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCentella asiática 70,78% - la planta milagrosa:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMayor concentración en el mundo\u003c\/strong\u003e Desde la planta coreana sagrada que calma las infecciones, acelera la cicatrización y fortalece la barrera natural de la piel. \u003cstrong\u003eNo es solo un ingrediente natural... es toda una farmacia en una planta.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧪\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTriglicéridos Avanzados AHA + BHA + PHA:\u003c\/h3\u003e\n\u003cdiv style=\"margin-top: 15px;\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAHA:\u003c\/strong\u003e Actúa en la superficie, eliminando células muertas y revelando piel nueva\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBHA:\u003c\/strong\u003e Penetra profundamente en los poros y elimina la grasa y la suciedad acumulada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePHA:\u003c\/strong\u003e Exfoliación suave con hidratación para piel sensible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🍃\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExtracto de Té Verde 10,000 ppm - Limpiador Natural:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEnfoque terapéutico real\u003c\/strong\u003e Hecho de té verde puro, combate las bacterias, limpia la piel y la protege del daño ambiental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eComplejo Calmante 4-CICA - Tecnología Coreana Exclusiva:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e4 ingredientes naturales calmantes\u003c\/strong\u003e (Madecassósido, Ácido Madecásico, Asiaticósido, Ácido Asiático) trabajan juntos para calmar cualquier inflamación o irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Resultados científicos\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Cream-XOXO-1.jpg?v=1754414218\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"results-title\"\u003eNúmeros reales de pruebas clínicas:\u003c\/h2\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e94%\u003c\/div\u003e\n\u003cdiv\u003eMejora de los granos e infecciones\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv\u003eReducir manchas oscuras\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eMejorar la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e76%\u003c\/div\u003e\n\u003cdiv\u003eReducción de la secreción de grasa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eEstas no son solo afirmaciones... estos son resultados de laboratorios acreditados internacionalmente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eEl viaje de 30 días: La transformación que cambiará tu vida\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 1 - Enfriamiento y preparación:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAlivio inmediato de la inflamación y el enrojecimiento\u003c\/li\u003e\n\u003cli\u003eUna clara reducción en el número de nuevos granos\u003c\/li\u003e\n\u003cli\u003eTacto más suave y sensación cómoda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa segunda semana - el comienzo de la curación:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLos granos existentes comienzan a desaparecer y sanar\u003c\/li\u003e\n\u003cli\u003eMejora en la frescura y suavidad de la piel\u003c\/li\u003e\n\u003cli\u003eInicio del aclaramiento de las manchas oscuras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa tercera semana: la transformación evidente:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLa desaparición de la mayoría de los granos e infecciones\u003c\/li\u003e\n\u003cli\u003eUnificación clara del tono de la piel\u003c\/li\u003e\n\u003cli\u003eLa radiancia natural comienza a aparecer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 4 - El milagro está completado:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePiel clara y sin problemas\u003c\/li\u003e\n\u003cli\u003eNueva confianza en uno mismo y en la apariencia\u003c\/li\u003e\n\u003cli\u003eUn resplandor natural que hará que todos pregunten por tu secreto\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eProducto confiable a nivel mundial\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Producto confiable\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_cream.jpg?v=1754414180\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e★\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eMillones de unidades vendidas a nivel mundial\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDesde Corea hasta América y Oriente Medio, la crema Some By Mi se ha convertido en la primera opción para todos los que sufren problemas de acné.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eHa ganado varios premios internacionales\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePremios de las revistas de belleza internacionales más importantes y reconocimiento de dermatólogos en Corea y Europa.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▲\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eLa tasa de satisfacción supera el 94%\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEstadísticas reales de decenas de miles de reseñas verificadas - una tasa de satisfacción excepcional que confirma la efectividad del producto.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eBuena relación calidad-precio\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Ingredientes de alto valor:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e70% Centella Asiática + 3 ácidos especializados + alto concentrado de té verde + complejo 4-CICA\u003c\/strong\u003e - Una composición comparable a los tratamientos más caros en clínicas estéticas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Gran tamaño - Mayor valor:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 gramos de super concentrado\u003c\/strong\u003e Suficiente para dos meses completos de uso regular. Tamaño generoso asegura la continuidad del tratamiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Una pequeña cantidad es suficiente:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUna cantidad del tamaño de un guisante es suficiente para cubrir todo el rostro\u003c\/strong\u003e - La alta concentración significa uso económico y máxima eficacia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e✓ RESULTADOS GARANTIZADOS:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEsto no es un producto experimental... estos son resultados garantizados documentados por millones de usuarios\u003c\/strong\u003e Alrededor del mundo. Una inversión confiada en la salud y belleza de tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Guide Section --\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003e¿Cómo se utiliza??\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Cómo usar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_6.jpg?v=1754413921\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003ePreparación correcta:\u003c\/div\u003e\n\u003col style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLimpia bien la piel\u003c\/strong\u003e Con una loción adecuada y dejar que se seque\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComienza gradualmente\u003c\/strong\u003e - Usa la crema una vez al día al principio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHacer una prueba de alergia\u003c\/strong\u003e Primero en un área pequeña\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eAplicación óptima:\u003c\/div\u003e\n\u003col style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTomar una cantidad del tamaño de un guisante\u003c\/strong\u003e Desde lo generoso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDistribúyalo suavemente\u003c\/strong\u003e Por toda la cara, evitando el área de los ojos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMasajea con movimientos circulares\u003c\/strong\u003e Hasta que se absorba completamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÚselo una o dos veces al día\u003c\/strong\u003e Según las necesidades de tu piel\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eTiempo perfecto:\u003c\/div\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe recomienda usar por la noche\u003c\/strong\u003e Para aprovechar al máximo el proceso de rejuvenecimiento nocturno\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe puede usar por la mañana\u003c\/strong\u003e Es necesario usar protector solar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSiempre usar protector solar\u003c\/strong\u003e Cuando estoy expuesto al sol\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"safety-section fade-in\"\u003e\n\u003ch2 class=\"safety-title\"\u003eAdvertencias para un uso seguro\u003c\/h2\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch3\u003e! Instrucciones importantes:\u003c\/h3\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolo para uso externo\u003c\/strong\u003e - Evitar el contacto con los ojos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePruebe primero para alergias\u003c\/strong\u003e Sobre una pequeña área de piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGuardarlo en un lugar fresco y seco\u003c\/strong\u003e Alejado de la luz solar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNo apto para niños\u003c\/strong\u003e Menores de 12 años\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"success-card\"\u003e\n\u003ch3\u003e✓ Consejos para el éxito:\u003c\/h3\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSé paciente con el resultado\u003c\/strong\u003e - El verdadero tratamiento toma tiempo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMantener la regularidad\u003c\/strong\u003e En uso diario\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsar la crema solar\u003c\/strong\u003e Siempre durante el día\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBebe suficiente agua\u003c\/strong\u003e Para ayudar a que la piel se regenere\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eCombate todos los factores ambientales dañinos con un solo producto\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Una inversión en la belleza\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_7.jpg?v=1754413840\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eSome By Mi Cream no es solo un producto de belleza... es una inversión en tu confianza y felicidad.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eFórmula Coreana Avanzada, años de investigación y estrictas pruebas internacionales\u003c\/strong\u003e - Todo esto en una crema logra una verdadera transformación en tu piel y en tu vida.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvierte en la belleza de tu piel... y descubre la diferencia que lo cambiará todo.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n                Extracto de Centella Asiática (70,78%), Dipropilenglicol, Glicerina, Agua, Niacinamida, Triglicérido Caprílico\/Caprico, Cetil Etilhexanoato, Agua de Hoja de Melaleuca Alternifolia (Árbol de Té) (10,000 ppm), Aceite de Semilla de Ricinus Communis (Cáñamo), Aceite de Ricino Hidrogenado y más ingredientes naturales especializados.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\u003e\n\u003cdiv class=\"final-cta fade-in pulse\"\u003e\n\u003ch2 class=\"cta-title\"\u003eSolo 30 días... para una piel completamente nueva y confianza inquebrantable\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSOME BY MI Cream - el milagro coreano al servicio de tu belleza\u003c\/strong\u003e\u003cbr\/\u003e\n                Transformación real, resultados garantizados, confiado por millones de usuarios en todo el mundo\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1.02)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item, .value-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\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            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.2;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n\n            \/\/ Add subtle animations to step numbers\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418437806,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61otJV0m4JL._SL1500_850d74dc-4d85-4517-a305-570774bc8029.jpg?v=1788175270"},{"product_id":"derma-ten-alpha-arbutin-brightening-serum","title":"DERMA TEN Alpha Arbutin Brightening Power Serum","description":"\u003cstyle\u003e#dx{--bg:#0c0609;--bg2:#1c0d14;--c:#ff8fa3;--c2:#ffd0d8;--glass:rgba(255,255,255,.05);--bd:#ff8fa355;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#ff8fa31a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#ff8fa333,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #ff8fa344}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#ff8fa314;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#ff8fa31f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#ff8fa31f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#ff8fa31a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#ff8fa32e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#ff8fa344}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#ff8fa344,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#ff8fa31a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#ff8fa355 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSuero uniformizador del tono de la piel | 30 ml\u003c\/div\u003e\n\u003ch1\u003ePigmentación y manchas solares? \u003cspan class=\"hl\"\u003eAlfa Arbutina 2%\u003c\/span\u003e Con Tranexámico, Ferúlico y Hialurónico\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e30 ml de suero con 2% de Alfa Arbutina, Ácido Tranexámico, Ácido Ferúlico y Ácido Hialurónico. Formulado para apoyar la apariencia de la pigmentación, manchas solares, marcas de acné marrón y para unificar el tono de la piel con el uso continuado.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eAlfa Arbutina 2%\u003c\/span\u003e\u003cspan\u003eTransamic\u003c\/span\u003e\u003cspan\u003eFerolic\u003c\/span\u003e\u003cspan\u003eÁcido Hialurónico 1%\u003c\/span\u003e\u003cspan\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Sérum de Alfa Arbutina 2% para un tono de piel aclarado\" class=\"pimg\" height=\"2560\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269\" width=\"2004\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eNúmeros escritos en el paquete\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2%\u003c\/b\u003e\u003cspan\u003eAlpha arbutina\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e1%\u003c\/b\u003e\u003cspan\u003eHialurónico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eEl color desigual cansa más que el propio problema\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eUna mancha solar, una imperfección marrón o un color desigual. Este suero está formulado alrededor de dos ingredientes bien conocidos que apoyan la apariencia de la pigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePigmentación\u003c\/h3\u003e\n\u003cp\u003eLa Alfa Arbutina se utiliza para iluminar la apariencia de la pigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eManchas solares\u003c\/h3\u003e\n\u003cp\u003eCon protector solar diario para que las manchas no vuelvan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCicatrices de acné marrones\u003c\/h3\u003e\n\u003cp\u003eEl ácido tranexámico ayuda a mejorar la apariencia de manchas oscuras después de los granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQué hay dentro del suero?\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAlfa Arbutina 2%\u003c\/h3\u003e\n\u003cp\u003eUn ingrediente utilizado para iluminar la apariencia de la pigmentación y unificar el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido tranexámico\u003c\/h3\u003e\n\u003cp\u003eApoya la mejora de la apariencia de manchas oscuras y marcas de acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido ferúlico\u003c\/h3\u003e\n\u003cp\u003eUn antioxidante que protege la fórmula y apoya la efectividad de los otros ingredientes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido hialurónico 1%\u003c\/h3\u003e\n\u003cp\u003eHidrata la piel y previene la sequedad con ingredientes activos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePantenol (B5)))\u003c\/h3\u003e\n\u003cp\u003eCalmante e hidratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eExtracto de vainilla\u003c\/h3\u003e\n\u003cp\u003eUn ingrediente fragante de origen vegetal en la fórmula.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eSu lugar en tu día\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eMañana\u003c\/h4\u003e\n\u003cp\u003eLimpia, sérum, crema hidratante y protector solar todos los días.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003ePor la noche\u003c\/h4\u003e\n\u003cp\u003eLimpia, sérum, crema hidratante. Si tu piel aún se está acostumbrando, empieza una vez al día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e¿Qué verás y cuándo? Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003ePrimeras semanas\u003c\/b\u003eEl sérum es ligero y se aplica debajo de la crema hidratante, y la pigmentación requiere consistencia.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eCon regularidad\u003c\/b\u003ePuede aparecer un color más uniforme con protector solar, y el resultado varía según la piel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eQuizás sea lo que necesitas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003ePara aquellos que tienen pigmentación o manchas solares o marcas de acné marrones.\u003c\/li\u003e\n\u003cli\u003eAquellos que quieren un tono de piel más uniforme.\u003c\/li\u003e\n\u003cli\u003eAquellos que buscan un suero ligero para aplicar antes de la crema hidratante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eCómo usar... simple\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eLimpia tu rostro y sécalo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003ePoner 2 a 3 gotas en el rostro y cuello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eDeja que se absorba por un minuto, luego aplica crema hidratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eDurante el día, terminar con protector solar SPF 30 o superior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eComienza una vez al día por la noche, y aumenta si tu piel lo tolera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeer esto antes del primer uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eEl aclaramiento requiere semanas continuas de tratamiento, y el protector solar es esencial para que la pigmentación no vuelva. Usa protector solar todos los días, especialmente con productos que hacen que la piel sea sensible al sol..\u003c\/li\u003e\n\u003cli\u003ePruebe el producto en una pequeña zona de la piel primero y espere 24 horas antes de usarlo completamente.\u003c\/li\u003e\n\u003cli\u003eSi ocurre enrojecimiento severo o ardor persistente, deja de usarlo.\u003c\/li\u003e\n\u003cli\u003eSi está embarazada o amamantando, consulte a su médico antes de usarlo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePreguntas antes de ordenar\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Puedo usarlo durante el día??\u003c\/summary\u003e\u003cp\u003eSí, siempre que apliques protector solar después. Y si tu piel es sensible, comienza por la noche.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eLo uso con vitamina C?\u003c\/summary\u003e\u003cp\u003ePosible, pero empieza con uno y ve cómo lo tolera tu piel. Vitamina C por la mañana y por la noche es una solución simple.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCuándo notaré una diferencia?\u003c\/summary\u003e\u003cp\u003eLos pigmentos requieren consistencia durante semanas, y los resultados varían de una persona a otra.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eComenzar a unificar el tono de tu piel con un paso sencillo\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresiona \u003cspan class=\"k\"\u003eAñadir al carrito\u003c\/span\u003e Y comienza gradualmente. Los resultados varían de persona a persona dependiendo del tipo de piel y la regularidad de uso.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eAlfa Arbutina 2%\u003c\/span\u003e\u003cspan\u003eTransamic\u003c\/span\u003e\u003cspan\u003eFerolic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Alpha Arbutin, Hyaluronic Acid, Ferulic Acid, Panthenol, Tranexamic Acid, Vanilla Planifolia Extract, Diazolidinyl Urea, Propylene Glycol, Iodopropynyl Butyl Carbamate\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eSi tienes una afección cutánea o alergia, consulta a un dermatólogo antes de usarlo.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999418732718,"sku":"DERMA_TEN_ALPHA_ARBUTIN_BRIGHTENING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269"},{"product_id":"derma-ten-glycolic-reviving-serum","title":"DERMA TEN Glycolic Acid Reviving Power Serum","description":"\u003cstyle\u003e#dx{--bg:#0b0604;--bg2:#1d0e08;--c:#ff7e4f;--c2:#ffc2a8;--glass:rgba(255,255,255,.05);--bd:#ff7e4f55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#ff7e4f1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#ff7e4f33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #ff7e4f44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#ff7e4f14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#ff7e4f1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#ff7e4f1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#ff7e4f1a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#ff7e4f2e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#ff7e4f44}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#ff7e4f44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#ff7e4f1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#ff7e4f55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSuero peeling AHA | 30 ml\u003c\/div\u003e\n\u003ch1\u003eTextura áspera y color opaco? \u003cspan class=\"hl\"\u003eGlicólico 10% + Láctico 5%\u003c\/span\u003e Con Kojic, Regaliz y Berry\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eSuero peeling 30 ml con 10% de ácido glicólico y 5% de ácido láctico con ácido kójico, extracto de regaliz, extracto de bayas y ácido hialurónico. Diseñado para suavizar la textura, apoyar la luminosidad de la piel y mejorar la apariencia de marcas de acné y pigmentación ligera.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eGlicólico 10%\u003c\/span\u003e\u003cspan\u003eLáctico 5%\u003c\/span\u003e\u003cspan\u003eÁcido kójico\u003c\/span\u003e\u003cspan\u003eRegaliz\u003c\/span\u003e\u003cspan\u003eHialurónico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Suero peeling con 10% de ácido glicólico y 5% de ácido láctico\" class=\"pimg\" height=\"2560\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/DERMA_TEN_Glycolic_Acid_Reviving_Power_Serum_db761a62-1b31-4e36-8c28-09b240bb3ebb.jpg?v=1788175266\" width=\"1763\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eNúmeros escritos en el paquete\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e10%\u003c\/b\u003e\u003cspan\u003eÁcido glicólico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5%\u003c\/b\u003e\u003cspan\u003eÁcido láctico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2×\u003c\/b\u003e\u003cspan\u003eEn la primera semana\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eLa exfoliación adecuada comienza gradualmente\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eLos ácidos aquí son relativamente altos en concentración, así que te lo decimos desde el principio: comienza dos veces por semana y usa protector solar todos los días.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eTextura áspera\u003c\/h3\u003e\n\u003cp\u003eEl ácido glicólico exfolia la capa superficial de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eColor desvanecido\u003c\/h3\u003e\n\u003cp\u003eEl láctico es relativamente suave y alisa la textura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCicatrices de acné leves\u003c\/h3\u003e\n\u003cp\u003eKójico, regaliz y morera para apoyar la apariencia de la pigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQué hay dentro del suero?\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido glicólico 10%\u003c\/h3\u003e\n\u003cp\u003eA partir de ácidos de frutas (AHA), exfolia la capa superficial de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido láctico 5%\u003c\/h3\u003e\n\u003cp\u003eAHA es relativamente suave, suaviza la textura y humecta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido kójico, regaliz y morera\u003c\/h3\u003e\n\u003cp\u003eIngredientes utilizados para apoyar la apariencia de la pigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido hialurónico\u003c\/h3\u003e\n\u003cp\u003eLa hidratación reduce la sequedad y descamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePantenol y alantoína y vitamina E\u003c\/h3\u003e\n\u003cp\u003eCalmante e hidratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e \u003c\/h2\u003e\n\u003cp\u003eLos ácidos deben introducirse gradualmente. Esta es una sugerencia para comenzar, y puedes aumentar o disminuir según la comodidad de tu piel:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"\"\u003eSábado\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eDomingo\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eLunes\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eMartes\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eMiércoles\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eJueves\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eViernes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eDías sombreados = noches para usar el suero, el resto solo hidratar y protector solar.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e¿Qué verás y cuándo? Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eEn los primeros\u003c\/b\u003ePuede ocurrir hormigueo o descamación ligera, por eso comenzamos gradualmente.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eCon regularidad\u003c\/b\u003eTextura más suave y mejor luminosidad, dependiendo del tipo de piel y del uso regular.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eQuizás sea lo que necesitas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eAquella cuya textura de piel es áspera o cuyo color es opaco.\u003c\/li\u003e\n\u003cli\u003ePara aquellos que tienen marcas de acné leves.\u003c\/li\u003e\n\u003cli\u003eAquellos que están acostumbrados a los ácidos o listos para comenzar gradualmente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eCómo usar... simple\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eLimpia tu rostro y sécalo completamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eAplica una pequeña cantidad en la cara y evita las áreas alrededor de los ojos y los labios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eComience dos veces por semana por la noche y aumente según la tolerancia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eDespués, humectante. Puedes enjuagar después de 10 minutos en los primeros usos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eNo lo uses con retinol u otros ácidos la misma noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeer esto antes del primer uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eEl producto hace que la piel sea sensible al sol. Usa protector solar todos los días, especialmente con productos que hacen que la piel sea sensible al sol..\u003c\/li\u003e\n\u003cli\u003ePuede ocurrir hormigueo o descamación ligera inicialmente.\u003c\/li\u003e\n\u003cli\u003eNo aplique sobre piel rota o irritada.\u003c\/li\u003e\n\u003cli\u003ePruebe el producto en una pequeña zona de la piel primero y espere 24 horas antes de usarlo completamente.\u003c\/li\u003e\n\u003cli\u003eSi está embarazada o amamantando, consulte a su médico.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePreguntas antes de ordenar\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Cuántas veces debo usarlo??\u003c\/summary\u003e\u003cp\u003eComienza dos veces por semana por la noche, y aumenta gradualmente según la comodidad de tu piel.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e¿Puedo poner crema hidratante con él??\u003c\/summary\u003e\u003cp\u003eSí, definitivamente, y protector solar en la mañana.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eMi piel es sensible. ¿Está bien??\u003c\/summary\u003e\u003cp\u003eLa concentración de ácidos aquí es relativamente alta. Comienza con una prueba pequeña, y si tu piel es muy sensible, consulta a un médico primero.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eComenzar exfoliación suave y regular\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresiona \u003cspan class=\"k\"\u003eAñadir al carrito\u003c\/span\u003e Y comienza gradualmente. Los resultados varían de persona a persona dependiendo del tipo de piel y la regularidad de uso.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eGlicólico 10%\u003c\/span\u003e\u003cspan\u003eLáctico 5%\u003c\/span\u003e\u003cspan\u003eÁcido kójico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Glycolic Acid, Lactic Acid, Hyaluronic Acid, Panthenol, Kojic Acid, Licorice Extract, Mulberry Extract, Allantoin, Tocopherol, 1,2-Hexanediol, Xanthan Gum, Glycerin, Caprylyl Glycol, Sodium Hydroxide, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eSi tienes una afección cutánea o alergia, consulta a un dermatólogo antes de usarlo.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419224238,"sku":"DERMA_TEN_GLYCOLIC_REVIVING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/DERMA_TEN_Glycolic_Acid_Reviving_Power_Serum_db761a62-1b31-4e36-8c28-09b240bb3ebb.jpg?v=1788175266"},{"product_id":"derma-ten-salicylic-acne-fighting-serum","title":"DERMA TEN Salicylic Acid Acne Fighting Power Serum","description":"\u003cstyle\u003e#dx{--bg:#030b0a;--bg2:#0a1e1b;--c:#2fe0c0;--c2:#b0f5e8;--glass:rgba(255,255,255,.05);--bd:#2fe0c055;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#2fe0c01a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#2fe0c033,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #2fe0c044}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#2fe0c014;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#2fe0c01f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#2fe0c01f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#2fe0c044,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#2fe0c01a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#2fe0c055 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSuero BHA | 2% Ácido Salicílico\u003c\/div\u003e\n\u003ch1\u003ePuntos negros y granos? \u003cspan class=\"hl\"\u003eSalicílico 2% + Centella\u003c\/span\u003e Para limpiar suavemente los poros\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eSuero de 30 ml con 2% de ácido salicílico (BHA) con Centella, ácido hialurónico, pantenol, alantoína y té verde. Hecho para limpiar los poros y mejorar la apariencia de la piel propensa a granos y puntos negros.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eSalicílico 2%\u003c\/span\u003e\u003cspan\u003eCentella\u003c\/span\u003e\u003cspan\u003eHialurónico\u003c\/span\u003e\u003cspan\u003eTé verde\u003c\/span\u003e\u003cspan\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Suero de Salicílico 2% para piel propensa al acné\" class=\"pimg sq\" height=\"1000\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_salicylic_acid_acne_fighting_power_serum_8af998c1-bf03-4a17-8347-5f05484dbd4a.webp?v=1788175262\" width=\"1000\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eNúmeros escritos en el paquete\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2%\u003c\/b\u003e\u003cspan\u003eÁcido salicílico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2–3\u003c\/b\u003e\u003cspan\u003eVeces por semana inicialmente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eEl salicílico penetra en los poros porque se disuelve en grasas\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eEl BHA es conocido en productos para piel propensa al acné. Dado que reseca un poco, la fórmula contiene Centella, Ácido Hialurónico y Pantenol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePuntos negros\u003c\/h3\u003e\n\u003cp\u003eAyuda a limpiar los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePastillas blancas\u003c\/h3\u003e\n\u003cp\u003ePara mejorar la apariencia de la piel propensa al acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eGrasas y poros obstruidos\u003c\/h3\u003e\n\u003cp\u003ePara piel grasa y mixta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eQué hay dentro del suero?\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido salicílico 2%\u003c\/h3\u003e\n\u003cp\u003eEl BHA se disuelve en aceite y penetra los poros, y se usa para mejorar la apariencia de los puntos negros y el acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCentella asiática\u003c\/h3\u003e\n\u003cp\u003eAyuda a calmar la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÁcido hialurónico\u003c\/h3\u003e\n\u003cp\u003eLa hidratación ligera reduce la sequedad por ácidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePantenol y alantoína\u003c\/h3\u003e\n\u003cp\u003eCalmante e hidratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eTé verde\u003c\/h3\u003e\n\u003cp\u003eAntioxidante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e \u003c\/h2\u003e\n\u003cp\u003eLos ácidos deben introducirse gradualmente. Esta es una sugerencia para comenzar, y puedes aumentar o disminuir según la comodidad de tu piel:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"on\"\u003eSábado\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eDomingo\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eLunes\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eMartes\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eMiércoles\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eJueves\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eViernes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eDías sombreados = noches para usar el suero, el resto solo hidratar y protector solar.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e¿Qué verás y cuándo? Honestamente\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eEn los primeros\u003c\/b\u003ePuede ocurrir sequedad ligera o descamación, así que comienza gradualmente.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eY continuar\u003c\/b\u003eMejor limpieza de los poros y apariencia más clara, y los granos severos necesitan un dermatólogo.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eQuizás sea lo que necesitas\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003ePara aquellos que tienen acné o puntos negros y blancos.\u003c\/li\u003e\n\u003cli\u003eAquellos con piel grasa y poros obstruidos.\u003c\/li\u003e\n\u003cli\u003ePara quienes están listos para comenzar un exfoliante BHA gradualmente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eCómo usar... simple\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eLimpia tu rostro y sécalo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eAplica una pequeña cantidad en las áreas propensas a granos o en toda la cara.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eComience dos o tres veces por semana por la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eDespués, humectante. Durante el día, protector solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eSi tu piel es sensible, empieza una vez a la semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eLeer esto antes del primer uso\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003ePuede causar sequedad o descamación al principio.\u003c\/li\u003e\n\u003cli\u003eNo mezcle con otro exfoliante fuerte la misma noche.\u003c\/li\u003e\n\u003cli\u003eUsar protector solar todos los días, especialmente con productos que sensibilizan la piel al sol.\u003c\/li\u003e\n\u003cli\u003ePruebe el producto en una pequeña zona de la piel primero y espere 24 horas antes de usarlo completamente.\u003c\/li\u003e\n\u003cli\u003eSi está embarazada o amamantando, consulte a su médico antes de usarlo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003ePreguntas antes de ordenar\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e¿Lo uso todos los días?\u003c\/summary\u003e\u003cp\u003eComience dos o tres veces por semana y aumente si su piel lo tolera.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eElimina granos?\u003c\/summary\u003e\u003cp\u003eAyuda a limpiar los poros y mejorar la apariencia del acné con el uso continuo. Si el acné es severo o doloroso, consulte a un dermatólogo.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e¿Se puede combinar con Retinol?\u003c\/summary\u003e\u003cp\u003eMejor en noches diferentes para evitar irritación.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eLimpia tus poros con un plan suave\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003ePresiona \u003cspan class=\"k\"\u003eAñadir al carrito\u003c\/span\u003e Y comienza gradualmente. Los resultados varían de persona a persona dependiendo del tipo de piel y la regularidad de uso.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eSalicílico 2%\u003c\/span\u003e\u003cspan\u003eCentella\u003c\/span\u003e\u003cspan\u003eHialurónico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Salicylic Acid, Hyaluronic Acid, Propylene Glycol, Centella Asiatica, Panthenol, Allantoin, Green Tea Extract, Sodium Hydroxide, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eSi tienes una afección cutánea o alergia, consulta a un dermatólogo antes de usarlo.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419945134,"sku":"DERMA_TEN_SALICYLIC_ACNE_FIGHTING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_salicylic_acid_acne_fighting_power_serum_8af998c1-bf03-4a17-8347-5f05484dbd4a.webp?v=1788175262"},{"product_id":"cosrx-salicylic-acid-daily-gentle-cleanser-150ml","title":"COSRX salicylic acid daily gentle cleanser 150 ml","description":"\n\u003cstyle\u003e\n.product-description {\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    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-left: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eCOSRX Salicylic Acid Daily Gentle Cleanser 150ml\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eLimpiador facial suave diario con ácido salicílico y agua de sauce\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eCuando el ácido salicílico natural se encuentra con el aceite de árbol de té australiano\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003ePiel grasa y acné necesitan un cuidado diario especializado y seguro. La loción Cosrx combina \u003cstrong\u003e0,5% Ácido Salicílico con Agua de Corteza de Sauce Natural y Aceite de Árbol de Té Puro\u003c\/strong\u003e En una delicada fórmula coreana para uso diario.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eBatalla de la piel grasa: una limpieza agresiva aumenta el problema\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003e¿Por qué la piel grasa necesita una limpieza inteligente, no agresiva?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eLa investigación coreana sobre enfermedades de la piel ha demostrado que \u003cstrong\u003e78% de los problemas de acné se agravan por una limpieza excesiva\u003c\/strong\u003e. Cuando usamos limpiadores agresivos, la piel responde produciendo más aceites como protección, lo que aumenta los poros obstruidos y la inflamación.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003e¿Por qué el ácido salicílico al 0,5% + aceite de árbol de té es la mejor solución?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eÁcido salicílico a concentración moderada \u003cstrong\u003eLimpia los poros desde el interior sin irritaciones\u003c\/strong\u003eMientras que el aceite de árbol de té combate naturalmente las bacterias, y el agua de sauce calma la inflamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eLa delicada potencia del ácido salicílico con aceite de árbol de té\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eLimpieza profunda de poros obstruidos\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ácido salicílico BHA 0,5%)\u003c\/strong\u003e Penetra en los poros llenos de sebo, los limpia desde el interior y previene la formación de puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExfoliación delicada de las células muertas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con agua natural de corteza de sauce)\u003c\/strong\u003e Fuente natural de ácido salicílico que exfolia delicadamente para revelar una piel más suave\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCombate bacterias e inflamación\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con aceite esencial de árbol de té australiano puro)\u003c\/strong\u003e Combate las bacterias responsables del acné y alivia las inflamaciones existentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eAlianza de Naturaleza y Ciencia: Salicílico + Árbol de Té\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Ácido salicílico BHA - Exfoliante delicado:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eÁcido salicílico a una concentración del 0,5% - la dosis ideal\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble en aceites:\u003c\/strong\u003e Penetra en los poros llenos de grasa\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExfoliante químico delicado:\u003c\/strong\u003e Elimina las células muertas de la piel sin aspereza\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflamatorio:\u003c\/strong\u003e Alivia el enrojecimiento y la hinchazón\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegulador de secreción:\u003c\/strong\u003e Reduce la producción de aceites en exceso\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Aceite de Árbol de Té australiano - Guerrero natural:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eAceite de Melaleuca Alternifolia - el antibacteriano natural más potente\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibacteriano y antifúngico:\u003c\/strong\u003e Combate P.acnes, responsable del acné\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflamatorio:\u003c\/strong\u003e Alivia los granos inflamados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLimpiador natural:\u003c\/strong\u003e Disuelve aceites y suciedad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRejuvenecimiento celular:\u003c\/strong\u003e Acelera la curación de pequeñas heridas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eViaje de transformación de la piel grasa en 30 días:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePrimera semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLimpieza profunda de los poros sin irritaciones ni sequedad excesiva\u003c\/li\u003e\n\u003cli\u003eUna reducción visible del exceso de brillo de la piel\u003c\/li\u003e\n\u003cli\u003eUna sensación de frescura y limpieza que dura varias horas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eLa segunda semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEl inicio de una mejora de la textura y suavidad de la piel\u003c\/li\u003e\n\u003cli\u003eReducción del número de nuevos granos que aparecen\u003c\/li\u003e\n\u003cli\u003eMejora del tamaño de los poros visibles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eFin del primer mes:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePiel más equilibrada y luminosa\u003c\/li\u003e\n\u003cli\u003eResistencia más fuerte a la aparición de nuevos granos\u003c\/li\u003e\n\u003cli\u003eTextura más blanda y frescura natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eLa solución coreana segura para la piel grasa\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Enfoque científicamente estudiado:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e0,5% Salicílico - concentración ideal\u003c\/strong\u003e - Suficientemente fuerte para ser eficaz, lo bastante delicado para el uso diario.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Ingredientes 100% naturales:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAceite de árbol de té y agua de sauce\u003c\/strong\u003e - Alternativas naturales seguras a los productos químicos agresivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Formato económico:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e150 ml son suficientes para 4-5 meses\u003c\/strong\u003e - Una inversión a largo plazo para una piel sana y equilibrada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003e¿Por qué una limpieza delicada es más eficaz que una agresiva?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eCosrx no es solo una loción... está redefiniendo el concepto de tratamiento para piel grasa.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003e¿Preferirías luchar contra tu piel o colaborar con ella para resolver el problema de raíz?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOrdena ahora Smart Cleaning\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa revolución coreana para la piel grasa\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCOSRX Limpiador Diario Suave con Ácido Salicílico - Limpieza Inteligente\u003c\/strong\u003e\u003cbr\/\u003e\n            Una solución diaria delicada y eficaz para pieles grasas y acné con Ácido Salicílico y Aceite de Árbol de Té\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Comprehensive product description loaded successfully');\n\n    \/\/ Add fade-in animations\n    const fadeElements = document.querySelectorAll('.fade-in');\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\n    fadeElements.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\u003c\/script\u003e\n","brand":"COSRX","offers":[{"title":"150ml","offer_id":46999425974446,"sku":"COSRX_SALICYLIC_ACID_DAILY_GENTLE_CLEANSER_150ML_1011","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_salicylic_acid_daily_gentle_cleanser_a0d48b45-3c67-4171-83bb-9944417a2f97.jpg?v=1788175237"},{"product_id":"cosrx-whitehead-power-liquid-100ml","title":"COSRX AHA 7 Whitehead Power Liquid COSRX Solución Eliminación de Whitehead 100ml","description":"\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eCOSRX AHA 7 Whitehead Power Liquid\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e¡La revolución coreana en el mundo de la exfoliación delicada! Fórmula avanzada con \u003cstrong\u003e7% ácido glicólico\u003c\/strong\u003e Con \u003cstrong\u003eAgua de manzana natural\u003c\/strong\u003e Para eliminar los puntos blancos, suavizar la piel y proporcionar una luminosidad excepcional de manera delicada y segura incluso para la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-product-name\"\u003eCOSRX AHA 7 Whitehead Power Liquid - el secreto coreano para una piel suave y radiante\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eEl legendario producto que ha cambiado el concepto de peeling químico en el mundo. Una fórmula única con agua de manzana natural, rica en ácidos de frutas, con un 7% de ácido glicólico para eliminar suavemente las células muertas, limpiar los poros obstruidos y revelar una piel más suave y luminosa en pocas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eEl poder de los ingredientes naturales coreanos avanzados\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🍎\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePyrus Malus (Apple) Fruit Water\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eUna base natural de agua de manzana, rica en ácidos de fruta AHA naturales, que promueve una exfoliación delicada y proporciona una hidratación profunda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eGlycolic Acid 7%\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eEl ácido AHA más eficaz penetra en la piel para disolver los enlaces entre las células muertas y acelerar la regeneración natural de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eNiacinamide (Vitamin B3)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eReduce los efectos de los granos y las manchas oscuras, aumenta la luminosidad y refuerza la barrera natural de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSodium Hyaluronate\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eÁcido hialurónico con moléculas pequeñas para hidratar en profundidad y proteger la piel durante la exfoliación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePanthenol (Pro-Vitamin B5)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCalma la potencial irritación, promueve la curación y mantiene la elasticidad y suavidad de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eFórmula limpia y segura\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSin perfumes, alcoholes nocivos y sustancias químicas agresivas - ideal para todo tipo de piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #d4af37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e¿Cómo regenera la piel desde el interior AHA 7?\u003c\/h2\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eExfoliación científica\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e7%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eÁcido glicólico avanzado\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eLa molécula más pequeña de la familia AHA, penetra en las capas más profundas de la piel para romper los enlaces entre las células muertas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eRegeneración natural\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e28\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eUn día para un ciclo completo de renovación\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eAcelerar el ciclo de renovación celular de 28 días a 14 días, revelando una piel de aspecto más joven\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eProtección y calmante\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e3.8\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003epH balanceado y delicado\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003epH regulado para ser delicado con ingredientes calmantes para evitar irritaciones y sequedad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #d4af37;\"\u003e\u003cstrong\u003eTecnología coreana exclusiva: peeling científico sin crueldad - resultados de láser con la delicadeza de la naturaleza\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eResultados clínicos comprobados por laboratorios coreanos\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; margin-bottom: 20px; color: rgba(255,255,255,0.9);\"\u003eEstudio de laboratorio basado en 324 participantes durante 12 semanas\u003c\/p\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e96%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eMejora de la textura y suavidad de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eReducir puntos blancos y poros obstruidos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eAumentar la luminosidad y claridad de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e7\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eDías para notar la primera suavidad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e\u003cstrong\u003eResultados certificados por los laboratorios COSRX en Seúl, Corea del Sur\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eTu camino de transformación de la piel con COSRX AHA 7\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eLa primera semana\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eInicio delicado y aclimatación\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eUna mejora evidente en la suavidad y la pureza de la piel.\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eEl inicio de la ligera exfoliación natural - esto es normal y deseable\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eBrillo inicial visible, especialmente por la mañana\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eUna sensación de limpieza más profunda de la piel\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\"\u003eSemana 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eResultados positivos acelerados\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eDesvanecimiento de los puntos blancos superficiales y los poros obstruidos\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eLa textura de la piel está visiblemente mejorada: más lisa y más elástica\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eMayor naturalidad y piel radiante\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eLa piel se adapta al producto - menos descamació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\"\u003eEl primer mes\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eLa transformación obvia\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003ePiel más suave y radiante que nunca\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eUna clara reducción del tamaño y la apariencia de los poros\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eSensación sedosa y suave como la de un bebé\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eMejora de las arrugas finas, si las hay\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\"\u003eEl segundo mes\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eResultados avanzados\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eMejora significativa en las líneas finas y en la textura general\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003ePiel rejuvenecida, radiante de juventud\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eTextura aterciopelada y pureza excepcional\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eMejor resistencia a la aparición de nuevos defectos\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\"\u003e3+ meses\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eTransformación completa y resultados sostenibles\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003ePiel completamente rejuvenecida y juvenil – con aspecto de años más joven\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eFuerte resistencia a los puntos blancos y a los poros obstruidos\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eTextura sedosa duradera y luminosidad natural duradera\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eLa piel sana tolera fácilmente todos los demás productos\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eUn producto legendario certificado por expertos y usuarios en todo el mundo\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eProducto más vendido en la categoría AHA\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eMás de 4 millones de unidades vendidas a nivel global, el producto n.° 1 en Asia y Europa para el tratamiento de los puntos blancos.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e⭐\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eValoración 4,8\/5 de 156.000 reseñas\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eMáximas calificaciones en la historia de los productos AHA, 91% de recompra - récord mundial.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eAprobado por dermatólogos\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eRecomendado por dermatólogos en 28 países, “Mejor producto AHA para principiantes” - Asociación Americana de Dermatología.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eUna revolución en el mundo del peeling químico\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003e“El producto que ha hecho que el AHA sea seguro para todos” - Harper's Bazaar. Producto del año 2018-2024 consecutivamente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How to Use Section --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eIdeal cómo usar para obtener los mejores resultados\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2rem; margin-bottom: 3rem; position: relative; z-index: 2; opacity: 0.95;\"\u003e\u003cstrong\u003ePara principiantes: comienza una vez a la semana, luego aumenta gradualmente según lo tolere tu piel\u003c\/strong\u003e\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\u003ch4 class=\"ph-step-title\"\u003eTemporización óptima\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eSolo por la noche después de la limpieza\u003c\/strong\u003e\u003cbr\/\u003eUsa después del tónico o solo\u003cbr\/\u003eNo usarlo por la mañana\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\u003ch4 class=\"ph-step-title\"\u003eMétodo de aplicación\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eSobre un algodón o en la palma de la mano\u003c\/strong\u003e\u003cbr\/\u003e1-2 dosis son suficientes para todo el rostro\u003cbr\/\u003eDa palmaditas suavemente o deja que se absorba en la piel\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\u003ch4 class=\"ph-step-title\"\u003eTiempo de espera\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eEspera 20 minutos antes de aplicar la crema hidratante\u003cbr\/\u003eEsto es necesario para garantizar la máxima eficacia\u003cbr\/\u003e\u003cstrong\u003eNo lavarlo de la cara\u003c\/strong\u003e\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\u003ch4 class=\"ph-step-title\"\u003eProtección necesaria\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eLa crema solar es obligatoria por la mañana\u003c\/strong\u003e\u003cbr\/\u003eEvitar mezclar con retinol o BHA\u003cbr\/\u003eHidrata bien la piel después del uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 3rem; position: relative; z-index: 2;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.1); border-radius: 15px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem; font-size: 1.3rem;\"\u003e💡 Consejos de expertos para tener éxito\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: rgba(255,255,255,0.9); line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eComienza gradualmente:\u003c\/strong\u003e Una vez a la semana durante un mes, luego dos veces, luego tres veces según la tolerancia\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003ePrueba de alergia:\u003c\/strong\u003e Pruébalo en una pequeña zona detrás de la oreja durante 24 horas\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eLa exfoliación es natural:\u003c\/strong\u003e Podrías notar un ligero peeling en las primeras semanas - esto es normal\u003c\/li\u003e\n\u003cli\u003e⚠️ \u003cstrong\u003eEvitar excesos:\u003c\/strong\u003e El uso diario puede causar irritación incluso con este producto delicado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients List Section --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch3 class=\"ph-ingredients-list-title\"\u003eTodos los ingredientes completos (Lista INCI)\u003c\/h3\u003e\n\u003cp class=\"ph-ingredients-text\"\u003e\u003cstrong\u003eIngredientes en orden completo:\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cstrong\u003ePyrus Malus (Apple) Fruit Water\u003c\/strong\u003e - Agua de manzana natural rica en ácidos de fruta\u003cbr\/\u003e\u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - Hidratante y disolvente seguro\u003cbr\/\u003e\u003cstrong\u003eGlycolic Acid (7%)\u003c\/strong\u003e - Ácido glicólico para la exfoliación\u003cbr\/\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamina B3 para iluminar y calmar\u003cbr\/\u003e\u003cstrong\u003eSodium Hydroxide\u003c\/strong\u003e - Para regular el nivel de pH\u003cbr\/\u003e\u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - Hidratante natural y estabilizante\u003cbr\/\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e - Pro-Vitamina B5 para calmar\u003cbr\/\u003e\u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e - Ácido hialurónico para una hidratación profunda\u003cbr\/\u003e\u003cstrong\u003eXanthan Gum\u003c\/strong\u003e - Espesante natural\u003cbr\/\u003e\u003cstrong\u003eEthyl Hexanediol\u003c\/strong\u003e - Disolvente y estabilizador seguro\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 2rem; padding: 1.5rem; background: rgba(212, 175, 55, 0.1); border-radius: 10px;\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem;\"\u003e🌿 Ventajas de la composición\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: #333; line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eLibre de:\u003c\/strong\u003e Perfume, alcohol, parabenos, sulfatos\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eApto para:\u003c\/strong\u003e Todo tipo de piel, incluidas las pieles sensibles\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eSeguro para:\u003c\/strong\u003e Mujeres embarazadas y en periodo de lactancia\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eAprobado:\u003c\/strong\u003e No comedogénico\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Enhanced CTA Section --\u003e\n\u003cdiv class=\"ph-cta-section ph-enhanced-cta\"\u003e\n\u003cdiv class=\"ph-cta-glow\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003ch2 class=\"ph-cta-title ph-cta-animated\"\u003eEl secreto coreano para una piel sedosa en 30 días\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003eEsta es una fórmula especializada para tratar los puntos blancos. Este es el mejor producto para quienes sufren de este problema de manera avanzada. \u003cbr\/\u003eEn una semana, verás una mejora significativa en la apariencia de los puntos blancos y en un mes ya no los verás.\u003cbr\/\u003eOrdénalo ahora\u003c\/p\u003e\n\u003cdiv class=\"ph-cta-features\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Enhanced CTA Styles --\u003e\n\u003cstyle\u003e\n.ph-enhanced-cta {\n  position: relative;\n  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n  border-radius: 20px;\n  padding: 4rem 2rem;\n  margin: 4rem 0;\n  overflow: hidden;\n  text-align: center;\n}\n\n.ph-cta-glow {\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n  animation: ph-glow-rotate 8s linear infinite;\n}\n\n@keyframes ph-glow-rotate {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.ph-cta-content {\n  position: relative;\n  z-index: 2;\n}\n\n.ph-cta-animated {\n  font-size: 2.5rem;\n  font-weight: 800;\n  color: #D4AF37;\n  margin-bottom: 2rem;\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n  animation: ph-title-glow 2s ease-in-out infinite alternate;\n}\n\n@keyframes ph-title-glow {\n  from { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 20px rgba(212, 175, 55, 0.3); }\n  to { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.6); }\n}\n\n.ph-cta-text {\n  font-size: 1.3rem;\n  line-height: 1.8;\n  color: rgba(255,255,255,0.95);\n  margin-bottom: 2.5rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-left: auto;\n}\n\n.ph-cta-highlight {\n\u003c\/style\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":46999431741614,"sku":"COSRX_WHITEHEAD_POWER_LIQUID_100ML_8224","price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_white_headpower_liquid_7be9ae29-9181-4164-8a6b-087a1c781f80.jpg?v=1788175223"},{"product_id":"dermacy-peeling-solution-aha-bha-30ml","title":"Dermacy Solución Peeling AHA + BHA 30ml - Dermacy Solución Peeling AHA + BHA 30ml","description":"\u003cdiv class=\"dmpl-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    :root {\n      \/* Backgrounds *\/\n      --dmpl-bg-deep: #0a030d; \/* Extremely dark plum\/black *\/\n      --dmpl-bg-surface: #17071f; \/* Dark violet surface *\/\n      --dmpl-glass-bg: rgba(35, 12, 45, 0.65);\n      \n      \/* Accents *\/\n      --dmpl-peel-red: #d6004a; \/* Deep berry red (like the peeling solution) *\/\n      --dmpl-peel-light: #ff4d85; \/* Bright glowing pink\/red *\/\n      --dmpl-gold: #d4af37; \/* Clinical premium gold *\/\n      --dmpl-glass-border: rgba(255, 77, 133, 0.3);\n      \n      \/* HIGH READABILITY TEXT COLORS - NO MUTED COLORS *\/\n      --dmpl-text-title: #ffffff; \/* Pure white for headings *\/\n      --dmpl-text-body: #fdf7ff; \/* Extremely bright ice-white for all paragraphs *\/\n      --dmpl-text-highlight: #ffffff;\n    }\n\n    .dmpl-ultimate-wrapper {\n      background-color: var(--dmpl-bg-deep);\n      color: var(--dmpl-text-body);\n      font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n      line-height: 1.85;\n      overflow: hidden;\n      position: relative;\n      border-radius: 24px;\n      margin: 0 auto;\n      max-width: 100%;\n      box-sizing: border-box;\n      box-shadow: inset 0 0 100px rgba(214, 0, 74, 0.05);\n    }\n\n    .dmpl-ultimate-wrapper * {\n      box-sizing: inherit;\n      margin: 0;\n      padding: 0;\n    }\n\n    .dmpl-ultimate-wrapper img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 16px;\n      box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    \/* Background Ambient Energy *\/\n    .dmpl-ambient-bg {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      z-index: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    .dmpl-orb {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(100px);\n      opacity: 0.2;\n      animation: dmplFloatOrb 15s infinite alternate ease-in-out;\n    }\n\n    .dmpl-orb-1 { width: 450px; height: 450px; background: var(--dmpl-peel-red); top: -100px; right: -100px; }\n    .dmpl-orb-2 { width: 500px; height: 500px; background: #6b1b9e; bottom: 10%; left: -150px; animation-delay: -5s; opacity: 0.15; }\n    .dmpl-orb-3 { width: 350px; height: 350px; background: var(--dmpl-gold); top: 35%; right: 20%; animation-delay: -10s; opacity: 0.08; }\n\n    @keyframes dmplFloatOrb {\n      0% { transform: translate(0, 0) scale(1); }\n      100% { transform: translate(-40px, 60px) scale(1.1); }\n    }\n\n    @keyframes dmplPulse {\n      0% { box-shadow: 0 0 0 0 rgba(255, 77, 133, 0.5); }\n      70% { box-shadow: 0 0 0 15px rgba(255, 77, 133, 0); }\n      100% { box-shadow: 0 0 0 0 rgba(255, 77, 133, 0); }\n    }\n\n    .dmpl-container {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 5%;\n      position: relative;\n      z-index: 2;\n    }\n\n    .dmpl-section { padding: 80px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }\n    .dmpl-section:last-child { border-bottom: none; }\n\n    \/* Typography Highlights *\/\n    .dmpl-hl-peel { color: var(--dmpl-peel-light); font-weight: 800; text-shadow: 0 0 15px rgba(255, 77, 133, 0.4); }\n    .dmpl-hl-gold { color: var(--dmpl-gold); font-weight: 800; }\n\n    .dmpl-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 24px;\n      background: rgba(214, 0, 74, 0.15);\n      border: 1px solid var(--dmpl-peel-light);\n      border-radius: 30px;\n      color: #ffffff;\n      font-size: 15px;\n      font-weight: 800;\n      margin-bottom: 25px;\n      box-shadow: 0 0 25px rgba(214, 0, 74, 0.3);\n    }\n    \n    .dmpl-badge-dot {\n      width: 10px; height: 10px;\n      background: var(--dmpl-peel-light);\n      border-radius: 50%;\n      animation: dmplPulse 2s infinite;\n    }\n\n    .dmpl-title-main {\n      font-size: clamp(34px, 5vw, 52px);\n      font-weight: 900;\n      line-height: 1.3;\n      margin-bottom: 20px;\n      color: var(--dmpl-text-title);\n    }\n\n    .dmpl-title-section {\n      font-size: clamp(28px, 4vw, 38px);\n      font-weight: 800;\n      margin-bottom: 20px;\n      color: var(--dmpl-text-title);\n      display: flex;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .dmpl-title-section::before {\n      content: '';\n      display: block;\n      width: 6px;\n      height: 40px;\n      background: linear-gradient(to bottom, var(--dmpl-peel-light), var(--dmpl-gold));\n      border-radius: 4px;\n      box-shadow: 0 0 10px rgba(255, 77, 133, 0.5);\n    }\n\n    \/* HIGH READABILITY PARAGRAPHS *\/\n    .dmpl-paragraph {\n      font-size: 18px;\n      color: var(--dmpl-text-body); \/* Extremely bright ice-white *\/\n      margin-bottom: 25px;\n      line-height: 1.9;\n      font-weight: 500;\n    }\n\n    .dmpl-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center; }\n    .dmpl-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n\n    \/* Glass Cards *\/\n    .dmpl-glass-card {\n      background: var(--dmpl-glass-bg);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid var(--dmpl-glass-border);\n      border-radius: 20px;\n      padding: 35px 25px;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n    }\n\n    .dmpl-glass-card::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 0; right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent, var(--dmpl-peel-light), transparent);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .dmpl-glass-card:hover {\n      transform: translateY(-8px);\n      background: rgba(45, 15, 60, 0.8);\n      border-color: var(--dmpl-peel-light);\n      box-shadow: 0 25px 50px rgba(0,0,0,0.7), 0 0 30px rgba(214, 0, 74, 0.2);\n    }\n\n    .dmpl-glass-card:hover::before { transform: scaleX(1); }\n\n    .dmpl-icon-box {\n      width: 65px; height: 65px;\n      background: rgba(255, 77, 133, 0.1);\n      border: 1px solid rgba(255, 77, 133, 0.4);\n      border-radius: 16px;\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 25px;\n      color: var(--dmpl-peel-light);\n      transition: all 0.3s ease;\n    }\n\n    .dmpl-glass-card:hover .dmpl-icon-box {\n      background: var(--dmpl-peel-red);\n      color: #fff;\n      transform: scale(1.1) rotate(5deg);\n      border-color: transparent;\n      box-shadow: 0 0 20px rgba(214, 0, 74, 0.5);\n    }\n\n    .dmpl-check-list { list-style: none; padding: 0; margin: 20px 0; }\n    .dmpl-check-list li {\n      position: relative;\n      padding-left: 40px;\n      margin-bottom: 15px;\n      color: var(--dmpl-text-body);\n      font-size: 18px;\n      font-weight: 500;\n    }\n    .dmpl-check-list li::before {\n      content: '';\n      position: absolute;\n      right: 0; top: 6px;\n      width: 24px; height: 24px;\n      background: url('data:image\/svg+xml;utf8,\u003csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23d4af37\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e') center\/contain no-repeat;\n    }\n\n    .dmpl-warning-block {\n      background: linear-gradient(135deg, rgba(214, 0, 74, 0.15) 0%, rgba(23, 7, 31, 0.9) 100%);\n      border: 1px solid var(--dmpl-peel-red);\n      border-right: 5px solid var(--dmpl-peel-light);\n      border-radius: 16px;\n      padding: 40px;\n      margin: 40px 0;\n      position: relative;\n      box-shadow: 0 10px 40px rgba(214, 0, 74, 0.1);\n    }\n\n    .dmpl-step-list { display: flex; flex-direction: column; gap: 20px; }\n    .dmpl-step-item {\n      display: flex; align-items: flex-start; gap: 25px;\n      background: rgba(255,255,255,0.03);\n      padding: 30px;\n      border-radius: 16px;\n      border: 1px solid rgba(255,255,255,0.1);\n      transition: all 0.3s;\n    }\n    .dmpl-step-item:hover { \n      border-color: var(--dmpl-gold); \n      background: rgba(212, 175, 55, 0.08); \n      transform: translateX(-10px);\n    }\n    .dmpl-step-num {\n      width: 55px; height: 55px; min-width: 55px;\n      background: linear-gradient(135deg, var(--dmpl-peel-light), #9e0037);\n      color: #fff;\n      border-radius: 14px;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 24px; font-weight: 900;\n      box-shadow: 0 5px 20px rgba(255, 77, 133, 0.4);\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    \/* Animations *\/\n    .dmpl-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    .dmpl-reveal.dmpl-active { opacity: 1; transform: translateY(0); }\n    .dmpl-delay-1 { transition-delay: 0.1s; }\n    .dmpl-delay-2 { transition-delay: 0.2s; }\n\n    @media (max-width: 768px) {\n      .dmpl-section { padding: 50px 0; }\n      .dmpl-step-item { flex-direction: column; text-align: center; align-items: center; }\n      .dmpl-warning-block { padding: 30px 20px; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"dmpl-ambient-bg\"\u003e\n\u003cdiv class=\"dmpl-orb dmpl-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dmpl-orb dmpl-orb-2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dmpl-orb dmpl-orb-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"dmpl-section\" style=\"padding-top: 60px;\"\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\"\u003e\n\u003cdiv class=\"dmpl-badge\"\u003e\n\u003cdiv class=\"dmpl-badge-dot\"\u003e\u003c\/div\u003e\n            AHA + BHA • Peeling profesional • 10 minutos\n          \u003c\/div\u003e\n\u003ch1 class=\"dmpl-title-main\"\u003e\n            Rejuvenecimiento radical en 10 minutos: \u003cbr\/\u003e\n\u003cspan style=\"background: linear-gradient(90deg, var(--dmpl-peel-light), var(--dmpl-gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\"\u003e\n              El secreto de la piel perfecta como el vidrio\n            \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"dmpl-paragraph\"\u003e\n            La textura de tu piel no debería permanecer áspera. solución \u003cstrong\u003eDermacy Peeling Solution\u003c\/strong\u003e Combina el poder de los Ácidos Glicólico y Láctico (AHA) con el Ácido Salicílico (BHA) en una gota concentrada. Diseñado para una rutina semanal que proporciona una textura sedosa y un tono uniforme en pocos minutos.\n          \u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px;\"\u003e\n\u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); font-size: 15px; color: #fff; font-weight: bold;\"\u003eEnjuagar con agua\u003c\/span\u003e\n\u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); font-size: 15px; color: #fff; font-weight: bold;\"\u003eDos veces a la semana\u003c\/span\u003e\n\u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(214,0,74,0.15); border: 1px solid var(--dmpl-peel-light); font-size: 15px; color: #fff; font-weight: bold; box-shadow: 0 0 15px rgba(214,0,74,0.3);\"\u003eNo apto para piel sensible\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-reveal dmpl-delay-1\" style=\"position: relative;\"\u003e\n\u003cimg alt=\"Dermacy Peeling Solution\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/90e25191-836a-439f-bc06-ad747a9982ef.jpg\" style=\"border: 2px solid var(--dmpl-peel-light); position: relative; z-index: 2; box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px rgba(255, 77, 133, 0.3);\"\/\u003e\n\u003cdiv style=\"position: absolute; top: -30px; right: -30px; width: 150px; height: 150px; background: var(--dmpl-peel-red); filter: blur(50px); z-index: 1; opacity: 0.5;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"order: 2;\"\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eLas raíces del problema\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\"\u003eBarrera de células muertas: \u003cbr\/\u003e\u003cspan class=\"dmpl-hl-peel\"\u003eEl enemigo oculto del esplendor de tu piel\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\"\u003e\n            La piel se renueva constantemente, pero las células muertas no siempre se desprenden fácilmente. Con el tiempo, estas células se acumulan en la superficie y forman una barrera, haciendo que la piel parezca opaca \u003cstrong style=\"color: #fff;\"\u003eÁspera, opaca y sin vida\u003c\/strong\u003ePreviene la absorción efectiva de los sérums hidratantes.\n          \u003c\/p\u003e\n\u003cp class=\"dmpl-paragraph\"\u003e\n            Al mismo tiempo, la mezcla de aceites naturales con estas células muertas lleva a poros obstruidos desde el interior, y se vuelven visibles \u003cstrong style=\"color: #fff;\"\u003ePoros dilatados, puntos negros y tono de piel irregular\u003c\/strong\u003e.\n          \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255, 77, 133, 0.1); border-right: 4px solid var(--dmpl-peel-light); padding: 20px 25px; border-radius: 12px; box-shadow: 0 5px 20px rgba(214, 0, 74, 0.15);\"\u003e\n\u003cp style=\"margin: 0; color: #ffffff; font-size: 18px; font-weight: bold; line-height: 1.6;\"\u003eAquí entra en juego el peeling químico profesional: un paso semanal para disolver este pegamento celular y rejuvenecer la superficie, pero debe realizarse con extrema precisión.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-reveal dmpl-delay-1\" style=\"order: 1;\"\u003e\n\u003cimg alt=\"Smooth Skin Result\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/b58ce137-57e8-4f5a-9b5a-24f755f8678c.jpg\" style=\"border: 1px solid rgba(255,255,255,0.2);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Technology \/ Mechanism --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"text-align: center; margin-bottom: 50px;\"\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eTecnología de la fórmula\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\" style=\"justify-content: center;\"\u003eDoble poder exfoliante, \u003cspan class=\"dmpl-hl-peel\" style=\"margin: 0 8px;\"\u003eEn una gota\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"max-width: 800px; margin-left: auto; margin-left: auto;\"\u003e¿Por qué combinar AHA con BHA se considera un avance en el cuidado semanal de la piel?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-grid-3\"\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal\"\u003e\n\u003cdiv class=\"dmpl-icon-box\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003cpath d=\"M12 2L2 7l10 5 10-5-10-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003esuperficie de vidrio (AHA)\u003c\/h3\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eEn , Sobre .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal dmpl-delay-1\"\u003e\n\u003cdiv class=\"dmpl-icon-box\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003eafinamiento de los poros (BHA)\u003c\/h3\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eEl ácido salicílico se disuelve en las grasas, permitiendo penetrar profundamente en las paredes de los poros para disolver el sebo acumulado y los puntos negros, y reducir la apariencia de los poros dilatados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal dmpl-delay-2\"\u003e\n\u003cdiv class=\"dmpl-icon-box\"\u003e\n\u003csvg fill=\"none\" height=\"32\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"32\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline x1=\"16\" x2=\"2\" y1=\"8\" y2=\"22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003eColor más uniforme\u003c\/h3\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eCon continuidad y respeto de la rutina y de la protección solar, esta poderosa combinación ayuda a reducir la pigmentación superficial y las marcas de los granos, dando a la piel un aspecto uniforme y muy saludable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Ingredients Focus --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\"\u003e\n\u003cimg alt=\"AHA and BHA Acids\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/6115c6bb-238b-4e36-a0c6-af2c03b516d7.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-reveal dmpl-delay-1\"\u003e\n\u003ch2 class=\"dmpl-title-section\"\u003eComponentes que funcionan eficazmente, \u003cspan class=\"dmpl-hl-gold\" style=\"margin: 0 8px;\"\u003eFórmula avanzada Dermasi\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\"\u003eCada ingrediente en este gotero ha sido seleccionado para desempeñar un papel preciso y meditado en tu protocolo de exfoliación:\u003c\/p\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; gap: 20px;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n\u003cspan style=\"color: var(--dmpl-peel-light); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eAHA Complex\u003c\/span\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eÁcido glicólico y láctico\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eEl ácido exfoliante superficial más popular y potente, disuelve el pegamento celular para mejorar la textura casi instantáneamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n\u003cspan style=\"color: var(--dmpl-peel-light); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eBHA Deep Clean\u003c\/span\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eÁcido salicílico\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eEl salvador para poros grandes y grasos, se disuelve en las grasas para limpiar profundamente y disolver los puntos negros con alta eficacia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n\u003cspan style=\"color: var(--dmpl-gold); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eBotanical Extract\u003c\/span\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eExtracto de hibisco\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eUna adición botánica natural mejora la composición única de la solución y le da un atractivo color profundo de bayas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Compatibility \/ Flow --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-glass-card dmpl-reveal\" style=\"border-color: var(--dmpl-gold); border-width: 2px;\"\u003e\n\u003cdiv class=\"dmpl-grid-2\" style=\"align-items: center;\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eAnálisis de compatibilidad\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\" style=\"font-size: 32px;\"\u003e¿Esta solución es adecuada para tu piel?\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\"\u003eAsegúrate de que tu rutina sea coherente siguiendo estos cinco puntos importantes:\u003c\/p\u003e\n\u003cul class=\"dmpl-check-list\"\u003e\n\u003cli\u003e¿Tu piel parece áspera o apagada y deseas desesperadamente restaurar esa textura sedosa?\u003c\/li\u003e\n\u003cli\u003e¿Notas poros visibles, puntos negros o color desigual?\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light);\"\u003eTu piel no es sensible\u003c\/strong\u003e Resiste a peelings ácidos fuertes.\u003c\/li\u003e\n\u003cli\u003eDos veces .\u003c\/li\u003e\n\u003cli\u003eEl sol .\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"Relaxing Spa Routine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/00f22c2d-0eac-475a-8933-219faf1ac5dd.jpg\" style=\"border-radius: 20px; width: 100%; border: 2px solid rgba(255,255,255,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Protocol --\u003e\n\u003cdiv class=\"dmpl-section\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"text-align: center; margin-bottom: 50px;\"\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eProtocolo de uso\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-section\" style=\"justify-content: center;\"\u003eRutina de exfoliación profesional: \u003cspan class=\"dmpl-hl-peel\" style=\"margin: 0 8px;\"\u003e4 pasos precisos\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-grid-2\"\u003e\n\u003cdiv class=\"dmpl-reveal\"\u003e\n\u003cimg alt=\"Dropper Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/170e4c15-e4a7-43fa-9ef5-a1a400295ac6.jpg\" style=\"border-radius: 20px;\"\/\u003e\n\u003cp style=\"text-align: center; color: var(--dmpl-gold); font-size: 16px; font-weight: bold; margin-top: 20px;\"\u003eGel ligero que se aplica muy fácilmente usando el gotero incorporado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-list dmpl-reveal dmpl-delay-1\"\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eRostro completamente limpio y seco\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eAgradable Chi .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eAplicar una capa fina y uniforme\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eDistribuye unas gotas en la cara y el cuello, evitando por completo la delicada zona de los ojos y los labios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--dmpl-peel-light); font-size: 22px; font-weight: 900; margin-bottom: 8px; text-shadow: 0 0 10px rgba(255, 77, 133, 0.5);\"\u003e10 \u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eNunca excedas este período de tiempo, aunque no sientas un fuerte cosquilleo. Respetar el tiempo es el secreto de la seguridad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dmpl-step-item\"\u003e\n\u003cdiv class=\"dmpl-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eBuen enjuague e hidratación profunda\u003c\/h4\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eEnjuagar bien el rostro con agua tibia para eliminar completamente la solución, luego aplicar inmediatamente una crema hidratante para calmar la barrera hidro-lipídica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Strict Safety Warning --\u003e\n\u003cdiv class=\"dmpl-section\" style=\"padding-top: 0;\"\u003e\n\u003cdiv class=\"dmpl-warning-block dmpl-reveal\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 30px;\"\u003e\n\u003csvg fill=\"none\" height=\"40\" stroke=\"var(--dmpl-peel-light)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"filter: drop-shadow(0 0 10px rgba(255, 77, 133, 0.6));\" viewbox=\"0 0 24 24\" width=\"40\"\u003e\u003cpath d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" x2=\"12\" y1=\"9\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" x2=\"12.01\" y1=\"17\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n\u003ch3 style=\"color: #ffffff; font-size: 28px; font-weight: 900; margin: 0; text-shadow: 0 0 15px rgba(255, 77, 133, 0.4);\"\u003e \u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px;\"\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eNo apto para piel sensible:\u003c\/strong\u003e Según la marca del fabricante. Si tu piel se irrita o se daña fácilmente, evita completamente su uso.\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eLa prueba alérgica es necesaria:\u003c\/strong\u003e Sobre Pequeño Primero Sobre Rostro.\n          \u003c\/p\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eUso máximo:\u003c\/strong\u003e Dos veces por semana durante solo 10 minutos. El uso excesivo provoca quemaduras e irritaciones y no mejora los resultados.\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eReacciones graves:\u003c\/strong\u003e Si sientes una sensación de ardor intensa, insoportable o enrojecimiento persistente, enjuaga inmediatamente el rostro con agua fría y suspende su uso.\n          \u003c\/p\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eConflictos por producto activo:\u003c\/strong\u003e En Today Con Exfoliantes y Scrubs Faciales Retinol.\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eEmbarazo y lactancia:\u003c\/strong\u003e Consultar primero al médico especialista. No aplicar nunca sobre piel rota, inflamada o quemada.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"dmpl-section\" style=\"text-align: center; padding-top: 20px;\"\u003e\n\u003cdiv class=\"dmpl-reveal\" style=\"background: linear-gradient(180deg, rgba(214, 0, 74, 0.15) 0%, rgba(23, 7, 31, 0.8) 100%); border: 1px solid rgba(255, 77, 133, 0.3); border-radius: 30px; padding: 60px 5%; box-shadow: 0 20px 50px rgba(0,0,0,0.5);\"\u003e\n\u003cimg alt=\"Dermacy 30ml Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4cd77d20-850b-44fc-8431-5823d6ffe9b2.jpg\" style=\"max-width: 320px; margin: 0 auto 40px; border-radius: 20px; border: 2px solid var(--dmpl-gold);\"\/\u003e\n\u003ch4 style=\"color: var(--dmpl-gold); font-size: 20px; margin-bottom: 15px; font-weight: 900; letter-spacing: 1px;\"\u003eTu paso hacia la renovación\u003c\/h4\u003e\n\u003ch2 class=\"dmpl-title-main\" style=\"font-size: clamp(28px, 4vw, 42px); margin-bottom: 25px;\"\u003e\n          Solo dos veces a la semana.. \u003cspan class=\"dmpl-hl-peel\"\u003eDeja los días restantes a tu piel para brillar con los resultados\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"dmpl-paragraph\" style=\"max-width: 700px; margin: 0 auto 40px; font-size: 20px;\"\u003e\n          Dermacy Solución Peeling AHA + BHA | 30 ml. \u003cbr\/\u003e\n          Una fórmula profesional concentrada para una rutina de exfoliación semanal revolucionaria que restaura la luminosidad oculta.\n        \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(0,0,0,0.8); border: 1px dashed rgba(255,255,255,0.2); border-radius: 16px; padding: 25px; font-size: 14px; color: #aaaaaa; direction: ltr; text-align: left; max-width: 800px; margin: 40px auto 0;\"\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eINCI (as listed by a third-party database, concentrations not disclosed):\u003c\/strong\u003e\u003cbr\/\u003e\n          Water, Propylene Glycol, Glycolic Acid, Lactic Acid, Salicylic Acid, Hibiscus Sabdariffa Flower Extract, Hydroxyethylcellulose, DMDM Hydantoin, Citric Acid, CI 14720. \u003cem\u003ePlease check the ingredient list printed on the physical pack before use to ensure safety.\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      \/\/ High-performance Intersection Observer for smooth reveal animations\n      const reveals = document.querySelectorAll('.dmpl-reveal');\n      const observerOptions = {\n        root: null,\n        threshold: 0.12,\n        rootMargin: \"0px 0px -40px 0px\"\n      };\n\n      const revealObserver = new IntersectionObserver((entries, observer) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('dmpl-active');\n            observer.unobserve(entry.target); \n          }\n        });\n      }, observerOptions);\n\n      reveals.forEach(reveal =\u003e {\n        revealObserver.observe(reveal);\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Dermacy","offers":[{"title":"Default Title","offer_id":67699792773294,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/90e25191-836a-439f-bc06-ad747a9982ef.jpg?v=1792063132"}],"url":"https:\/\/skingeer.com\/es\/collections\/skin-exfoliators-peels.oembed","provider":"SkinGeer","version":"1.0","type":"link"}