{"product_id":"spectral-men","title":"Spectral men","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSpectral Men's (DNC-N) | Sérum de densidad capilar - DS Laboratories\u003c\/title\u003e\n    \u003c!-- Tailwind CSS for styling --\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n    \u003c!-- FontAwesome for icons --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n    \u003c!-- Google Fonts --\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cscript\u003e\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        primary: '#1a1a1a',\n                        secondary: '#4a4a4a',\n                        accent: '#a58a6f', \/\/ Matching the product's accent color\n                        light: '#f5f5f5',\n                        border: '#e5e5e5',\n                    }\n                }\n            }\n        }\n    \u003c\/script\u003e\n    \u003cstyle\u003e\n        \/* Custom styles for things Tailwind is too verbose for *\/\n        body {\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            color: #1a1a1a;\n        }\n        \n        .carousel-container {\n            position: relative;\n            overflow: hidden;\n            border-radius: 8px;\n        }\n        \n        .carousel-track {\n            display: flex;\n            transition: transform 0.3s ease-in-out;\n        }\n        \n        .carousel-slide {\n            min-width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            background-color: #f8f9fa; \/* Light grey background for product shots *\/\n        }\n        \n        .carousel-slide img {\n            max-width: 100%;\n            height: auto;\n            object-fit: cover;\n        }\n\n        .thumbnail-container {\n            display: flex;\n            gap: 10px;\n            margin-top: 10px;\n            overflow-x: auto;\n            padding-bottom: 5px;\n        }\n        \n        .thumbnail {\n            width: 70px;\n            height: 70px;\n            border: 2px solid transparent;\n            border-radius: 4px;\n            cursor: pointer;\n            opacity: 0.6;\n            transition: all 0.2s;\n            flex-shrink: 0;\n            background-color: #f8f9fa;\n        }\n        \n        .thumbnail:hover {\n            opacity: 0.8;\n        }\n        \n        .thumbnail.active {\n            border-color: #1a1a1a;\n            opacity: 1;\n        }\n\n        \/* Releasit specific styles to ensure they look native if the app takes time to load *\/\n        .releasit-widget-container {\n            margin-top: 1.5rem;\n            width: 100%;\n        }\n\n        \/* Accordion styling *\/\n        .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n        }\n        .accordion-btn.active .icon-plus { display: none; }\n        .accordion-btn:not(.active) .icon-minus { display: none; }\n        \n        \/* Star rating *\/\n        .stars { color: #facc15; }\n\n        \/* Trust badges *\/\n        .trust-badge-icon {\n            width: 24px;\n            height: 24px;\n            margin-bottom: 8px;\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003c!-- Announcement Bar --\u003e\n    \u003cdiv class=\"bg-primary text-white text-center py-2 text-sm font-medium tracking-wide\"\u003e\n        ENVÍO GRATIS EN PEDIDOS SUPERIORES A $50.000\n    \u003c\/div\u003e\n\n    \u003c!-- Main Product Section --\u003e\n    \u003cmain class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12\"\u003e\n        \u003cdiv class=\"flex flex-col lg:flex-row gap-12\"\u003e\n            \n            \u003c!-- Left Column: Image Gallery --\u003e\n            \u003cdiv class=\"w-full lg:w-1\/2\"\u003e\n                \u003c!-- Main Carousel --\u003e\n                \u003cdiv class=\"carousel-container aspect-square md:aspect-[4\/5] lg:aspect-square bg-gray-50 border border-gray-100 rounded-lg\"\u003e\n                    \u003cdiv class=\"carousel-track\" id=\"mainCarousel\"\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/mainproductimage_e0d1365e-629a-4952-aabb-0aa7c50928db.webp?v=1782335764\" alt=\"Spectral.DNC-N Sérum Capilar\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/SPECMEN1_d1fa1474-19af-4984-a4bb-e5f8fce41b86.webp?v=1782335764\" alt=\"Spectral.DNC-N Envase\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_imewguimewguimew.png?v=1782335767\" alt=\"Clínicamente Probado\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_9qtjhz9qtjhz9qtj.png?v=1782335766\" alt=\"Sérum sin enjuague para hombres\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_7jqar97jqar97jqa.png?v=1782335766\" alt=\"La constancia es clave\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Frame11481_b7a5bcf1-5c71-427e-a72b-7b47948bf2d9.webp?v=1782335764\" alt=\"Resultados Clínicos\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_h2zcmrh2zcmrh2zc.png?v=1782335766\" alt=\"Felicidad Garantizada\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_or5iijor5iijor5i.png?v=1782335767\" alt=\"Por qué suscribirse\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_t3znxqt3znxqt3zn.png?v=1782335767\" alt=\"Dermatológicamente Formulado\"\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003c!-- Carousel Controls --\u003e\n                    \u003cbutton id=\"prevBtn\" class=\"absolute left-4 top-1\/2 -translate-y-1\/2 w-10 h-10 bg-white\/80 rounded-full flex items-center justify-center shadow-md hover:bg-white transition-colors z-10\"\u003e\n                        \u003ci class=\"fas fa-chevron-left text-gray-800\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n                    \u003cbutton id=\"nextBtn\" class=\"absolute right-4 top-1\/2 -translate-y-1\/2 w-10 h-10 bg-white\/80 rounded-full flex items-center justify-center shadow-md hover:bg-white transition-colors z-10\"\u003e\n                        \u003ci class=\"fas fa-chevron-right text-gray-800\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Thumbnails --\u003e\n                \u003cdiv class=\"thumbnail-container scrollbar-hide\" id=\"thumbnailContainer\"\u003e\n                    \u003cimg class=\"thumbnail active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/mainproductimage_e0d1365e-629a-4952-aabb-0aa7c50928db.webp?v=1782335764\" alt=\"Thumb 1\" data-index=\"0\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/SPECMEN1_d1fa1474-19af-4984-a4bb-e5f8fce41b86.webp?v=1782335764\" alt=\"Thumb 2\" data-index=\"1\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_imewguimewguimew.png?v=1782335767\" alt=\"Thumb 3\" data-index=\"2\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_9qtjhz9qtjhz9qtj.png?v=1782335766\" alt=\"Thumb 4\" data-index=\"3\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_7jqar97jqar97jqa.png?v=1782335766\" alt=\"Thumb 5\" data-index=\"4\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Frame11481_b7a5bcf1-5c71-427e-a72b-7b47948bf2d9.webp?v=1782335764\" alt=\"Thumb 6\" data-index=\"5\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_h2zcmrh2zcmrh2zc.png?v=1782335766\" alt=\"Thumb 7\" data-index=\"6\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_or5iijor5iijor5i.png?v=1782335767\" alt=\"Thumb 8\" data-index=\"7\"\u003e\n                    \u003cimg class=\"thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_t3znxqt3znxqt3zn.png?v=1782335767\" alt=\"Thumb 9\" data-index=\"8\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Right Column: Product Details --\u003e\n            \u003cdiv class=\"w-full lg:w-1\/2 flex flex-col\"\u003e\n                \n                \u003c!-- Breadcrumbs --\u003e\n                \u003cnav class=\"text-sm text-gray-500 mb-4\" aria-label=\"Breadcrumb\"\u003e\n                    \u003col class=\"list-none p-0 inline-flex\"\u003e\n                        \u003cli class=\"flex items-center\"\u003e\n                            \u003ca href=\"#\" class=\"hover:text-primary transition-colors\"\u003eInicio\u003c\/a\u003e\n                            \u003ci class=\"fas fa-chevron-right text-xs mx-2\"\u003e\u003c\/i\u003e\n                        \u003c\/li\u003e\n                        \u003cli class=\"flex items-center\"\u003e\n                            \u003ca href=\"#\" class=\"hover:text-primary transition-colors\"\u003eCuidado Capilar\u003c\/a\u003e\n                            \u003ci class=\"fas fa-chevron-right text-xs mx-2\"\u003e\u003c\/i\u003e\n                        \u003c\/li\u003e\n                        \u003cli class=\"flex items-center\"\u003e\n                            \u003cspan class=\"text-primary font-medium\"\u003eSpectral Men's (DNC-N)\u003c\/span\u003e\n                        \u003c\/li\u003e\n                    \u003c\/ol\u003e\n                \u003c\/nav\u003e\n\n                \u003c!-- Badges --\u003e\n                \u003cdiv class=\"flex flex-wrap gap-2 mb-3\"\u003e\n                    \u003cspan class=\"bg-gray-100 text-gray-800 text-xs font-semibold px-2.5 py-1 rounded uppercase tracking-wider\"\u003eMás Vendido\u003c\/span\u003e\n                    \u003cspan class=\"bg-accent\/10 text-accent text-xs font-bold px-2.5 py-1 rounded uppercase tracking-wider\"\u003eClínicamente Probado\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Product Title --\u003e\n                \u003ch1 class=\"text-3xl lg:text-4xl font-bold text-primary mb-2 leading-tight\"\u003e\n                    Spectral Men's (DNC-N)\n                \u003c\/h1\u003e\n                \u003ch2 class=\"text-lg text-secondary mb-4 font-normal\"\u003e\n                    Sérum capilar avanzado de densidad con Nanoxidil® 5%\n                \u003c\/h2\u003e\n\n                \u003c!-- Reviews --\u003e\n                \u003cdiv class=\"flex items-center mb-6 cursor-pointer hover:opacity-80 transition-opacity\"\u003e\n                    \u003cdiv class=\"stars text-sm mr-2 flex\"\u003e\n                        \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"fas fa-star-half-alt\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-sm text-gray-600 font-medium underline decoration-gray-300 underline-offset-4\"\u003e4.8 (732 Reseñas)\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Price --\u003e\n                \u003cdiv class=\"mb-6 flex items-end gap-3\"\u003e\n                    \u003cspan class=\"text-3xl font-bold text-primary\"\u003e$39.990\u003c\/span\u003e\n                    \u003cspan class=\"text-xl text-gray-400 line-through mb-1\"\u003e$79.990\u003c\/span\u003e\n                    \u003cspan class=\"text-sm font-bold text-green-600 mb-1 bg-green-50 px-2 py-0.5 rounded\"\u003eAhorras 50%\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Key Benefits List --\u003e\n                \u003cul class=\"space-y-3 mb-8 text-gray-700\"\u003e\n                    \u003cli class=\"flex items-start\"\u003e\n                        \u003ci class=\"fas fa-check text-accent mt-1 mr-3\"\u003e\u003c\/i\u003e\n                        \u003cspan\u003eAumenta la apariencia de la densidad capilar y grosor en 90 días*.\u003c\/span\u003e\n                    \u003c\/li\u003e\n                    \u003cli class=\"flex items-start\"\u003e\n                        \u003ci class=\"fas fa-check text-accent mt-1 mr-3\"\u003e\u003c\/i\u003e\n                        \u003cspan\u003eFórmula a base de agua, \u003cstrong\u003eno grasa y de rápida absorción\u003c\/strong\u003e.\u003c\/span\u003e\n                    \u003c\/li\u003e\n                    \u003cli class=\"flex items-start\"\u003e\n                        \u003ci class=\"fas fa-check text-accent mt-1 mr-3\"\u003e\u003c\/i\u003e\n                        \u003cspan\u003eAlternativa innovadora con \u003cstrong\u003eNanoxidil® al 5%\u003c\/strong\u003e (sin efectos secundarios reportados).\u003c\/span\u003e\n                    \u003c\/li\u003e\n                    \u003cli class=\"flex items-start\"\u003e\n                        \u003ci class=\"fas fa-check text-accent mt-1 mr-3\"\u003e\u003c\/i\u003e\n                        \u003cspan\u003eTecnología patentada Nanosome® para máxima penetración.\u003c\/span\u003e\n                    \u003c\/li\u003e\n                \u003c\/ul\u003e\n\n                \u003c!-- Releasit Checkout Buttons Widget Hook --\u003e\n                \u003cdiv class=\"mb-8 p-1 border border-gray-200 rounded-xl bg-gray-50\/50 shadow-sm\"\u003e\n                    \u003ca href=\"\/rsi-btn-hook\" class=\"block w-full\"\u003e\n                        \u003c!-- Placeholder for visual context during dev, Releasit will replace\/inject here --\u003e\n                        \u003cdiv class=\"w-full bg-black text-white text-center py-4 rounded-lg font-bold text-lg cursor-pointer hover:bg-gray-800 transition-colors shadow-lg shadow-black\/20 flex items-center justify-center gap-2\"\u003e\n                            \u003ci class=\"fas fa-shopping-bag\"\u003e\u003c\/i\u003e AGREGAR AL CARRITO\n                        \u003c\/div\u003e\n                    \u003c\/a\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Trust Badges --\u003e\n                \u003cdiv class=\"grid grid-cols-4 gap-2 mb-8 py-4 border-y border-gray-100 text-center\"\u003e\n                    \u003cdiv class=\"flex flex-col items-center justify-center p-2\"\u003e\n                        \u003ci class=\"fas fa-flask text-2xl text-gray-700 mb-2\"\u003e\u003c\/i\u003e\n                        \u003cspan class=\"text-[10px] sm:text-xs text-gray-600 font-medium leading-tight\"\u003eClínicamente\u003cbr\u003eProbado\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col items-center justify-center p-2\"\u003e\n                        \u003ci class=\"fas fa-user-md text-2xl text-gray-700 mb-2\"\u003e\u003c\/i\u003e\n                        \u003cspan class=\"text-[10px] sm:text-xs text-gray-600 font-medium leading-tight\"\u003eRecomendado por\u003cbr\u003eDermatólogos\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col items-center justify-center p-2\"\u003e\n                        \u003ci class=\"fas fa-tint text-2xl text-gray-700 mb-2\"\u003e\u003c\/i\u003e\n                        \u003cspan class=\"text-[10px] sm:text-xs text-gray-600 font-medium leading-tight\"\u003eBase Acuosa\u003cbr\u003eNo Grasa\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col items-center justify-center p-2\"\u003e\n                        \u003ci class=\"fas fa-undo text-2xl text-gray-700 mb-2\"\u003e\u003c\/i\u003e\n                        \u003cspan class=\"text-[10px] sm:text-xs text-gray-600 font-medium leading-tight\"\u003eGarantía de\u003cbr\u003eSatisfacción\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Accordions for Details --\u003e\n                \u003cdiv class=\"border-t border-gray-200\"\u003e\n                    \n                    \u003c!-- Description Accordion --\u003e\n                    \u003cdiv class=\"accordion-item border-b border-gray-200\"\u003e\n                        \u003cbutton class=\"accordion-btn w-full py-5 flex justify-between items-center text-left focus:outline-none group active\"\u003e\n                            \u003cspan class=\"font-semibold text-primary group-hover:text-accent transition-colors\"\u003eDescripción del Producto\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-400 group-hover:text-accent transition-colors\"\u003e\n                                \u003ci class=\"fas fa-plus icon-plus\"\u003e\u003c\/i\u003e\n                                \u003ci class=\"fas fa-minus icon-minus\"\u003e\u003c\/i\u003e\n                            \u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content text-gray-600 text-sm leading-relaxed\" style=\"max-height: 500px;\"\u003e\n                            \u003cdiv class=\"pb-5 pr-4\"\u003e\n                                \u003cp class=\"mb-3\"\u003e\u003cstrong\u003eSpectral Men's (DNC-N)®\u003c\/strong\u003e es el primer tratamiento tópico clínicamente probado que emplea el complejo \u003cstrong\u003eNanoxidil® al 5%\u003c\/strong\u003e. Este compuesto molecular patentado mejora la apariencia del cabello debilitado gracias a su bajo peso molecular, que mejora la absorción y la eficacia.\u003c\/p\u003e\n                                \u003cp class=\"mb-3\"\u003eNuestra fórmula única, combinada con ingredientes científicamente probados de la más alta calidad (como Cafeína, Ácido Azelaico y Tripéptidos de Cobre), está encapsulada en nuestro \u003cstrong\u003eAdvanced Nanosome Delivery System®\u003c\/strong\u003e.\u003c\/p\u003e\n                                \u003cp\u003eEste sérum ligero e hidratante minimiza la caída del cabello y aumenta la apariencia de densidad, grosor y volumen, trabajando en toda la piel cabelluda, incluyendo las entradas y la coronilla.\u003c\/p\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Ingredients Accordion --\u003e\n                    \u003cdiv class=\"accordion-item border-b border-gray-200\"\u003e\n                        \u003cbutton class=\"accordion-btn w-full py-5 flex justify-between items-center text-left focus:outline-none group\"\u003e\n                            \u003cspan class=\"font-semibold text-primary group-hover:text-accent transition-colors\"\u003eIngredientes Clave\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-400 group-hover:text-accent transition-colors\"\u003e\n                                \u003ci class=\"fas fa-plus icon-plus\"\u003e\u003c\/i\u003e\n                                \u003ci class=\"fas fa-minus icon-minus\"\u003e\u003c\/i\u003e\n                            \u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content text-gray-600 text-sm leading-relaxed\"\u003e\n                            \u003cdiv class=\"pb-5 pr-4\"\u003e\n                                \u003cul class=\"list-disc pl-5 space-y-2\"\u003e\n                                    \u003cli\u003e\n\u003cstrong\u003eNanoxidil™ 5%:\u003c\/strong\u003e Alternativa desarrollada por DS Laboratories con menor peso molecular para abrir canales de iones y prolongar la fase anágena sin irritar.\u003c\/li\u003e\n                                    \u003cli\u003e\n\u003cstrong\u003eÁcido Azelaico:\u003c\/strong\u003e Potente inhibidor de la 5α-reductasa, ayuda a bloquear la conversión de testosterona en DHT.\u003c\/li\u003e\n                                    \u003cli\u003e\n\u003cstrong\u003eCafeína:\u003c\/strong\u003e Revierte los efectos de la DHT y aumenta la circulación sanguínea hacia el cuero cabelludo.\u003c\/li\u003e\n                                    \u003cli\u003e\n\u003cstrong\u003eTripéptidos de Cobre:\u003c\/strong\u003e Reparador de daños que promueve la salud nerviosa y estimula el crecimiento.\u003c\/li\u003e\n                                    \u003cli\u003e\n\u003cstrong\u003eAdenosina:\u003c\/strong\u003e Agente antiinflamatorio que regula la expresión de factores de crecimiento.\u003c\/li\u003e\n                                    \u003cli\u003e\n\u003cstrong\u003eRetinol:\u003c\/strong\u003e Mejora la condición del cuero cabelludo y aumenta el flujo sanguíneo hacia los folículos.\u003c\/li\u003e\n                                \u003c\/ul\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- How to use Accordion --\u003e\n                    \u003cdiv class=\"accordion-item border-b border-gray-200\"\u003e\n                        \u003cbutton class=\"accordion-btn w-full py-5 flex justify-between items-center text-left focus:outline-none group\"\u003e\n                            \u003cspan class=\"font-semibold text-primary group-hover:text-accent transition-colors\"\u003eCómo Aplicar\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-400 group-hover:text-accent transition-colors\"\u003e\n                                \u003ci class=\"fas fa-plus icon-plus\"\u003e\u003c\/i\u003e\n                                \u003ci class=\"fas fa-minus icon-minus\"\u003e\u003c\/i\u003e\n                            \u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content text-gray-600 text-sm leading-relaxed\"\u003e\n                            \u003cdiv class=\"pb-5 pr-4 space-y-3\"\u003e\n                                \u003cp\u003e\u003cstrong\u003ePaso 1: Aplicar.\u003c\/strong\u003e Agita bien antes de usar. Aplica seis (6) pulverizaciones dos veces al día (mañana y noche) directamente en el área afectada.\u003c\/p\u003e\n                                \u003cp\u003e\u003cstrong\u003ePaso 2: Masajear.\u003c\/strong\u003e Masajea el líquido de manera uniforme en el cuero cabelludo. Lávate las manos con agua y jabón inmediatamente después de su uso.\u003c\/p\u003e\n                                \u003cp\u003e\u003cstrong\u003ePaso 3: Dejar secar.\u003c\/strong\u003e Este es un sérum sin enjuague (leave-in) y no debe lavarse después de la aplicación. Deja que se seque y absorba.\u003c\/p\u003e\n                                \u003cdiv class=\"bg-blue-50 p-3 rounded text-blue-800 mt-2 text-xs\"\u003e\n                                    \u003ci class=\"fas fa-info-circle mr-1\"\u003e\u003c\/i\u003e \u003cstrong\u003eNota:\u003c\/strong\u003e La constancia es clave. Continúa su uso regular sin interrupción. Notarás resultados óptimos tras 3-4 meses de uso continuo.\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/main\u003e\n\n    \u003c!-- Visual Information Section (Based on provided images) --\u003e\n    \u003csection class=\"bg-gray-50 py-16 mt-8 border-t border-gray-200\"\u003e\n        \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"\u003e\n            \u003cdiv class=\"text-center mb-12\"\u003e\n                \u003ch2 class=\"text-3xl font-bold text-primary mb-4\"\u003eCiencia Comprobada, Resultados Reales\u003c\/h2\u003e\n                \u003cp class=\"text-lg text-gray-600 max-w-2xl mx-auto\"\u003eNuestro enfoque innovador aborda la caída del cabello desde múltiples ángulos para lograr un cabello de aspecto más grueso, denso y saludable.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"\u003e\n                \n                \u003c!-- Benefit 1 --\u003e\n                \u003cdiv class=\"bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden flex flex-col\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_imewguimewguimew.png?v=1782335767\" alt=\"Clínicamente Probado\" class=\"w-full h-auto object-cover border-b border-gray-100\"\u003e\n                    \u003cdiv class=\"p-6 flex-grow\"\u003e\n                        \u003ch3 class=\"text-xl font-bold text-primary mb-2\"\u003eEficacia Clínica\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-600 text-sm\"\u003eEn estudios de percepción, el 90% de los usuarios sintieron su cabello más fuerte y el 95% experimentaron una menor pérdida de cabello visible tras un uso constante.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 2 --\u003e\n                \u003cdiv class=\"bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden flex flex-col\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_7jqar97jqar97jqa.png?v=1782335766\" alt=\"La Constancia es Clave\" class=\"w-full h-auto object-cover border-b border-gray-100\"\u003e\n                    \u003cdiv class=\"p-6 flex-grow\"\u003e\n                        \u003ch3 class=\"text-xl font-bold text-primary mb-2\"\u003eLa Constancia es Clave\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-600 text-sm\"\u003eComenzarás a ver resultados en 2-3 meses. En las primeras semanas es normal notar cierta caída (fase de renovación), seguida de crecimiento nuevo. El uso continuo mantiene y potencia los resultados.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 3 --\u003e\n                \u003cdiv class=\"bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden flex flex-col\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_9qtjhz9qtjhz9qtj.png?v=1782335766\" alt=\"Sérum Sin Enjuague\" class=\"w-full h-auto object-cover border-b border-gray-100\"\u003e\n                    \u003cdiv class=\"p-6 flex-grow\"\u003e\n                        \u003ch3 class=\"text-xl font-bold text-primary mb-2\"\u003eFórmula Superior\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-600 text-sm\"\u003eA diferencia de espumas y lociones antiguas, nuestra fórmula es a base de agua y no grasa. Optimiza la salud folicular actuando eficazmente tanto en la línea del cabello (entradas) como en la coronilla.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Bottom Sticky CTA for Mobile (Optional but good for conversion) --\u003e\n    \u003cdiv class=\"fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 p-3 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] lg:hidden z-50\"\u003e\n        \u003cdiv class=\"flex items-center justify-between mb-2 px-2\"\u003e\n            \u003cdiv\u003e\n                \u003cp class=\"font-bold text-primary text-sm leading-none\"\u003eSpectral Men's\u003c\/p\u003e\n                \u003cdiv class=\"flex items-center gap-2 mt-1\"\u003e\n                    \u003cspan class=\"font-bold text-primary\"\u003e$39.990\u003c\/span\u003e\n                    \u003cspan class=\"text-xs text-gray-400 line-through\"\u003e$79.990\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003ca href=\"\/rsi-btn-hook\" class=\"block w-full bg-black text-white text-center py-3 rounded font-bold text-sm\"\u003e\n            AGREGAR AL CARRITO\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Padding for mobile sticky footer --\u003e\n    \u003cdiv class=\"h-24 lg:h-0\"\u003e\u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \n            \/\/ --- Image Gallery Carousel Logic ---\n            const track = document.getElementById('mainCarousel');\n            const slides = Array.from(track.children);\n            const nextButton = document.getElementById('nextBtn');\n            const prevButton = document.getElementById('prevBtn');\n            const thumbnails = Array.from(document.querySelectorAll('.thumbnail'));\n            \n            let currentIndex = 0;\n\n            const updateCarousel = (index) =\u003e {\n                \/\/ Move track\n                track.style.transform = `translateX(-${index * 100}%)`;\n                \n                \/\/ Update thumbnails\n                thumbnails.forEach(thumb =\u003e thumb.classList.remove('active'));\n                thumbnails[index].classList.add('active');\n                \n                \/\/ Scroll thumbnail container to ensure active thumb is visible\n                const thumbContainer = document.getElementById('thumbnailContainer');\n                const activeThumb = thumbnails[index];\n                \n                \/\/ simple scroll into view calculation\n                const thumbLeft = activeThumb.offsetLeft;\n                const thumbWidth = activeThumb.offsetWidth;\n                const containerWidth = thumbContainer.offsetWidth;\n                const containerScrollLeft = thumbContainer.scrollLeft;\n\n                if (thumbLeft \u003c containerScrollLeft) {\n                    thumbContainer.scrollLeft = thumbLeft - 10;\n                } else if (thumbLeft + thumbWidth \u003e containerScrollLeft + containerWidth) {\n                    thumbContainer.scrollLeft = thumbLeft + thumbWidth - containerWidth + 10;\n                }\n                \n                currentIndex = index;\n            };\n\n            nextButton.addEventListener('click', () =\u003e {\n                let nextIndex = currentIndex + 1;\n                if (nextIndex \u003e= slides.length) nextIndex = 0; \/\/ Loop back\n                updateCarousel(nextIndex);\n            });\n\n            prevButton.addEventListener('click', () =\u003e {\n                let prevIndex = currentIndex - 1;\n                if (prevIndex \u003c 0) prevIndex = slides.length - 1; \/\/ Loop to end\n                updateCarousel(prevIndex);\n            });\n\n            thumbnails.forEach((thumbnail, index) =\u003e {\n                thumbnail.addEventListener('click', () =\u003e {\n                    updateCarousel(index);\n                });\n            });\n\n\n            \/\/ --- Accordion Logic ---\n            const accordions = document.querySelectorAll('.accordion-btn');\n\n            accordions.forEach(acc =\u003e {\n                acc.addEventListener('click', function() {\n                    \/\/ Toggle current\n                    this.classList.toggle('active');\n                    const content = this.nextElementSibling;\n                    \n                    if (this.classList.contains('active')) {\n                        content.style.maxHeight = content.scrollHeight + \"px\";\n                    } else {\n                        content.style.maxHeight = \"0px\";\n                    }\n                });\n                \n                \/\/ Ensure initially active accordions have max-height set\n                if(acc.classList.contains('active')) {\n                     const content = acc.nextElementSibling;\n                     content.style.maxHeight = content.scrollHeight + \"px\";\n                }\n            });\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Casa Lumo BA","offers":[{"title":"Default Title","offer_id":56847084060998,"sku":null,"price":39900.0,"currency_code":"ARS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Gemini_Generated_Image_7jqar97jqar97jqa.png?v=1782335766","url":"https:\/\/www.casalumoba.com\/products\/spectral-men","provider":"Casa Lumo BA","version":"1.0","type":"link"}