{"product_id":"jelly-cream","title":"Jelly cream","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\u003eMedicube Collagen Jelly Cream 110ml | Tienda Oficial\u003c\/title\u003e\n    \u003c!-- Tailwind CSS para el diseño --\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n    \u003c!-- Google Fonts para una tipografía premium --\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003c!-- Iconos Phosphor para detalles estéticos --\u003e\n    \u003cscript src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"\u003e\u003c\/script\u003e\n    \u003cscript\u003e\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        brand: {\n                            light: '#ffe4e6', \/\/ rose-100\n                            DEFAULT: '#f43f5e', \/\/ rose-500\n                            dark: '#e11d48', \/\/ rose-600\n                        }\n                    }\n                }\n            }\n        }\n    \u003c\/script\u003e\n    \u003cstyle\u003e\n        \/* Animación suave para el acordeón y transiciones *\/\n        .accordion-content { transition: max-height 0.3s ease-out, padding 0.3s ease; max-height: 0; overflow: hidden; }\n        .accordion-content.active { max-height: 500px; padding-bottom: 1rem; }\n        .rotate-icon { transition: transform 0.3s ease; }\n        .active .rotate-icon { transform: rotate(180deg); }\n        \n        \/* Ocultar barra de desplazamiento en la galería móvil *\/\n        .no-scrollbar::-webkit-scrollbar { display: none; }\n        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n    \u003c\/style\u003e\n\n\n\n    \u003c!-- Barra de anuncios --\u003e\n    \u003cdiv class=\"bg-brand text-white text-center py-2 px-4 text-xs md:text-sm font-medium tracking-wide\"\u003e\n        🎉 ¡OFERTA ESPECIAL! Envío GRATIS en pedidos hoy + 50% de Descuento\n    \u003c\/div\u003e\n\n    \u003c!-- Navegación --\u003e\n    \u003cheader class=\"border-b border-gray-100 sticky top-0 bg-white\/90 backdrop-blur-md z-40\"\u003e\n        \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between\"\u003e\n            \u003cdiv class=\"flex items-center gap-4\"\u003e\n                \u003cbutton class=\"md:hidden text-gray-500 hover:text-gray-900\"\u003e\n                    \u003ci class=\"ph ph-list text-2xl\"\u003e\u003c\/i\u003e\n                \u003c\/button\u003e\n                \u003ca href=\"#\" class=\"text-2xl font-bold tracking-tighter text-gray-900\"\u003e\n                    medicube\u003cspan class=\"text-brand text-3xl leading-none\"\u003e.\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"hidden md:flex items-center gap-8 text-sm font-medium text-gray-600\"\u003e\n                \u003ca href=\"#\" class=\"hover:text-brand transition\"\u003eTienda\u003c\/a\u003e\n                \u003ca href=\"#\" class=\"hover:text-brand transition\"\u003eMás Vendidos\u003c\/a\u003e\n                \u003ca href=\"#\" class=\"hover:text-brand transition\"\u003eRutinas\u003c\/a\u003e\n                \u003ca href=\"#\" class=\"hover:text-brand transition\"\u003eSobre Nosotros\u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"flex items-center gap-4 text-gray-600\"\u003e\n                \u003ca href=\"#\" class=\"hover:text-brand transition\"\u003e\u003ci class=\"ph ph-magnifying-glass text-xl\"\u003e\u003c\/i\u003e\u003c\/a\u003e\n                \u003ca href=\"#\" class=\"hover:text-brand transition relative\"\u003e\n                    \u003ci class=\"ph ph-shopping-bag text-xl\"\u003e\u003c\/i\u003e\n                    \u003cspan class=\"absolute -top-1 -right-2 bg-brand text-white text-[10px] w-4 h-4 rounded-full flex items-center justify-center font-bold\"\u003e1\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003cmain class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\"\u003e\n        \u003c!-- Navegación de migas de pan --\u003e\n        \u003cnav class=\"flex text-sm text-gray-500 mb-6\" aria-label=\"Breadcrumb\"\u003e\n            \u003col class=\"inline-flex items-center space-x-1 md:space-x-3\"\u003e\n                \u003cli class=\"inline-flex items-center\"\u003e\u003ca href=\"#\" class=\"hover:text-gray-900\"\u003eInicio\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cdiv class=\"flex items-center\"\u003e\n\u003ci class=\"ph ph-caret-right mx-1\"\u003e\u003c\/i\u003e\u003ca href=\"#\" class=\"hover:text-gray-900\"\u003eCuidado de la Piel\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cdiv class=\"flex items-center\"\u003e\n\u003ci class=\"ph ph-caret-right mx-1\"\u003e\u003c\/i\u003e\u003cspan class=\"text-gray-900 font-medium\"\u003eCremas Faciales\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/li\u003e\n            \u003c\/ol\u003e\n        \u003c\/nav\u003e\n\n        \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-10\"\u003e\n            \n            \u003c!-- Columna Izquierda: Galería de Imágenes --\u003e\n            \u003cdiv class=\"flex flex-col gap-4\"\u003e\n                \u003c!-- Imagen Principal --\u003e\n                \u003cdiv class=\"aspect-square bg-gray-50 rounded-2xl overflow-hidden relative border border-gray-100 group\"\u003e\n                    \u003c!-- Etiqueta de descuento --\u003e\n                    \u003cdiv class=\"absolute top-4 left-4 bg-red-500 text-white text-xs font-bold px-3 py-1.5 rounded-full shadow-sm z-10\"\u003e\n                        -50% DCTO\n                    \u003c\/div\u003e\n                    \u003cimg id=\"mainImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Medicube-Collagen-Jelly-Cream-110ml.webp?v=1782309100\" alt=\"Medicube Collagen Jelly Cream 110ml\" class=\"w-full h-full object-cover object-center transition-transform duration-500 group-hover:scale-105\"\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- Miniaturas --\u003e\n                \u003cdiv class=\"flex gap-4 overflow-x-auto no-scrollbar pb-2\"\u003e\n                    \u003cbutton onclick=\"changeImage('https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Medicube-Collagen-Jelly-Cream-110ml.webp?v=1782309100', this)\" class=\"thumbnail-btn flex-shrink-0 w-20 h-20 rounded-xl overflow-hidden border-2 border-brand relative\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Medicube-Collagen-Jelly-Cream-110ml.webp?v=1782309100\" alt=\"Vista Frontal\" class=\"w-full h-full object-cover\"\u003e\n                    \u003c\/button\u003e\n                    \u003cbutton onclick=\"changeImage('https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/32_97b37d43-a918-4464-abd6-2838a9f3d9cd.webp?v=1782309100', this)\" class=\"thumbnail-btn flex-shrink-0 w-20 h-20 rounded-xl overflow-hidden border-2 border-transparent hover:border-gray-300 relative\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/32_97b37d43-a918-4464-abd6-2838a9f3d9cd.webp?v=1782309100\" alt=\"Textura de Gelatina\" class=\"w-full h-full object-cover\"\u003e\n                    \u003c\/button\u003e\n                    \u003cbutton onclick=\"changeImage('https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/34_5b80c762-d023-4c36-be19-09445e3dd98e.webp?v=1782309100', this)\" class=\"thumbnail-btn flex-shrink-0 w-20 h-20 rounded-xl overflow-hidden border-2 border-transparent hover:border-gray-300 relative\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/34_5b80c762-d023-4c36-be19-09445e3dd98e.webp?v=1782309100\" alt=\"Aplicación en modelo\" class=\"w-full h-full object-cover\"\u003e\n                    \u003c\/button\u003e\n                    \u003cbutton onclick=\"changeImage('https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/31_2d335470-6094-4cf2-929e-21e2e4672128.webp?v=1782309100', this)\" class=\"thumbnail-btn flex-shrink-0 w-20 h-20 rounded-xl overflow-hidden border-2 border-transparent hover:border-gray-300 relative\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/31_2d335470-6094-4cf2-929e-21e2e4672128.webp?v=1782309100\" alt=\"Envase Abierto\" class=\"w-full h-full object-cover\"\u003e\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Columna Derecha: Información del Producto --\u003e\n            \u003cdiv class=\"flex flex-col\"\u003e\n                \n                \u003c!-- Reseñas y Prueba Social --\u003e\n                \u003cdiv class=\"flex items-center gap-2 mb-3\"\u003e\n                    \u003cdiv class=\"flex text-yellow-400 text-lg\"\u003e\n                        \u003ci class=\"ph-fill ph-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"ph-fill ph-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"ph-fill ph-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"ph-fill ph-star\"\u003e\u003c\/i\u003e\n                        \u003ci class=\"ph-fill ph-star-half\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-sm text-gray-500 font-medium\"\u003e4.9\/5 (1,284 reseñas)\u003c\/span\u003e\n                    \u003cspan class=\"bg-gray-100 text-gray-600 text-xs px-2 py-0.5 rounded ml-2 font-medium\"\u003e🔥 Producto Viral\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Título --\u003e\n                \u003ch1 class=\"text-3xl md:text-4xl font-bold text-gray-900 leading-tight mb-2\"\u003e\n                    Crema de Gelatina de Colágeno 110ml\n                \u003c\/h1\u003e\n                \u003cp class=\"text-lg text-gray-600 mb-6\"\u003eEl secreto coreano para un efecto \"Glass Skin\" (piel de cristal). Hidratación profunda y firmeza instantánea.\u003c\/p\u003e\n\n                \u003c!-- Precios --\u003e\n                \u003cdiv class=\"flex items-end gap-3 mb-6 bg-gray-50 p-4 rounded-2xl border border-gray-100\"\u003e\n                    \u003cspan class=\"text-4xl font-extrabold text-brand\"\u003e$39.990\u003c\/span\u003e\n                    \u003cspan class=\"text-xl text-gray-400 line-through font-medium mb-1\"\u003e$79.990\u003c\/span\u003e\n                    \u003cspan class=\"bg-green-100 text-green-700 text-sm font-bold px-2.5 py-1 rounded-md mb-1 ml-auto\"\u003eAhorras $40.000\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Urgencia --\u003e\n                \u003cdiv class=\"flex items-center gap-2 text-red-600 bg-red-50 p-3 rounded-lg mb-8 border border-red-100\"\u003e\n                    \u003ci class=\"ph-fill ph-fire text-xl animate-pulse\"\u003e\u003c\/i\u003e\n                    \u003cspan class=\"text-sm font-medium\"\u003e¡Atención! Solo quedan \u003cstrong\u003e14 unidades\u003c\/strong\u003e a este precio.\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Botón de Compra (Releasit Hook) --\u003e\n                \u003cdiv class=\"mb-8\"\u003e\n                    \u003c!-- RELEASIT BUTTON HOOK APLICADO AQUÍ --\u003e\n                    \u003ca href=\"\/rsi-btn-hook\" class=\"flex items-center justify-center w-full bg-brand hover:bg-brand-dark text-white text-lg font-bold py-4 px-8 rounded-xl shadow-[0_8px_20px_-6px_rgba(244,63,94,0.5)] transition-all duration-300 transform hover:-translate-y-1 hover:shadow-[0_12px_25px_-6px_rgba(244,63,94,0.6)]\"\u003e\n                        \u003ci class=\"ph ph-shopping-cart text-2xl mr-2\"\u003e\u003c\/i\u003e\n                        COMPRAR AHORA\n                    \u003c\/a\u003e\n                    \n                    \u003c!-- Trust Badges bajo el botón --\u003e\n                    \u003cdiv class=\"flex justify-center gap-6 mt-5 text-gray-500\"\u003e\n                        \u003cdiv class=\"flex items-center gap-1.5 text-xs font-medium\"\u003e\n\u003ci class=\"ph ph-truck text-lg\"\u003e\u003c\/i\u003e Envío Rápido\u003c\/div\u003e\n                        \u003cdiv class=\"flex items-center gap-1.5 text-xs font-medium\"\u003e\n\u003ci class=\"ph ph-shield-check text-lg\"\u003e\u003c\/i\u003e Pago Seguro\u003c\/div\u003e\n                        \u003cdiv class=\"flex items-center gap-1.5 text-xs font-medium\"\u003e\n\u003ci class=\"ph ph-paw-print text-lg\"\u003e\u003c\/i\u003e Cruelty Free\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Acordeones de Información --\u003e\n                \u003cdiv class=\"border-t border-gray-200 divide-y divide-gray-200\"\u003e\n                    \n                    \u003c!-- Descripción --\u003e\n                    \u003cdiv class=\"accordion-item\"\u003e\n                        \u003cbutton class=\"accordion-header w-full flex justify-between items-center py-4 text-left font-semibold text-gray-900 hover:text-brand transition\"\u003e\n                            \u003cspan\u003eDescripción del Producto\u003c\/span\u003e\n                            \u003ci class=\"ph ph-caret-down text-gray-400 rotate-icon\"\u003e\u003c\/i\u003e\n                        \u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content text-gray-600 text-sm leading-relaxed\"\u003e\n                            \u003cp\u003eDespierta con una piel radiante, firme y visiblemente más joven. La \u003cstrong\u003eCrema de Gelatina de Colágeno de Medicube\u003c\/strong\u003e posee una textura de gelatina única y transparente que envuelve tu piel, proporcionando un brillo instantáneo y duradero sin sensación pegajosa.\u003c\/p\u003e\n                            \u003cbr\u003e\n                            \u003cp\u003eFormulada con extracto de colágeno real, ayuda a restaurar la elasticidad perdida y bloquea la humedad profundamente en los poros. Es tu aliado perfecto para lograr ese codiciado aspecto de piel de cristal coreana.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Beneficios --\u003e\n                    \u003cdiv class=\"accordion-item\"\u003e\n                        \u003cbutton class=\"accordion-header w-full flex justify-between items-center py-4 text-left font-semibold text-gray-900 hover:text-brand transition\"\u003e\n                            \u003cspan\u003eBeneficios Clave\u003c\/span\u003e\n                            \u003ci class=\"ph ph-caret-down text-gray-400 rotate-icon\"\u003e\u003c\/i\u003e\n                        \u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content text-gray-600 text-sm\"\u003e\n                            \u003cul class=\"space-y-2\"\u003e\n                                \u003cli class=\"flex items-start gap-2\"\u003e\n\u003ci class=\"ph-fill ph-check-circle text-brand mt-0.5\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eBrillo Cristalino:\u003c\/strong\u003e Deja la piel con un acabado luminoso y saludable al instante.\u003c\/span\u003e\n\u003c\/li\u003e\n                                \u003cli class=\"flex items-start gap-2\"\u003e\n\u003ci class=\"ph-fill ph-check-circle text-brand mt-0.5\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eFirmeza y Elasticidad:\u003c\/strong\u003e El colágeno hidrolizado penetra para rellenar líneas finas.\u003c\/span\u003e\n\u003c\/li\u003e\n                                \u003cli class=\"flex items-start gap-2\"\u003e\n\u003ci class=\"ph-fill ph-check-circle text-brand mt-0.5\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eHidratación 24H:\u003c\/strong\u003e Su textura de gel retiene el agua en la barrera cutánea.\u003c\/span\u003e\n\u003c\/li\u003e\n                                \u003cli class=\"flex items-start gap-2\"\u003e\n\u003ci class=\"ph-fill ph-check-circle text-brand mt-0.5\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eTextura Ligera:\u003c\/strong\u003e Se absorbe rápidamente sin dejar residuos grasos.\u003c\/span\u003e\n\u003c\/li\u003e\n                            \u003c\/ul\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Modo de Uso --\u003e\n                    \u003cdiv class=\"accordion-item\"\u003e\n                        \u003cbutton class=\"accordion-header w-full flex justify-between items-center py-4 text-left font-semibold text-gray-900 hover:text-brand transition\"\u003e\n                            \u003cspan\u003eCómo Utilizar\u003c\/span\u003e\n                            \u003ci class=\"ph ph-caret-down text-gray-400 rotate-icon\"\u003e\u003c\/i\u003e\n                        \u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content text-gray-600 text-sm\"\u003e\n                            \u003col class=\"list-decimal pl-4 space-y-2\"\u003e\n                                \u003cli\u003eLimpia y tonifica tu rostro como de costumbre.\u003c\/li\u003e\n                                \u003cli\u003eUsa la espátula incluida para tomar una cantidad adecuada de la crema de gelatina.\u003c\/li\u003e\n                                \u003cli\u003eAplica uniformemente sobre el rostro y el cuello.\u003c\/li\u003e\n                                \u003cli\u003eDa ligeros golpecitos con las yemas de los dedos hasta su total absorción. \u003cbr\u003e\u003cspan class=\"text-xs text-brand mt-1 block\"\u003e*Tip: Guárdala en el refrigerador para un efecto calmante extra.*\u003c\/span\u003e\n\u003c\/li\u003e\n                            \u003c\/ol\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!-- Sección de Beneficios Visuales --\u003e\n    \u003csection class=\"bg-brand-light\/30 py-16 mt-8\"\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-2xl md:text-3xl font-bold text-gray-900\"\u003e¿Por qué es la crema más buscada?\u003c\/h2\u003e\n                \u003cp class=\"text-gray-600 mt-2\"\u003eResultados reales respaldados por la ciencia de Medicube.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"\u003e\n                \u003c!-- Beneficio 1 --\u003e\n                \u003cdiv class=\"bg-white p-8 rounded-2xl shadow-sm text-center border border-rose-50 hover:shadow-md transition\"\u003e\n                    \u003cdiv class=\"w-16 h-16 bg-brand-light rounded-full flex items-center justify-center mx-auto mb-4 text-brand\"\u003e\n                        \u003ci class=\"ph ph-drop text-3xl\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"text-lg font-bold text-gray-900 mb-2\"\u003eHidratación Extrema\u003c\/h3\u003e\n                    \u003cp class=\"text-gray-600 text-sm\"\u003eSella la humedad dentro de la piel evitando la sequedad a lo largo del día.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003c!-- Beneficio 2 --\u003e\n                \u003cdiv class=\"bg-white p-8 rounded-2xl shadow-sm text-center border border-rose-50 hover:shadow-md transition\"\u003e\n                    \u003cdiv class=\"w-16 h-16 bg-brand-light rounded-full flex items-center justify-center mx-auto mb-4 text-brand\"\u003e\n                        \u003ci class=\"ph ph-sparkle text-3xl\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"text-lg font-bold text-gray-900 mb-2\"\u003eEfecto \"Glass Skin\"\u003c\/h3\u003e\n                    \u003cp class=\"text-gray-600 text-sm\"\u003eAporta ese brillo translúcido y saludable característico de la belleza coreana.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003c!-- Beneficio 3 --\u003e\n                \u003cdiv class=\"bg-white p-8 rounded-2xl shadow-sm text-center border border-rose-50 hover:shadow-md transition\"\u003e\n                    \u003cdiv class=\"w-16 h-16 bg-brand-light rounded-full flex items-center justify-center mx-auto mb-4 text-brand\"\u003e\n                        \u003ci class=\"ph ph-magic-wand text-3xl\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"text-lg font-bold text-gray-900 mb-2\"\u003eRestaura Elasticidad\u003c\/h3\u003e\n                    \u003cp class=\"text-gray-600 text-sm\"\u003eFormulada con colágeno que ayuda a rellenar y reafirmar el contorno facial.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Sección Visual (Imagen Flotante) --\u003e\n    \u003csection class=\"py-16 md:py-24 overflow-hidden\"\u003e\n        \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"\u003e\n            \u003cdiv class=\"flex flex-col md:flex-row items-center bg-rose-50 rounded-3xl overflow-hidden\"\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 p-8 md:p-16 flex flex-col justify-center\"\u003e\n                    \u003cspan class=\"text-brand font-bold tracking-wider text-sm mb-2 uppercase\"\u003eInnovación en Textura\u003c\/span\u003e\n                    \u003ch2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4 leading-tight\"\u003eNo es una crema común. Es gelatina de colágeno.\u003c\/h2\u003e\n                    \u003cp class=\"text-gray-600 mb-8 text-lg\"\u003eSu textura con memoria de forma vuelve a su estado original, de la misma manera que ayuda a tu piel a recuperar su firmeza y juventud natural.\u003c\/p\u003e\n                    \u003ca href=\"\/rsi-btn-hook\" class=\"self-start bg-gray-900 text-white px-8 py-3 rounded-xl font-bold hover:bg-gray-800 transition\"\u003eProbar Ahora\u003c\/a\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 h-64 md:h-[500px] relative\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/31_2d335470-6094-4cf2-929e-21e2e4672128.webp?v=1782309100\" alt=\"Medicube Gelatina Flotando\" class=\"absolute w-full h-full object-cover object-center transform hover:scale-105 transition duration-700\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Botón CTA Adherente (Sticky) para Móviles - Crucial para alta conversión --\u003e\n    \u003cdiv class=\"fixed bottom-0 left-0 w-full bg-white border-t border-gray-200 p-4 z-50 md:hidden flex justify-between items-center shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.05)]\"\u003e\n        \u003cdiv class=\"flex flex-col\"\u003e\n            \u003cspan class=\"text-sm font-bold text-gray-900\"\u003eGelatina de Colágeno\u003c\/span\u003e\n            \u003cspan class=\"text-brand font-extrabold\"\u003e$39.990\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003c!-- Releasit Hook adaptado a móvil --\u003e\n        \u003ca href=\"\/rsi-btn-hook\" class=\"bg-brand text-white px-6 py-3 rounded-xl font-bold shadow-md active:bg-brand-dark\"\u003e\n            COMPRAR\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Footer Simple --\u003e\n    \u003cfooter class=\"bg-gray-900 text-gray-400 py-12 text-center text-sm\"\u003e\n        \u003cdiv class=\"max-w-7xl mx-auto px-4\"\u003e\n            \u003ch3 class=\"text-white text-xl font-bold mb-4 tracking-tighter\"\u003emedicube\u003cspan class=\"text-brand\"\u003e.\u003c\/span\u003e\n\u003c\/h3\u003e\n            \u003cp class=\"mb-6 max-w-md mx-auto\"\u003eSoluciones de dermocosmética efectivas y reales para tu piel. Distribuidor oficial.\u003c\/p\u003e\n            \u003cdiv class=\"flex justify-center gap-6 mb-6\"\u003e\n                \u003ca href=\"#\" class=\"hover:text-white transition\"\u003eTérminos del Servicio\u003c\/a\u003e\n                \u003ca href=\"#\" class=\"hover:text-white transition\"\u003ePolítica de Privacidad\u003c\/a\u003e\n                \u003ca href=\"#\" class=\"hover:text-white transition\"\u003ePolíticas de Envío\u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cp\u003e© 2024 Medicube Oficial. Todos los derechos reservados.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003cscript\u003e\n        \/\/ Función para cambiar la imagen principal de la galería\n        function changeImage(src, btn) {\n            \/\/ Cambiar el source de la imagen principal\n            const mainImg = document.getElementById('mainImage');\n            mainImg.style.opacity = '0.5';\n            \n            setTimeout(() =\u003e {\n                mainImg.src = src;\n                mainImg.style.opacity = '1';\n            }, 150); \/\/ Pequeño efecto de fade\n\n            \/\/ Actualizar el estado activo de los botones miniatura\n            const btns = document.querySelectorAll('.thumbnail-btn');\n            btns.forEach(b =\u003e {\n                b.classList.remove('border-brand');\n                b.classList.add('border-transparent');\n            });\n            \n            btn.classList.remove('border-transparent');\n            btn.classList.add('border-brand');\n        }\n\n        \/\/ Script para los Acordeones de información\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            const accordionHeaders = document.querySelectorAll('.accordion-header');\n            \n            \/\/ Abrir el primero por defecto\n            if(accordionHeaders.length \u003e 0) {\n                accordionHeaders[0].nextElementSibling.classList.add('active');\n                accordionHeaders[0].classList.add('active');\n            }\n\n            accordionHeaders.forEach(header =\u003e {\n                header.addEventListener('click', () =\u003e {\n                    const content = header.nextElementSibling;\n                    const isActive = content.classList.contains('active');\n\n                    \/\/ Cerrar todos los demás\n                    document.querySelectorAll('.accordion-content').forEach(item =\u003e {\n                        item.classList.remove('active');\n                    });\n                    document.querySelectorAll('.accordion-header').forEach(item =\u003e {\n                        item.classList.remove('active');\n                    });\n\n                    \/\/ Si no estaba activo, abrir el cliqueado\n                    if (!isActive) {\n                        content.classList.add('active');\n                        header.classList.add('active');\n                    }\n                });\n            });\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Casa Lumo BA","offers":[{"title":"Default Title","offer_id":56844320309574,"sku":null,"price":39900.0,"currency_code":"ARS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0992\/5856\/4934\/files\/Medicube-Collagen-Jelly-Cream-110ml.webp?v=1782309100","url":"https:\/\/www.casalumoba.com\/products\/jelly-cream","provider":"Casa Lumo BA","version":"1.0","type":"link"}