{"product_id":"capixy-hair-smoothing-and-split-ends-treatment-serum-سيروم-تنعيم-و-علاج-التقصف-من-كابكسي","title":"Sérum Capixy para alisar el cabello y tratar las puntas abiertas Sérum Capixy para alisar el cabello y tratar las puntas abiertas","description":"\u003cstyle\u003e\n  .capixy-hair-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\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  .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    font-style: italic;\n  }\n\n  .hero-text {\n    font-size: 1.1em;\n    color: #666;\n    margin-bottom: 40px;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .product-image {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    margin: 30px auto;\n    display: block;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 0.8s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .benefits-highlight {\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  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .benefit-item {\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  .benefit-item:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .technology-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .tech-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .tech-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: translateX(-50px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tech-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  .tech-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #9C8102;\n  }\n\n  .ingredients-section {\n    padding: 60px 30px;\n    background: #f8f9fa;\n  }\n\n  .ingredients-categories {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .ingredient-category {\n    background: white;\n    padding: 30px;\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  .ingredient-category::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-category:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .category-title {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: 700;\n    margin-bottom: 20px;\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n  }\n\n  .ingredient-list li {\n    padding: 12px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 20px;\n  }\n\n  .ingredient-list li::before {\n    content: '▸';\n    color: #9C8102;\n    font-weight: bold;\n    position: absolute;\n    right: 0;\n  }\n\n  .protection-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .protection-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .protection-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\n    text-align: center;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .protection-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .temp-display {\n    font-size: 3em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .value-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 60px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 15px;\n  }\n\n  .value-comparison {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .comparison-card {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n  }\n\n  .comparison-card.highlight {\n    border: 3px solid #9C8102;\n    position: relative;\n  }\n\n  .comparison-card.highlight::before {\n    content: 'Mejor Valor';\n    position: absolute;\n    top: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #9C8102;\n    color: white;\n    padding: 5px 20px;\n    border-radius: 20px;\n    font-size: 0.9em;\n    font-weight: 600;\n  }\n\n  .results-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .results-timeline {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .timeline-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    position: relative;\n  }\n\n  .timeline-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .timeline-period {\n    background: #9C8102;\n    color: white;\n    padding: 10px 20px;\n    border-radius: 25px;\n    font-weight: 700;\n    display: inline-block;\n    margin-bottom: 20px;\n  }\n\n  .results-list {\n    list-style: none;\n    padding: 0;\n    text-align: left;\n  }\n\n  .results-list li {\n    padding: 8px 0;\n    border-bottom: 1px solid #e0e0e0;\n    position: relative;\n    padding-right: 20px;\n  }\n\n  .results-list li::before {\n    content: '✓';\n    color: #9C8102;\n    font-weight: bold;\n    position: absolute;\n    right: 0;\n  }\n\n  .hair-types-section {\n    padding: 60px 30px;\n    background: #f8f9fa;\n  }\n\n  .hair-types-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .hair-type-card {\n    background: white;\n    padding: 30px;\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    text-align: center;\n    border: 2px solid transparent;\n  }\n\n  .hair-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  .hair-type-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\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  .price-highlight {\n    font-size: 1.5em;\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .small-text {\n    font-size: 0.9em;\n    color: #666;\n    margin-top: 10px;\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .ingredients-categories, .tech-cards, .protection-grid, .value-comparison, .results-timeline, .hair-types-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"capixy-hair-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"main-title\"\u003esuero nutritivo para el cabello Capexi\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eLa revolucionaria solución 2 en 1 para transformar completamente tu cabello\u003c\/h2\u003e\n\u003cimg alt=\"Capixy Hair Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_2.jpg?v=1748442394\"\/\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eTransforma tu cabello dañado y que se cae en suave, fuerte y saludable con solo unos pocos puntos de pura ciencia capilar.\u003c\/strong\u003e Esta fórmula avanzada de doble acción repara las puntas abiertas, hidrata el cabello seco y dañado, y nutre todo tipo de cabello mientras trata simultáneamente la caída del cabello y ofrece una protección contra el calor sin igual para una suavidad sin encrespamiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-highlight\"\u003e\n\u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eTres beneficios en un solo producto\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eTratamiento para la pérdida de cabello\u003c\/h3\u003e\n\u003cp\u003eLa avanzada tecnología CAPIXYL™ reduce la caída en un 46% y aumenta el volumen en un 13%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eReparación de las extremidades\u003c\/h3\u003e\n\u003cp\u003eQueratina hidrolizada y seda reparan las puntas abiertas y reconstruyen el cabello dañado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección contra el calor\u003c\/h3\u003e\n\u003cp\u003eProtección absoluta hasta 230°C de todas las herramientas de peinado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eAlimentado por la tecnología CAPIXYL™\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eInnovación científica para tratar la caída del cabello\u003c\/h3\u003e\n\u003cimg alt=\"Capixy Hair Serum Technology\" class=\"product-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_3.jpg?v=1748442546\"\/\u003e\n\u003cdiv class=\"tech-cards\"\u003e\n\u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; font-weight: 700; margin-bottom: 20px;\"\u003eAcetyl Tetrapeptide-3\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: left;\"\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eDespierta los folículos pilosos dormidos\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eEstimula el crecimiento de nuevo cabello desde las raíces\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eFortalece el cabello existente y previene la pérdida de cabello\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; font-weight: 700; margin-bottom: 20px;\"\u003eExtracto de trébol rojo\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: left;\"\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eCombate la hormona DHT responsable de la calvicie\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eProtege los folículos de los daños\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eRestaura la densidad natural del cabello\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; background: #f8f9fa; padding: 30px; border-radius: 15px;\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eResultado científicamente probado\u003c\/h3\u003e\n\u003cdiv style=\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\"\u003e\n\u003cdiv\u003e\n\u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e46%\u003c\/span\u003e\n\u003cspan\u003eReducción de la caída\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e13%\u003c\/span\u003e\n\u003cspan\u003eAumento de la densidad\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e4\u003c\/span\u003e\n\u003cspan\u003eMeses para resultados completos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eEl poder de los ingredientes premium\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-categories\"\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003ePara el crecimiento del cabello y la salud del cuero cabelludo\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiaminopyrimidine Oxide:\u003c\/strong\u003e Un compuesto similar al Minoxidil mejora la circulación sanguínea a los folículos pilosos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de palma de aserrar:\u003c\/strong\u003e Previene la producción natural de la hormona DHT\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de Ginkgo Biloba:\u003c\/strong\u003e Mejora la circulación sanguínea del cuero cabelludo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003ePara reparación y fortalecimiento\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eQueratina hidrolizada:\u003c\/strong\u003e Reconstruye la estructura del cabello dañado desde el interior\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotina y pantenol:\u003c\/strong\u003e Vitaminas esenciales para la fuerza y el grosor del cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeda hidrolizada:\u003c\/strong\u003e Crea una capa protectora para suavidad y luminosidad instantáneas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003ePara nutrición profunda\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAceite de almendras dulces:\u003c\/strong\u003e Enriquecido con Vitamina E y ácidos grasos para una hidratación profunda\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAceite de jojoba:\u003c\/strong\u003e Hidratación ligera que no apelmaza el cabello\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de germen de trigo:\u003c\/strong\u003e Rico en proteínas y vitaminas para la vitalidad del cabello\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003ePara el cuidado del cuero cabelludo\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAceite de árbol de té:\u003c\/strong\u003e Propiedades antimicrobianas para un ambiente saludable\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe vera:\u003c\/strong\u003e Alivia la irritación y equilibra la humedad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de té verde:\u003c\/strong\u003e Protección antioxidante contra los daños ambientales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Protection Section --\u003e\n\u003cdiv class=\"protection-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eProtección absoluta contra el calor\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 40px;\"\u003eLa matriz avanzada de silicona crea un escudo invisible que protege tu cabello de todas las herramientas de peinado\u003c\/p\u003e\n\u003cdiv class=\"protection-grid\"\u003e\n\u003cdiv class=\"protection-card animate-on-scroll\"\u003e\n\u003cspan class=\"temp-display\"\u003e230°\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eMáximo grado de protección\u003c\/h3\u003e\n\u003cp\u003eProtección absoluta contra las temperaturas más altas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 15px;\"\u003eAdecuado para todas las herramientas\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eSecado diario del cabello\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eHierro semanal\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eBaby no es para ocasiones especiales\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eVarios dispositivos para el peinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eValor excepcional por el dinero\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 30px;\"\u003eEn lugar de comprar 3 productos separados, obtienes todo en un solo paquete\u003c\/p\u003e\n\u003cdiv class=\"value-comparison\"\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; margin-bottom: 20px;\"\u003eLa manera tradicional\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eSuero para el tratamiento de la pérdida de cabello = 600 libras\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eSérum de suavidad = 500 libras\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eCrema protectora contra el calor = 300 libras\u003c\/li\u003e\n\u003cli style=\"padding: 15px 0; font-weight: 700; color: #d9534f;\"\u003eTotal = 1400 libras\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card highlight animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eCon el suero Capexy\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cspan class=\"price-highlight\"\u003eSolo 475 libras!\u003c\/span\u003e\n\u003cp class=\"small-text\"\u003eTamaño grande 120 ml\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003e4-6 meses de uso diario\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003ePocas gotas son suficientes para todo el cabello\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eComparación con los salones\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eUna sesión de alisado en el salón = 300-500 libras\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-weight: 700; color: #5cb85c; margin-top: 15px;\"\u003e¡Con el suero obtienes una suavidad permanente!\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\"\u003eResultados comprobados\u003c\/h2\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003eResultados inmediatos\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eControl inmediato del frizz y suavidad\u003c\/li\u003e\n\u003cli\u003eMejorado el brillo y la manejabilidad\u003c\/li\u003e\n\u003cli\u003eProtección contra el calor para el peinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003e2-4 semanas\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eReparación visible de las puntas abiertas\u003c\/li\u003e\n\u003cli\u003eReducir la rotura del cabello\u003c\/li\u003e\n\u003cli\u003eMejora la textura y la suavidad del cabello\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003e2-3 meses\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eReducción evidente de la caída del cabello\u003c\/li\u003e\n\u003cli\u003eCabello más fuerte y más grueso\u003c\/li\u003e\n\u003cli\u003eUna transformación completa en la salud del cabello\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003e4+ meses\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eMejora significativa en la densidad del cabello\u003c\/li\u003e\n\u003cli\u003eNuevas cerdas alrededor de la línea del cabello\u003c\/li\u003e\n\u003cli\u003eTransformación completa del cabello\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hair Types Section --\u003e\n\u003cdiv class=\"hair-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eAdecuado para todo tipo de cabello\u003c\/h2\u003e\n\u003cdiv class=\"hair-types-grid\"\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e💫\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eCabello áspero\u003c\/h3\u003e\n\u003cp\u003eSuavidad sedosa e hidratación profunda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eCabello fino\u003c\/h3\u003e\n\u003cp\u003eFuerza y densidad sin apelmazar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e🎨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eProtección Cabello Teñido\u003c\/h3\u003e\n\u003cp\u003eProtección y reparación especializadas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e🌀\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eCuidado y Definición de Rizos\u003c\/h3\u003e\n\u003cp\u003eDefinición e hidratación perfectas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e🔧\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eCabello dañado\u003c\/h3\u003e\n\u003cp\u003eTratamiento completo e integrado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e⏰\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eUso\u003c\/h3\u003e\n\u003cp\u003eDiario, semanal, o cuando sea necesario\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\"\u003esuero nutritivo para el cabello Capexi: La solución todo en uno para transformar completamente tu cabello\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003e\u003cstrong\u003eObtén 3 productos en uno: tratamiento para la caída del cabello + reparación de puntas abiertas + protección contra el calor. Resultados de salón a precios domésticos con garantía de calidad internacional.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eObtén el cabello de tus sueños 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 benefit items\n  const benefitObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const items = entry.target.querySelectorAll('.benefit-item');\n        items.forEach((item, index) =\u003e {\n          setTimeout(() =\u003e {\n            item.style.opacity = '1';\n            item.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.benefits-highlight').forEach(section =\u003e {\n    benefitObserver.observe(section);\n  });\n\n  \/\/ Animate tech cards\n  const techObserver = 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('.tech-card').forEach(card =\u003e {\n    techObserver.observe(card);\n  });\n\n  \/\/ Animate ingredient categories\n  const ingredientObserver = 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('.ingredient-category').forEach(category =\u003e {\n    ingredientObserver.observe(category);\n  });\n\n  \/\/ Animate protection cards\n  const protectionObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.protection-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('.protection-section').forEach(section =\u003e {\n    protectionObserver.observe(section);\n  });\n\n  \/\/ Animate value comparison cards\n  const valueObserver = 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 * 300);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.value-section').forEach(section =\u003e {\n    valueObserver.observe(section);\n  });\n\n  \/\/ Animate timeline cards\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.timeline-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    timelineObserver.observe(section);\n  });\n\n  \/\/ Animate hair type cards\n  const hairTypeObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.hair-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('.hair-types-section').forEach(section =\u003e {\n    hairTypeObserver.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":"Capixy","offers":[{"title":"Default Title","offer_id":44757885026501,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection.jpg?v=1748441421","url":"https:\/\/sa.instachiq.com\/es\/products\/capixy-hair-smoothing-and-split-ends-treatment-serum-2","provider":"Instachiq","version":"1.0","type":"link"}