{"title":"CUIDADO PERSONAL","description":"","products":[{"product_id":"colagenomarino","title":"COLAGENO MARINO + OBSEQUIO","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\u003eMAXI PLUS Colágeno Marino - Oferta Exclusiva\u003c\/title\u003e\n \n \u003c!-- Cargar las fuentes Poppins (para títulos) y Montserrat (para el cuerpo\/futura) --\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800\u0026amp;family=Poppins:wght==600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \n \u003c!-- Incluir Tailwind CSS CDN (El framework CSS principal) --\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \n \u003c!-- Configuración para usar las nuevas fuentes y personalizar colores --\u003e\n \u003cscript\u003e\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'primary-green': '#006b8f', \/\/ Azul\/Teal oscuro para salud y pureza\n 'secondary-gray': '#4b5563', \n 'accent-pink': '#f472b6', \/\/ Pink 400 - Para el cabello\/piel (manteniendo el color)\n 'bg-light': '#f3feff', \/\/ Azul claro (muy claro) - Fondo suave\n 'cta-color': '#078e91', \/\/ Teal oscuro\/Cyan para alto contraste y acción\n },\n fontFamily: {\n \/\/ Usamos Montserrat como la nueva fuente sans-serif (estilo Futura\/moderno)\n sans: ['Montserrat', 'sans-serif'],\n \/\/ Poppins para los títulos como solicitó el usuario\n poppins: ['Poppins', 'sans-serif'], \n },\n }\n }\n }\n \u003c\/script\u003e\n \n \u003c!-- CSS Personalizado para animaciones y elementos no cubiertos por Tailwind --\u003e\n \u003cstyle\u003e\n \/* Estilos base para la responsividad y look \u0026 feel *\/\n body { \n padding-bottom: 5rem; \/* Espacio para el CTA fijo *\/ \n min-height: 100vh; \/* Asegura que el cuerpo ocupe toda la altura *\/\n }\n .star-rating { color: #facc15; } \/* Amarillo 400 *\/\n .emoji { font-size: 1.75rem; margin-right: 0.5rem; } \/* Emoji un poco más grande *\/\n .feature-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n .feature-card:hover { transform: translateY(-3px); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1); }\n \n \/* Botón CTA principal - AHORA USA EL NUEVO COLOR #078e91 *\/\n .cta-button {\n transition: background-color 0.3s ease, transform 0.1s ease;\n animation: pulse-ring 2s infinite; \/* Aplica la animación de pulso CTA *\/\n }\n .cta-button:active {\n transform: scale(0.98);\n }\n \/* Animación para el botón CTA fijo (AIDA: Acción) - COLOR #078e91 *\/\n @keyframes pulse-ring {\n \/* Usando los valores RGBA de #078e91 (7, 142, 145) *\/\n 0% { box-shadow: 0 0 0 0 rgba(7, 142, 145, 0.7); } \n 70% { box-shadow: 0 0 0 10px rgba(7, 142, 145, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(7, 142, 145, 0); }\n }\n \/* Animación para el botón CTA fijo (AIDA: Acción) - COLOR #078e91 *\/\n @keyframes pulse-ring {\n \/* Usando los valores RGBA de #078e91 (7, 142, 145) *\/\n 0% { box-shadow: 0 0 0 0 rgba(7, 142, 145, 0.7); } \n 70% { box-shadow: 0 0 0 10px rgba(7, 142, 145, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(7, 142, 145, 0); }\n }\n\n \/* Animación de Pulso Verde\/Azul para Pago Contra Entrega (Se mantiene el color primary-green #006b8f) *\/\n .green-cta-button {\n transition: background-color 0.3s ease, transform 0.1s ease;\n animation: green-pulse-ring 2s infinite; \n }\n .green-cta-button:active {\n transform: scale(0.98);\n }\n \/* Definiendo el pulso con primary-green\/blue (#006b8f) *\/\n @keyframes green-pulse-ring {\n \/* Usando los valores RGBA de #006b8f (0, 107, 143) *\/\n 0% { box-shadow: 0 0 0 0 rgba(0, 107, 143, 0.7); } \n 70% { box-shadow: 0 0 0 10px rgba(0, 107, 143, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(0, 107, 143, 0); }\n }\n\n \/* Estilos específicos para el carrusel de testimonios *\/\n .carousel-container {\n overflow: hidden;\n width: 100%;\n \/* Cursor de arrastre para indicar interactividad *\/\n cursor: grab; \n }\n .carousel-track {\n display: flex;\n transition: transform 0.5s ease-in-out;\n touch-action: pan-y; \/* Permite el arrastre horizontal, bloquea el vertical *\/\n }\n .carousel-slide {\n flex-shrink: 0;\n width: 100%; \/* Cada slide ocupa el 100% del contenedor visible *\/\n padding: 1rem; \/* Asegura que el contenido no toque los bordes *\/\n box-sizing: border-box; \n \/* Altura fija para evitar saltos al cambiar slides *\/\n min-height: 150px; \n }\n\n \/* Estilos para el Slideshow de la Imagen Principal *\/\n .maxi-slide-container {\n height: auto; \n cursor: grab; \/* Añadido cursor para arrastrar *\/\n }\n .maxi-slide-track {\n \/* La transición se maneja por JS ahora *\/\n }\n .maxi-slide-image {\n object-fit: cover;\n }\n\n \/* Estilos para los puntos de paginación del slide principal *\/\n .main-slide-dot {\n transition: all 0.3s ease;\n }\n .main-slide-dot.active {\n opacity: 1;\n background-color: #006b8f; \/* primary-green *\/\n transform: scale(1.1);\n }\n\n\n \/* Estilo para asegurar que solo la primera letra sea mayúscula *\/\n .capitalize-first-letter:first-letter {\n text-transform: uppercase;\n }\n\n \/* Clases de transición para mostrar\/ocultar el CTA fijo *\/\n .sticky-cta-transition {\n transition: transform 0.3s ease-in-out;\n }\n \/* Estado oculto: empujado hacia abajo, fuera de la vista *\/\n .sticky-cta-hidden {\n transform: translateY(100%);\n }\n \/* Estado visible: en su posición normal (bottom-0) *\/\n .sticky-cta-visible {\n transform: translateY(0);\n }\n \n \/* FORZAR LA ANULACIÓN de los estilos .rte de la plataforma (Shopify, etc.) *\/\n \/* 1. Resetear todas las imágenes dentro del contenedor principal a los valores base *\/\n .max-w-xl img {\n border: none !important;\n box-shadow: none !important;\n border-radius: 0 !important;\n margin-bottom: 0 !important;\n }\n\n \/* 2. Re-aplicar selectivamente las clases de Tailwind que SÍ queremos *\/\n \/* Esto \"gana\" al selector .rte img porque es más específico *\/\n .max-w-xl img.rounded-lg { border-radius: 0.5rem !important; }\n .max-w-xl img.rounded-xl { border-radius: 0.75rem !important; }\n .max-w-xl img.rounded-t-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; }\n .max-w-xl img.rounded-b-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }\n .max-w-xl img.rounded-2xl { border-radius: 1rem !important; }\n .max-w-xl img.rounded-full { border-radius: 9999px !important; }\n \n .max-w-xl img.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; }\n .max-w-xl img.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }\n .max-w-xl img.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }\n \n .max-w-xl img.border { border-width: 1px !important; border-style: solid !important; }\n .max-w-xl img.border-2 { border-width: 2px !important; border-style: solid !important; }\n .max-w-xl img.border-4 { border-width: 4px !important; border-style: solid !important; }\n \n .max-w-xl img.border-gray-100 { border-color: #f3f4f6 !important; }\n .max-w-xl img.border-primary-green { border-color: #006b8f !important; }\n .max-w-xl img.border-accent-pink { border-color: #f472b6 !important; }\n .max-w-xl img.border-white { border-color: #ffffff !important; }\n \n .max-w-xl img.mb-3 { margin-bottom: 0.75rem !important; }\n .max-w-xl img.mb-4 { margin-bottom: 1rem !important; }\n .max-w-xl img.mb-8 { margin-bottom: 2rem !important; }\n \u003c\/style\u003e\n\n\n\n \u003cdiv class=\"max-w-xl mx-auto p-4 sm:p-6 lg:p-8\"\u003e\n\n \u003c!-- Galería de Producto (Visuales Rápidos) - SLIDESHOW IMPLEMENTADO --\u003e\n \u003c!-- Se elimina la sombra de la portada (shadow-2xl eliminado de este bloque y de JS) --\u003e\n \u003cdiv class=\"mb-6 max-w-xl mx-auto\"\u003e\n \u003c!-- Contenedor del Slideshow de Imagen Principal. SIN SOMBRA --\u003e\n \u003cdiv id=\"main-slide-container\" class=\"maxi-slide-container mb-8 relative rounded-xl overflow-hidden\"\u003e\n \u003cdiv id=\"main-slide-track\" class=\"maxi-slide-track w-[200%] h-full flex\"\u003e\n \u003c!-- Slide 1: Nueva Imagen (Enfoque de Beneficio). --\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/WVxotMf.jpeg\" alt=\"Recupera 10 años con Colágeno Marino\" class=\"maxi-slide-image w-1\/2 h-auto block\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x600\/000000\/ffffff?text=Imagen+Beneficios+Fallback';\"\u003e\n \u003c!-- Slide 2: Imagen del Tarro (Enfoque de Producto). --\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/Ta5xw3S.jpeg\" alt=\"MAXI PLUS Colágeno Marino, Presentación Principal\" class=\"maxi-slide-image w-1\/2 h-auto block\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x600\/059669\/ffffff?text=Producto+Principal+Fallback';\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Paginación (Puntitos) --\u003e\n \u003cdiv id=\"main-slide-pagination\" class=\"absolute bottom-4 left-0 right-0 flex justify-center space-x-2 z-10\"\u003e\n \u003cspan class=\"main-slide-dot active w-3 h-3 bg-white rounded-full opacity-75\"\u003e\u003c\/span\u003e\n \u003cspan class=\"main-slide-dot w-3 h-3 bg-white rounded-full opacity-50\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- TESTIMONIOS (SOCIAL PROOF) - SECCIÓN PRINCIPAL --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003csection class=\"mb-10 mt-2\"\u003e\n \u003c!-- Título --\u003e\n \u003ch2 class=\"text-2xl font-bold text-secondary-gray mb-4 text-center font-poppins\"\u003e\n ⭐ Más de 10.000 clientes satisfechos\n \u003c\/h2\u003e\n \n \u003c!-- Testimonio Principal (Marta L.) - NO TOCADO --\u003e\n \u003cdiv class=\"p-4 bg-primary-green rounded-2xl shadow-xl mb-6 text-center\"\u003e\n \n \u003c!-- Foto de Perfil Centrada (Circular) --\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/QV23akB.jpeg\" alt=\"Marta L. Testimonio\" class=\"w-24 h-24 rounded-full border-2 border-accent-pink mx-auto mb-4 object-cover\"\u003e\n \n \u003c!-- Texto (Segunda fila) --\u003e\n \u003cdiv class=\"w-full\"\u003e\n \u003cp class=\"star-rating text-3xl mb-1\"\u003e⭐⭐⭐⭐⭐\u003c\/p\u003e\n \u003c!-- text-lg (mantiene el tamaño seguro) --\u003e\n \u003cp class=\"italic text-white text-2xl leading-snug\"\u003e\n \"Mis rodillas dejaron de crujir en solo dos semanas. ¡Es el único que realmente funciona para el dolor articular!\"\n \u003c\/p\u003e\n \u003c!-- Nombre alineado a la derecha, para mejor contraste --\u003e\n \u003cp class=\"text-right mt-3 font-semibold text-white\/90 text-base\"\u003e- Marta L., 52 años.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Carrusel de Testimonios Secundarios (AJUSTADO PARA SWIPE Y TEXTO) --\u003e\n \u003cdiv id=\"testimonial-carousel-1\" class=\"carousel-container rounded-2xl shadow-lg border border-gray-100 bg-white\"\u003e\n \u003cdiv id=\"carousel-track-1\" class=\"carousel-track\"\u003e\n \n \u003c!-- Testimonio 1 (Ana V. - Piel) - TEXTO A text-base para evitar desbordamiento --\u003e\n \u003cdiv class=\"carousel-slide\"\u003e\n \u003cdiv class=\"flex items-start\"\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/7S0XdY6.jpeg\" alt=\"Ana V. Testimonio\" class=\"flex-shrink-0 w-16 h-16 rounded-full border-2 border-primary-green mr-4 object-cover\"\u003e\n \u003cdiv class=\"flex-1\"\u003e\n \u003cp class=\"star-rating text-xl mb-1\"\u003e⭐⭐⭐⭐⭐\u003c\/p\u003e\n \u003c!-- TEXTO AJUSTADO A BASE --\u003e\n \u003cp class=\"text-2xl italic text-gray-700\"\u003e\"Mi dermatólogo lo recomendó. La calidad de mi piel es impresionante, incluso las manchas se ven mejor.\"\u003c\/p\u003e\n \u003cp class=\"text-sm font-semibold mt-2 text-gray-500\"\u003eAna V.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Testimonio 2 (Elena G. - Cabello) - TEXTO A text-base para evitar desbordamiento --\u003e\n \u003cdiv class=\"carousel-slide\"\u003e\n \u003cdiv class=\"flex items-start\"\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/xWmRxeY.jpeg\" alt=\"Elena G. Testimonio\" class=\"flex-shrink-0 w-16 h-16 rounded-full border-2 border-primary-green mr-4 object-cover\"\u003e\n \u003cdiv class=\"flex-1\"\u003e\n \u003cp class=\"star-rating text-xl mb-1\"\u003e⭐⭐⭐⭐⭐\u003c\/p\u003e\n \u003c!-- TEXTO AJUSTADO A BASE --\u003e\n \u003cp class=\"text-2xl italic text-gray-700\"\u003e\"El cabello me creció más rápido que nunca. Ya no necesito pastillas de biotina aparte.\"\u003c\/p\u003e\n \u003cp class=\"text-sm font-semibold mt-2 text-gray-500\"\u003eElena G.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Testimonio 3 (Roberto M. - Sabor) - TEXTO A text-base para evitar desbordamiento --\u003e\n \u003cdiv class=\"carousel-slide\"\u003e\n \u003cdiv class=\"flex items-start\"\u003e\n \u003c!-- Imagen de Roberto M. añadida --\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/hSHwlIY.jpeg\" alt=\"Roberto M. Testimonio\" class=\"flex-shrink-0 w-16 h-16 rounded-full border-2 border-primary-green mr-4 object-cover\"\u003e\n \u003cdiv class=\"flex-1\"\u003e\n \u003cp class=\"star-rating text-xl mb-1\"\u003e⭐⭐⭐⭐⭐\u003c\/p\u003e\n \u003c!-- TEXTO AJUSTADO A BASE --\u003e\n \u003cp class=\"text-2xl italic text-gray-700\"\u003e\"Fácil de tomar, sin sabor. Lo mezclo en mi batido matinal y me siento con más energía. ¡Gran producto!\"\u003c\/p\u003e\n \u003cp class=\"text-sm font-semibold mt-2 text-gray-500\"\u003eRoberto M.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Fin Carrusel --\u003e\n \u003c\/section\u003e\n\n\n \n \u003c!-- CUADRO DE OFERTAS ACTUALIZADO --\u003e\n \u003csection class=\"mt-8 bg-white p-6 rounded-2xl shadow-xl border border-gray-100\"\u003e\n \u003ch2 class=\"text-3xl font-extrabold text-primary-green text-center mb-2 font-poppins\"\u003e\n Elige tu descuento y ahorra \u003cbr\u003econ MAXI PLUS\n \u003c\/h2\u003e\n \u003cp class=\"text-lg text-secondary-gray text-center mb-6 font-semibold\"\u003e\n ¡Entre más cuidas tu salud y belleza, más ahorras!\n \u003c\/p\u003e\n\n \u003c!-- Imagen \"Paga al Recibir\" --\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/b5aAFve.jpeg\" alt=\"Paga al Recibir en Casa\" class=\"w-full h-auto rounded-xl mb-4\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x150\/006b8f\/ffffff?text=Paga+al+Recibir';\"\u003e\n\n \u003c!-- Paquete de Oferta 1 (1 Tarro) - PRECIO AJUSTADO $79.900 --\u003e\n \u003cdiv class=\"flex items-center justify-between p-4 mb-4 bg-bg-light rounded-xl border border-primary-green\/30\"\u003e\n \u003cdiv class=\"flex-1 pr-4\"\u003e\n \u003cp class=\"text-2xl font-bold text-secondary-gray leading-tight\"\u003e1 tarro (700 g) + obsequio de 125 g gratis\u003c\/p\u003e\n \u003c!-- PRECIO AJUSTADO --\u003e\n \u003cp class=\"text-4xl font-extrabold text-cta-color mt-1\"\u003e$79.900\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"w-36 h-36 flex-shrink-0\"\u003e \n \u003cimg src=\"https:\/\/i.imgur.com\/e0LuXxX.png\" alt=\"1 Tarro Maxi Plus Colágeno Marino\" class=\"w-full h-full object-contain\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Paquete de Oferta 2 (2 Tarros) - PRECIO AJUSTADO $135.900 --\u003e\n \u003cdiv class=\"flex items-center justify-between p-4 mb-4 bg-bg-light rounded-xl border border-primary-green\/30\"\u003e\n \u003cdiv class=\"flex-1 pr-4\"\u003e\n \u003cp class=\"text-2xl font-bold text-secondary-gray leading-tight\"\u003e2 tarros con descuento especial + 2 obsequios de 125 g gratis\u003c\/p\u003e\n \u003c!-- PRECIO AJUSTADO --\u003e\n \u003cp class=\"text-4xl font-extrabold text-cta-color mt-1\"\u003e$135.900\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"w-36 h-36 flex-shrink-0\"\u003e \n \u003cimg src=\"https:\/\/i.imgur.com\/AvYLPsM.png\" alt=\"2 Tarros Maxi Plus Colágeno Marino\" class=\"w-full h-full object-contain\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Paquete de Oferta 3 (3 Tarros) - PRECIO AJUSTADO $159.900 --\u003e\n \u003cdiv class=\"flex items-center justify-between p-4 bg-bg-light rounded-xl border border-primary-green\/30\"\u003e\n \u003cdiv class=\"flex-1 pr-4\"\u003e\n \u003cp class=\"text-2xl font-bold text-secondary-gray leading-tight\"\u003e3 tarros con máximo descuento + 3 obsequios de 125 g gratis\u003c\/p\u003e\n \u003c!-- PRECIO AJUSTADO --\u003e\n \u003cp class=\"text-4xl font-extrabold text-cta-color mt-1\"\u003e$159.900\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"w-36 h-36 flex-shrink-0\"\u003e \n \u003cimg src=\"https:\/\/i.imgur.com\/pQUH8hv.png\" alt=\"3 Tarros Maxi Plus Colágeno Marino\" class=\"w-full h-full object-contain\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÓN DE PAGO CONTRA ENTREGA (IDENTIFICADO con ID para el Intersection Observer) --\u003e\n \u003cdiv class=\"mt-6\"\u003e\n \u003ca href=\"\/rsi-btn-hook\" id=\"first-cta-button\" class=\"green-cta-button w-full px-4 py-3 bg-primary-green text-white font-extrabold text-xl rounded-xl shadow-lg hover:bg-[#005a78] focus:outline-none focus:ring-4 focus:ring-primary-green focus:ring-opacity-70 font-poppins flex items-center justify-center no-underline\" role=\"button\"\u003e\n \u003cspan class=\"text-2xl mr-3\"\u003e🚚\u003c\/span\u003e \n PAGO CONTRA ENTREGA\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Iconos de Confianza (Actualizado) --\u003e\n \u003cdiv class=\"mt-6 mb-10\"\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/YqFvPkz.jpeg\" alt=\"Garantía y envío gratuito\" class=\"w-full h-auto rounded-xl shadow-md\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x150\/006b8f\/ffffff?text=Garantía+y+Envío';\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- SECCIÓN DE INGREDIENTES ELIMINADA --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n\n\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- PROBLEMA O INTERÉS (REEMPLAZADO POR IMAGEN DIRECTA) --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003csection class=\"mb-10\" style=\"font-size: 0;\"\u003e \n \u003cimg src=\"https:\/\/i.imgur.com\/6fdU2rv.jpeg\" alt=\"Potencia tu Bienestar\" class=\"w-full h-auto rounded-t-2xl object-cover block\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x300\/F472B6\/ffffff?text=Potencia+tu+Bienestar';\"\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/TvG6cmY.jpeg\" alt=\"Qué pasa si te falta Colágeno\" class=\"w-full h-auto rounded-b-2xl object-cover block\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x300\/006B8F\/ffffff?text=Falta+Colageno';\"\u003e\n \u003c\/section\u003e\n \n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- BENEFICIOS (IMAGE ABOVE, TEXT BELOW) - AJUSTES DE TÍTULO Y TAMAÑO --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003csection class=\"mb-10 p-5 bg-bg-light rounded-2xl shadow-lg border border-primary-green\/20\"\u003e\n \u003c!-- Título CAMBIADO: Así transforma tu cuerpo MAXI PLUS --\u003e\n \u003ch2 class=\"text-2xl font-bold text-primary-green mb-5 text-center font-poppins\"\u003e\n ✅ Así transforma tu cuerpo MAXI PLUS\n \u003c\/h2\u003e\n \u003cdiv class=\"grid grid-cols-1 md:grid-cols-3 gap-6\"\u003e\n \n \u003c!-- Beneficio 1: Movilidad - Título y Descripción ajustados --\u003e\n \u003cdiv class=\"feature-card bg-white p-4 rounded-xl shadow-md border border-gray-100 text-center\"\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/ESC9Otb.jpeg\" alt=\"Imagen de articulaciones saludables\" class=\"rounded-lg w-full mb-3 object-cover\"\u003e\n \u003c!-- Título ajustado a text-xl y texto Adiós dolor --\u003e\n \u003ch3 class=\"font-semibold text-xl text-secondary-gray mb-1 font-poppins\"\u003e1. Adiós dolor\u003c\/h3\u003e\n \u003c!-- Descripción ajustada a text-2xl --\u003e\n \u003cp class=\"text-2xl text-gray-600\"\u003eFortalece cartílagos. Recupera la \u003cspan class=\"font-bold\"\u003eflexibilidad\u003c\/span\u003e que perdiste.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Beneficio 2: Cabello y Uñas - Título y Descripción ajustados --\u003e\n \u003cdiv class=\"feature-card bg-white p-4 rounded-xl shadow-md border border-gray-100 text-center\"\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/pKENU3e.jpeg\" alt=\"Imagen de cabello y uñas sanas\" class=\"rounded-lg w-full mb-3 object-cover\"\u003e\n \u003c!-- Título ajustado a text-xl y texto 2. Anti-caída --\u003e\n \u003ch3 class=\"font-semibold text-xl text-secondary-gray mb-1 font-poppins\"\u003e2. Anti-caída\u003c\/h3\u003e\n \u003c!-- Descripción ajustada a text-2xl --\u003e\n \u003cp class=\"text-2xl text-gray-600\"\u003eCabello más denso y uñas que \u003cspan class=\"font-bold\"\u003eno se quiebran\u003c\/span\u003e gracias a la Biotina.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Beneficio 3: Piel - Título y Descripción ajustados --\u003e\n \u003cdiv class=\"feature-card bg-white p-4 rounded-xl shadow-md border border-gray-100 text-center\"\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/mIhTL4W.jpeg\" alt=\"Imagen de piel suave\" class=\"rounded-lg w-full mb-3 object-cover\"\u003e\n \u003c!-- Título ajustado a text-xl y texto Cero arrugas --\u003e\n \u003ch3 class=\"font-semibold text-xl text-secondary-gray mb-1 font-poppins\"\u003e3. Cero arrugas\u003c\/h3\u003e\n \u003c!-- Descripción ajustada a text-2xl --\u003e\n \u003cp class=\"text-2xl text-gray-600\"\u003ePiel visiblemente \u003cspan class=\"font-bold\"\u003emás elástica y firme\u003c\/span\u003e. Efecto lifting natural.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- REPETIR LA OFERTA (REPEAT OFFER) - EVITAR PÉRDIDA --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003cdiv class=\"text-center p-6 bg-cta-color\/10 rounded-2xl shadow-xl border-4 border-cta-color mb-10\"\u003e\n \u003c!-- Título (Aplica font-poppins) --\u003e\n \u003ch2 class=\"text-2xl font-bold text-cta-color mb-3 font-poppins\"\u003e¡NO ESPERES MÁS!\u003c\/h2\u003e\n \u003c!-- TEXTO GRANDE Y LEGIBLE (MODIFICADO) --\u003e\n \u003cp class=\"text-xl text-secondary-gray mb-4 font-semibold\"\u003e \n ¡Compra hoy y llévate \u003cspan class=\"font-extrabold text-primary-green\"\u003e125 gramos adicionales gratis por cada tarro\u003c\/span\u003e! \n \u003c\/p\u003e\n \u003c!-- El CTA principal se repite aquí también. Cambiado a \u003ca\u003e con href=\"\/rsi-btn-hook\" --\u003e\n \u003ca href=\"\/rsi-btn-hook\" class=\"cta-button w-full sm:w-auto px-10 py-3 bg-cta-color text-white font-extrabold text-xl rounded-xl shadow-lg hover:bg-[#057577] focus:outline-none focus:ring-4 focus:ring-cta-color focus:ring-opacity-70 font-poppins flex justify-center no-underline\" role=\"button\"\u003e\n QUIERO EMPEZAR MI TRATAMIENTO AHORA\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- CÓMO USAR (HOW TO USE) - SECCIÓN FÁCIL Y CLARA [ACTUALIZADA] --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003csection class=\"mb-10 p-5 bg-white rounded-2xl shadow-lg border border-gray-100\"\u003e\n \u003ch2 class=\"text-2xl font-bold text-secondary-gray mb-6 text-center font-poppins\"\u003e\n 🤔 ¿Cómo tomar MAXI PLUS?\n \u003c\/h2\u003e\n \u003cdiv class=\"space-y-6\"\u003e\n \n \u003c!-- Item 1 --\u003e\n \u003cdiv class=\"flex items-center p-4 bg-bg-light rounded-xl shadow-sm border border-gray-100\"\u003e\n \u003cspan class=\"text-4xl font-extrabold text-primary-green mr-4\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3 class=\"font-bold text-xl text-secondary-gray font-poppins\"\u003eDosis recomendada\u003c\/h3\u003e\n \u003cp class=\"text-2xl text-gray-600\"\u003eGeneralmente, se recomienda tomar entre 5 y 10 gramos al día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Item 2 --\u003e\n \u003cdiv class=\"flex items-center p-4 bg-bg-light rounded-xl shadow-sm border border-gray-100\"\u003e\n \u003cspan class=\"text-4xl font-extrabold text-primary-green mr-4\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3 class=\"font-bold text-xl text-secondary-gray font-poppins\"\u003eEn polvo\u003c\/h3\u003e\n \u003cp class=\"text-2xl text-gray-600\"\u003eMezcla la dosis recomendada en agua, jugo, café, batidos o cualquier otra bebida. También puedes agregarlo al yogur, sopas o recetas de repostería.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Item 3 --\u003e\n \u003cdiv class=\"flex items-center p-4 bg-bg-light rounded-xl shadow-sm border border-gray-100\"\u003e\n \u003cspan class=\"text-4xl font-extrabold text-primary-green mr-4\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3 class=\"font-bold text-xl text-secondary-gray font-poppins\"\u003eMomento del día\u003c\/h3\u003e\n \u003cp class=\"text-2xl text-gray-600\"\u003ePuedes tomarlo en cualquier momento, pero muchas personas prefieren consumirlo por la mañana con el desayuno o por la noche antes de dormir. Si lo tomas para la recuperación muscular, es ideal hacerlo después del ejercicio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Item 4 --\u003e\n \u003cdiv class=\"flex items-center p-4 bg-bg-light rounded-xl shadow-sm border border-gray-100\"\u003e\n \u003cspan class=\"text-4xl font-extrabold text-primary-green mr-4\"\u003e4\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3 class=\"font-bold text-xl text-secondary-gray font-poppins\"\u003eConsistencia\u003c\/h3\u003e\n \u003cp class=\"text-2xl text-gray-600\"\u003ePara obtener los mejores resultados, es importante consumirlo de manera constante todos los días.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- RESEÑAS ADICIONALES (ACTUALIZADAS) --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003csection class=\"mb-10 p-5 bg-white rounded-2xl shadow-lg border border-gray-100\"\u003e\n \u003ch2 class=\"text-2xl font-bold text-secondary-gray mb-5 text-center font-poppins\"\u003e\n 💬 Clientes satisfechos\n \u003c\/h2\u003e\n \u003cdiv class=\"space-y-4\"\u003e\n\n \u003c!-- Reseña 1: Piel Hidratada (Lucía P.) --\u003e\n \u003cdiv class=\"p-4 bg-bg-light rounded-xl border border-gray-100 shadow-sm\"\u003e\n \u003cp class=\"star-rating text-xl mb-1\"\u003e⭐⭐⭐⭐⭐\u003c\/p\u003e\n \u003cp class=\"italic text-gray-700 font-medium\"\u003e\n \"Noté mi piel mucho más hidratada a la tercera semana. Me encanta que sea marino, sé que es de calidad.\"\n \u003c\/p\u003e\n \u003cp class=\"text-sm font-semibold mt-2 text-primary-green\/80\"\u003e- Lucía P.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reseña 2: Post-entrenamiento (Fernando B.) --\u003e\n \u003cdiv class=\"p-4 bg-bg-light rounded-xl border border-gray-100 shadow-sm\"\u003e\n \u003cp class=\"star-rating text-xl mb-1\"\u003e⭐⭐⭐⭐⭐\u003c\/p\u003e\n \u003cp class=\"italic text-gray-700 font-medium\"\u003e\n \"Excelente para mi recuperación post-entrenamiento. Menos dolor muscular y mis tendones están más fuertes.\"\n \u003c\/p\u003e\n \u003cp class=\"text-sm font-semibold mt-2 text-primary-green\/80\"\u003e- Fernando B.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Reseña 3: Atleta \/ Inflamación (Javier S.) --\u003e\n \u003cdiv class=\"p-4 bg-bg-light rounded-xl border border-gray-100 shadow-sm\"\u003e\n \u003cp class=\"star-rating text-xl mb-1\"\u003e⭐⭐⭐⭐⭐\u003c\/p\u003e\n \u003cp class=\"italic text-gray-700 font-medium\"\u003e\n \"Soy atleta. Mis articulaciones necesitaban este empujón. Menos inflamación después de mis carreras.\"\n \u003c\/p\u003e\n \u003cp class=\"text-sm font-semibold mt-2 text-primary-green\/80\"\u003e- Javier S.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- REPETICIÓN FINAL DEL CTA (FINAL CTA) - MOVIDA ARRIBA --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003cdiv class=\"text-center p-6 bg-primary-green rounded-2xl shadow-xl border-4 border-white mb-10\"\u003e \u003c!-- Añadido mb-10 para separación --\u003e\n \u003ch2 class=\"text-3xl font-extrabold text-white mb-3 font-poppins\"\u003e\n ¡ORDENA HOY Y PAGA AL RECIBIR!\n \u003c\/h2\u003e\n \u003cp class=\"text-xl text-white\/90 mb-6 font-medium\"\u003e\n Selecciona tu paquete favorito de MAXI PLUS y disfruta de los obsequios.\n \u003c\/p\u003e\n \u003c!-- BOTÓN DE PAGO CONTRA ENTREGA FINAL --\u003e\n \u003ca href=\"\/rsi-btn-hook\" class=\"green-cta-button w-full sm:w-auto px-10 py-4 bg-accent-pink text-white font-extrabold text-2xl rounded-xl shadow-2xl hover:bg-[#d946ef] focus:outline-none focus:ring-4 focus:ring-accent-pink focus:ring-opacity-70 font-poppins flex items-center justify-center no-underline\" role=\"button\"\u003e\n \u003cspan class=\"text-3xl mr-3\"\u003e🎁\u003c\/span\u003e\n QUIERO MI DESCUENTO EXCLUSIVO\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- FAQ SIMPLE (FREQUENTLY ASKED QUESTIONS) - [ACTUALIZADA] --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003csection class=\"mb-10 p-5 bg-white rounded-2xl shadow-lg border border-gray-100\"\u003e\n \u003ch2 class=\"text-2xl font-bold text-secondary-gray mb-5 text-center font-poppins\"\u003e\n ❓ ¿Dudas? Resolvemos tus preguntas\n \u003c\/h2\u003e\n \u003cdiv class=\"space-y-4\"\u003e\n \n \u003c!-- Pregunta 1: ¿Cuándo veo resultados? --\u003e\n \u003cdetails class=\"group rounded-xl p-4 bg-bg-light border border-gray-100 open:bg-primary-green\/10\"\u003e\n \u003csummary class=\"flex justify-between items-center cursor-pointer font-semibold text-lg text-secondary-gray group-open:text-primary-green\"\u003e\n ¿Cómo saber si el colágeno está haciendo efecto?\n \u003cspan class=\"text-xl transform group-open:rotate-90 transition-transform\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cp class=\"mt-2 text-gray-600\"\u003eLas personas que consumen colágeno a diario pueden notar una mejor hidratación de la piel, una mayor elasticidad de la piel y pueden notar que su piel está más firme y más joven..\u003c\/p\u003e\n \u003c\/details\u003e\n\n \u003c!-- Pregunta 2: ¿Cómo se prepara? --\u003e\n \u003cdetails class=\"group rounded-xl p-4 bg-bg-light border border-gray-100 open:bg-primary-green\/10\"\u003e\n \u003csummary class=\"flex justify-between items-center cursor-pointer font-semibold text-lg text-secondary-gray group-open:text-primary-green\"\u003e\n ¿Cómo se prepara?\n \u003cspan class=\"text-xl transform group-open:rotate-90 transition-transform\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cp class=\"mt-2 text-gray-600\"\u003eDisuelve \u003cspan class=\"font-bold\"\u003e20g (una cucharadita)\u003c\/span\u003e en agua, café o batido. Tiene sabor neutro. Puedes tomarlo \u003cspan class=\"font-bold\"\u003e2 veces al día\u003c\/span\u003e.\u003c\/p\u003e\n \u003c\/details\u003e\n\n \u003c!-- Pregunta 3: ¿Puedo tomar este colágeno si soy diabética o tengo hipertensión? --\u003e\n \u003cdetails class=\"group rounded-xl p-4 bg-bg-light border border-gray-100 open:bg-primary-green\/10\"\u003e\n \u003csummary class=\"flex justify-between items-center cursor-pointer font-semibold text-lg text-secondary-gray group-open:text-primary-green\"\u003e\n ¿Puedo tomar este colágeno si soy diabética o tengo hipertensión?\n \u003cspan class=\"text-xl transform group-open:rotate-90 transition-transform\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cp class=\"mt-2 text-gray-600\"\u003eEl colágeno \u003cspan class=\"font-bold\"\u003eno interfiere\u003c\/span\u003e con ninguna enfermedad existente. De todas formas, te recomendamos consultarlo con tu médico de cabecera.\u003c\/p\u003e\n \u003c\/details\u003e\n\n \u003c!-- Pregunta 4: ¿Qué sabor tiene? --\u003e\n \u003cdetails class=\"group rounded-xl p-4 bg-bg-light border border-gray-100 open:bg-primary-green\/10\"\u003e\n \u003csummary class=\"flex justify-between items-center cursor-pointer font-semibold text-lg text-secondary-gray group-open:text-primary-green\"\u003e\n ¿Qué sabor tiene?\n \u003cspan class=\"text-xl transform group-open:rotate-90 transition-transform\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cp class=\"mt-2 text-gray-600\"\u003eEl colágeno marino hidrolizado suele tener un sabor suave a pescado, ya que se extrae de las escamas, piel o huesos de peces. Además, se suelen agregar sabores o endulzantes para mejorar su palatabilidad, especialmente en presentaciones en polvo o en bebidas.\u003c\/p\u003e\n \u003c\/details\u003e\n\n \u003c!-- Pregunta 5: ¿Quién lo puede consumir? --\u003e\n \u003cdetails class=\"group rounded-xl p-4 bg-bg-light border border-gray-100 open:bg-primary-green\/10\"\u003e\n \u003csummary class=\"flex justify-between items-center cursor-pointer font-semibold text-lg text-secondary-gray group-open:text-primary-green\"\u003e\n ¿Quién lo puede consumir?\n \u003cspan class=\"text-xl transform group-open:rotate-90 transition-transform\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cp class=\"mt-2 text-gray-600\"\u003eEl colágeno hidrolizado es seguro para la mayoría de las personas, especialmente adultos mayores, personas con problemas articulares, deportistas y quienes buscan mejorar la salud de la piel, el cabello y las uñas. También es útil para personas con problemas digestivos o que siguen dietas bajas en carbohidratos. Siempre es recomendable consultar a un médico antes de usarlo si se tienen condiciones médicas o se está embarazada.\u003c\/p\u003e\n \u003c\/details\u003e\n\n \u003c!-- Pregunta 6: ¿Puedo tomar colágeno marino hidrolizado si sigo una dieta específica? --\u003e\n \u003cdetails class=\"group rounded-xl p-4 bg-bg-light border border-gray-100 open:bg-primary-green\/10\"\u003e\n \u003csummary class=\"flex justify-between items-center cursor-pointer font-semibold text-lg text-secondary-gray group-open:text-primary-green\"\u003e\n ¿Puedo tomar colágeno marino hidrolizado si sigo una dieta específica?\n \u003cspan class=\"text-xl transform group-open:rotate-90 transition-transform\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cp class=\"mt-2 text-gray-600\"\u003eSí, el colágeno marino hidrolizado es compatible con la mayoría de las dietas específicas, como la dieta cetogénica, paleo y bajas en carbohidratos.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- FOOTER SIMPLE --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003cfooter class=\"mt-10 text-center text-sm text-secondary-gray\/70\"\u003e\n \u003cp\u003eMAXI PLUS | Colágeno Marino Hidrolizado. \u003c\/p\u003e\n \u003cp class=\"mt-1\"\u003eTodos los derechos reservados.\u003c\/p\u003e\n \u003c\/footer\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- Barra de CTA Fija en la Parte Inferior (Mobile First) --\u003e\n \u003c!-- Clase inicial para ocultar con transición: sticky-cta-hidden --\u003e\n \u003cdiv id=\"sticky-cta\" class=\"fixed bottom-0 left-0 right-0 p-4 bg-white\/95 backdrop-blur-sm shadow-[0_-5px_15px_rgba(0,0,0,0.1)] z-50 sticky-cta-transition sticky-cta-hidden\"\u003e\n \u003cdiv class=\"max-w-xl mx-auto\"\u003e\n \u003ca href=\"\/rsi-btn-hook\" class=\"cta-button w-full px-4 py-3 bg-cta-color text-white font-extrabold text-xl rounded-xl shadow-lg hover:bg-[#057577] focus:outline-none focus:ring-4 focus:ring-cta-color focus:ring-opacity-70 font-poppins flex items-center justify-center no-underline\" role=\"button\"\u003e\n \u003cspan class=\"text-2xl mr-3\"\u003e🛒\u003c\/span\u003e \n ¡COMPRA AHORA Y PAGA EN CASA!\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003c!-- SCRIPT DE INTERACCIÓN (CARRUSELES Y SLIDESHOW + OBSERVER) --\u003e\n \u003c!-- ---------------------------------------------------- --\u003e\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n\n \/\/ ==========================================================\n \/\/ LÓGICA DEL SLIDESHOW PRINCIPAL (ARRASTRABLE + AUTO)\n \/\/ ==========================================================\n const setupDraggableSlideshow = (containerId, trackId, paginationId, intervalTime = 5000) =\u003e {\n const container = document.getElementById(containerId);\n const track = document.getElementById(trackId);\n const pagination = document.getElementById(paginationId);\n if (!container || !track || !pagination) return;\n\n const dots = pagination.querySelectorAll('.main-slide-dot');\n const totalSlides = dots.length; \/\/ 2\n \n let isDragging = false;\n let startPos = 0;\n let currentTranslate = 0;\n let prevTranslate = 0;\n let animationID;\n let currentIndex = 0;\n let containerWidth = container.clientWidth;\n let autoSlideInterval;\n\n \/\/ --- Funciones de Ayuda ---\n\n const updatePagination = () =\u003e {\n dots.forEach((dot, index) =\u003e {\n dot.classList.toggle('active', index === currentIndex);\n dot.classList.toggle('opacity-50', index !== currentIndex);\n dot.classList.toggle('opacity-75', index === currentIndex);\n });\n };\n \n const slideTo = (index) =\u003e {\n containerWidth = container.clientWidth;\n track.style.transition = 'transform 0.3s ease-out';\n currentTranslate = index * -containerWidth;\n prevTranslate = currentTranslate;\n track.style.transform = `translateX(${currentTranslate}px)`;\n currentIndex = index;\n updatePagination();\n };\n\n const slideNext = () =\u003e {\n const nextIndex = (currentIndex + 1) % totalSlides;\n slideTo(nextIndex);\n };\n\n const resetAutoSlide = () =\u003e {\n clearInterval(autoSlideInterval);\n autoSlideInterval = setInterval(slideNext, intervalTime);\n };\n\n \/\/ --- Funciones de Arrastre ---\n\n \/\/ Variables para los listeners globales\n const dragMoveListener = (e) =\u003e dragMove(e.type === 'touchmove' ? e.touches[0].clientX : e.clientX);\n const dragEndListener = (e) =\u003e dragEnd(e.type === 'touchend' ? e.changedTouches[0].clientX : e.clientX);\n\n const dragStart = (clientX) =\u003e {\n isDragging = true;\n startPos = clientX;\n containerWidth = container.clientWidth;\n track.style.transition = 'none'; \n container.style.cursor = 'grabbing';\n clearInterval(autoSlideInterval); \/\/ Pausa el auto-slide\n animationID = requestAnimationFrame(animation);\n\n \/\/ *** CORRECCIÓN: Añadir listeners globales ***\n window.addEventListener('mousemove', dragMoveListener);\n window.addEventListener('mouseup', dragEndListener);\n window.addEventListener('touchmove', dragMoveListener);\n window.addEventListener('touchend', dragEndListener);\n };\n\n const dragMove = (clientX) =\u003e {\n if (!isDragging) return;\n \n const currentPosition = clientX;\n let moveBy = currentPosition - startPos;\n\n \/\/ Lógica de restricción:\n if (currentIndex === 0 \u0026\u0026 moveBy \u003e 0) {\n moveBy = 0; \/\/ Restringe el movimiento a la derecha en el primer slide\n }\n if (currentIndex === (totalSlides - 1) \u0026\u0026 moveBy \u003c 0) {\n moveBy = 0; \/\/ Restringe el movimiento a la izquierda en el último slide\n }\n \n currentTranslate = prevTranslate + moveBy;\n track.style.transform = `translateX(${currentTranslate}px)`;\n };\n\n const dragEnd = (clientX) =\u003e {\n if (!isDragging) return;\n \n cancelAnimationFrame(animationID);\n isDragging = false;\n container.style.cursor = 'grab';\n\n \/\/ *** CORRECCIÓN: Eliminar listeners globales ***\n window.removeEventListener('mousemove', dragMoveListener);\n window.removeEventListener('mouseup', dragEndListener);\n window.removeEventListener('touchmove', dragMoveListener);\n window.removeEventListener('touchend', dragEndListener);\n\n const movedBy = clientX - startPos;\n const threshold = containerWidth \/ 4; \/\/ 25% del ancho\n\n \/\/ Si arrastré (negativo) lo suficiente Y no estoy en el último slide\n if (movedBy \u003c -threshold \u0026\u0026 currentIndex \u003c (totalSlides - 1)) {\n currentIndex = 1; \/\/ Voy al slide 1\n } \n \/\/ Si arrastré (positivo) lo suficiente Y no estoy en el primer slide\n else if (movedBy \u003e threshold \u0026\u0026 currentIndex \u003e 0) {\n currentIndex = 0; \/\/ Voy al slide 0\n }\n\n slideTo(currentIndex); \/\/ Snap al slide correcto\n resetAutoSlide(); \/\/ Reinicia el auto-slide\n };\n\n const animation = () =\u003e {\n if (isDragging) requestAnimationFrame(animation);\n };\n \n \/\/ --- Inicialización y Event Listeners ---\n \n \/\/ Asegurar que el tamaño sea correcto al inicio y al redimensionar\n window.addEventListener('resize', () =\u003e slideTo(currentIndex));\n slideTo(currentIndex);\n resetAutoSlide();\n \n \/\/ Event Listeners (Mouse)\n container.addEventListener('mousedown', (e) =\u003e {\n e.preventDefault(); \/\/ Evitar arrastre de imagen fantasma\n dragStart(e.clientX);\n });\n\n \/\/ Event Listeners (Touch)\n container.addEventListener('touchstart', (e) =\u003e {\n dragStart(e.touches[0].clientX);\n });\n };\n\n\n \/\/ ==========================================================\n \/\/ LÓGICA DE CARRUSEL CON SWIPE (TESTIMONIOS)\n \/\/ ==========================================================\n const setupTestimonialCarousel = (containerId, trackId, totalSlides, intervalTime) =\u003e {\n const container = document.getElementById(containerId);\n const track = document.getElementById(trackId);\n if (!container || !track) return;\n\n let isDragging = false;\n let startPos = 0;\n let currentTranslate = 0;\n let prevTranslate = 0;\n let animationID;\n let currentIndex = 0;\n let interval;\n let containerWidth = container.clientWidth;\n\n \/\/ 1. Funciones de Navegación\n const setPositionByIndex = () =\u003e {\n containerWidth = container.clientWidth;\n currentTranslate = currentIndex * -containerWidth;\n prevTranslate = currentTranslate;\n track.style.transition = 'transform 0.5s ease-in-out';\n track.style.transform = `translateX(${currentTranslate}px)`;\n };\n\n const slideToNext = () =\u003e {\n currentIndex = (currentIndex + 1) % totalSlides;\n setPositionByIndex();\n };\n\n const resetInterval = () =\u003e {\n clearInterval(interval);\n interval = setInterval(slideToNext, intervalTime);\n };\n\n \/\/ Variables para listeners globales de testimonios\n const testimonialDragMove = (e) =\u003e dragMove(e.type === 'touchmove' ? e.touches[0].clientX : e.clientX);\n const testimonialDragEnd = (e) =\u003e dragEnd(e.type === 'touchend' ? e.changedTouches[0].clientX : e.clientX);\n\n \/\/ 2. Funciones de Drag\/Swipe\n const dragStart = (clientX) =\u003e {\n isDragging = true;\n startPos = clientX;\n containerWidth = container.clientWidth;\n track.style.transition = 'none'; \n clearInterval(interval); \n animationID = requestAnimationFrame(animation);\n \n window.addEventListener('mousemove', testimonialDragMove);\n window.addEventListener('mouseup', testimonialDragEnd);\n window.addEventListener('touchmove', testimonialDragMove);\n window.addEventListener('touchend', testimonialDragEnd);\n };\n\n const dragMove = (clientX) =\u003e {\n if (!isDragging) return;\n const currentPosition = clientX;\n currentTranslate = prevTranslate + (currentPosition - startPos);\n };\n\n const dragEnd = (clientX) =\u003e {\n if (!isDragging) return;\n \n cancelAnimationFrame(animationID);\n isDragging = false;\n\n window.removeEventListener('mousemove', testimonialDragMove);\n window.removeEventListener('mouseup', testimonialDragEnd);\n window.removeEventListener('touchmove', testimonialDragMove);\n window.removeEventListener('touchend', testimonialDragEnd);\n \n const movedBy = clientX - startPos;\n const threshold = containerWidth \/ 4; \n\n if (movedBy \u003c -threshold \u0026\u0026 currentIndex \u003c totalSlides - 1) {\n currentIndex += 1; \n } else if (movedBy \u003e threshold \u0026\u0026 currentIndex \u003e 0) {\n currentIndex -= 1; \n }\n\n setPositionByIndex(); \n resetInterval(); \n };\n\n const animation = () =\u003e {\n track.style.transform = `translateX(${currentTranslate}px)`;\n if (isDragging) requestAnimationFrame(animation);\n };\n \n \/\/ 3. Inicialización y Event Listeners\n resetInterval(); \n window.addEventListener('resize', setPositionByIndex);\n\n container.addEventListener('mousedown', (e) =\u003e {\n e.preventDefault();\n dragStart(e.clientX);\n });\n container.addEventListener('touchstart', (e) =\u003e {\n dragStart(e.touches[0].clientX);\n });\n \n setPositionByIndex();\n };\n\n \/\/ ==========================================================\n \/\/ LÓGICA DE INTERSECTION OBSERVER para el CTA Fijo (Corregido)\n \/\/ ==========================================================\n const firstCta = document.getElementById('first-cta-button');\n const stickyCta = document.getElementById('sticky-cta');\n\n if (firstCta \u0026\u0026 stickyCta) {\n const observerOptions = {\n root: null, \n rootMargin: '0px',\n threshold: 0.5 \n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (!entry.isIntersecting) {\n stickyCta.classList.remove('sticky-cta-hidden');\n stickyCta.classList.add('sticky-cta-visible');\n } else {\n stickyCta.classList.remove('sticky-cta-visible');\n stickyCta.classList.add('sticky-cta-hidden');\n }\n });\n }, observerOptions);\n\n observer.observe(firstCta);\n }\n \/\/ ==========================================================\n\n\n \/\/ Ejecución de todos los carruseles\/slideshows\n setupDraggableSlideshow('main-slide-container', 'main-slide-track', 'main-slide-pagination', 5000); \/\/ 5 segundos\n setupTestimonialCarousel('testimonial-carousel-1', 'carousel-track-1', 3, 5000); \/\/ Primer carrusel de testimonios\n });\n \u003c\/script\u003e\n\u003c\/body\u003e","brand":"OH MY SHOP","offers":[{"title":"Default Title","offer_id":56593501618521,"sku":"13022025","price":79900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/CM1.jpg?v=1772219762"},{"product_id":"matificantepielgrasa","title":"Marbella Beauty Matificante Black Days","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003c!-- Viewport idéntico a reloj.html para garantizar la escala móvil correcta --\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1.0, user-scalable=no\"\u003e\n \u003ctitle\u003eLanding Page - Marbella Beauty\u003c\/title\u003e\n \n \u003c!-- Tailwind CSS (CDN Estándar) --\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \n \u003c!-- Fuentes: Poppins para títulos, Montserrat para cuerpo --\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900\u0026amp;family=Montserrat:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \n \u003cstyle\u003e\n \/* Reseteo idéntico a reloj.html *\/\n html, body { \n margin: 0; \n padding: 0; \n width: 100%; \n overflow-x: hidden; \n background-color: #fdf4f8; \/* Fondo ajustado: Lila\/Rosa muy suave y cálido *\/\n -webkit-font-smoothing: antialiased; \n -webkit-tap-highlight-color: transparent; \n font-family: 'Montserrat', sans-serif;\n }\n \n .hide-scrollbar::-webkit-scrollbar { display: none; }\n .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n \n \/* Animaciones *\/\n .slide-img { will-change: opacity; }\n \n \/* Animación flecha desliza *\/\n @keyframes swipe-right {\n 0%, 100% { transform: translateX(0); }\n 50% { transform: translateX(8px); }\n }\n .animate-swipe { animation: swipe-right 1.5s infinite ease-in-out; }\n\n \/* Animación Neón Navideño *\/\n @keyframes neon-pulse {\n 0%, 100% { box-shadow: 0 0 10px #ef4444, 0 0 20px #ef4444, 0 0 30px #ef4444; border-color: #ef4444; }\n 50% { box-shadow: 0 0 5px #10b981, 0 0 10px #10b981, 0 0 15px #10b981; border-color: #10b981; }\n }\n .neon-christmas {\n animation: neon-pulse 2s infinite alternate;\n }\n \u003c\/style\u003e\n\n\n \n \u003c!-- CONTENEDOR PRINCIPAL --\u003e\n \u003cdiv class=\"w-full max-w-xl mx-auto bg-white min-h-screen relative overflow-hidden shadow-2xl pb-48\"\u003e\n\n \u003c!-- 3. Portada Principal (Slideshow) --\u003e\n \u003cdiv id=\"mod_cover\" class=\"relative w-full overflow-hidden group bg-gray-200\"\u003e\n \u003c!-- Imágenes del Slideshow --\u003e\n \u003cdiv id=\"slideshow-container\" class=\"relative w-full\"\u003e\n \u003c!-- Usamos position relative en la primera imagen para marcar la altura del contenedor --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/port1b.webp?v=1764875222\" class=\"slide-img relative w-full h-auto object-cover transition-opacity duration-1000 opacity-100 block\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/port2.webp?v=1764875248\" class=\"slide-img absolute inset-0 w-full h-full object-cover transition-opacity duration-1000 opacity-0\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/port3.webp?v=1764875270\" class=\"slide-img absolute inset-0 w-full h-full object-cover transition-opacity duration-1000 opacity-0\"\u003e\n \n \u003c!-- Degradado violeta rojizo para contraste --\u003e\n \u003cdiv class=\"absolute inset-0 bg-gradient-to-t from-[#701a75]\/90 via-[#701a75]\/10 to-transparent pointer-events-none\"\u003e\u003c\/div\u003e\n\n \u003c!-- Contenido SUPERPUESTO (Título, texto y review) --\u003e\n \u003cdiv class=\"absolute bottom-0 inset-x-0 p-6 text-white text-center pb-4 z-10 flex flex-col justify-end h-full\"\u003e\n \n \u003c!-- TITULO --\u003e\n \u003ch1 class=\"font-['Poppins'] text-5xl md:text-7xl mb-2 leading-none drop-shadow-xl font-medium text-white tracking-tight\"\u003ePolvo Matificante Marbella Beauty\u003c\/h1\u003e\n \n \u003c!-- TEXTO --\u003e\n \u003cp class=\"font-['Montserrat'] mb-4 opacity-100 text-fuchsia-50 text-2xl md:text-4xl font-bold leading-tight drop-shadow-md\"\u003eObtén una piel mate, suave y sin brillo ¡En un solo paso!\u003c\/p\u003e\n \n \u003c!-- REVIEW --\u003e\n \u003cdiv class=\"flex flex-col items-center gap-1 text-white font-bold w-fit mx-auto drop-shadow-md mb-2\"\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D]\"\u003e\n \u003csvg class=\"w-6 h-6 fill-current drop-shadow-sm\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n \u003csvg class=\"w-6 h-6 fill-current drop-shadow-sm\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n \u003csvg class=\"w-6 h-6 fill-current drop-shadow-sm\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n \u003csvg class=\"w-6 h-6 fill-current drop-shadow-sm\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n \u003csvg class=\"w-6 h-6 fill-current drop-shadow-sm\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cspan class=\"text-lg md:text-xl font-['Montserrat'] shadow-black\"\u003e4.9\/5 (8000 reseñas)\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- Puntos de navegación --\u003e\n \u003cdiv class=\"flex justify-center gap-4 mt-2 pointer-events-auto pb-4\" id=\"slideshow-dots\"\u003e\n \u003cdiv class=\"dot w-3 h-3 rounded-full transition-all shadow-md bg-white scale-125 border-2 border-transparent\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dot w-3 h-3 rounded-full transition-all shadow-md bg-white\/50 border-2 border-white\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dot w-3 h-3 rounded-full transition-all shadow-md bg-white\/50 border-2 border-white\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. Título Sección --\u003e\n \u003cdiv id=\"mod_title_4\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-14 text-center\"\u003e\n \u003ch2 class=\"text-5xl md:text-6xl font-bold leading-tight font-['Poppins'] text-[#ac52d4]\"\u003e¿Tu rostro se ve grasoso durante el día?\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 25. Título Extra --\u003e\n \u003cdiv id=\"mod_copy_aevigm3ii\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 pb-12 text-center\"\u003e\n \u003ch2 class=\"text-3xl md:text-4xl font-medium leading-relaxed font-['Poppins'] text-gray-700\"\u003eEl nuevo polvo matificante de Marbella Beauty, controla la grasa y deja un acabado con efecto filtro. para hombres y mujeres\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Últimas Opiniones --\u003e\n \u003cdiv id=\"mod_reviews_5\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"py-14 px-0 bg-gradient-to-b from-white to-[#fce7f3]\"\u003e\n \u003ch3 class=\"text-center font-bold mb-6 text-4xl md:text-5xl text-[#4A044E] font-['Poppins']\"\u003eÚltimas opiniones\u003c\/h3\u003e\n \n \u003cdiv class=\"flex items-center justify-center gap-3 mb-10 opacity-80 animate-pulse\"\u003e\n \u003cspan class=\"text-xl uppercase tracking-widest text-[#ac52d4] font-bold font-['Montserrat']\"\u003eDesliza\u003c\/span\u003e\n \u003csvg class=\"w-8 h-8 text-[#ac52d4] animate-swipe\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 5 19 12 12 19\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"flex overflow-x-auto gap-6 pb-10 px-6 snap-x mandatory hide-scrollbar\"\u003e\n \u003c!-- REVIEWS ... --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764792503156.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eAna G.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"¡No puedo salir sin él! Me mantiene sin brillos todo el día.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 2 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764806586981.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eCarolina G.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Lo llevé a la playa y mi maquillaje quedó intacto.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 3 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764792448603.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eLaura M.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Es compacto, práctico y super efectivo.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 4 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764793197894.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eValentina D.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Mi piel mixta lo ama. ¡Adiós al brillo!\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 5 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764793069247.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eSofía H.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Luzco impecable en todas mis fotos gracias a este polvo.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 6 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764792553465.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eJazmín M.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Desde que lo uso, mi piel no brilla ni con calor. Lo amo.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 7 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764793414143.jpg?v=1764806709\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eRebeca T\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Tengo piel mixta y me ayudó muchísimo a controlarla.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 8 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764806323583.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eAndrea R.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Me dura todo el día, incluso en el gimnasio.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 9 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764793689565.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eRoberto B.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Ahora es posible controlar la grasa de mi cara.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Review 10 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat'] flex flex-col justify-center\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764802885010.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eMaría J.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"No tiene color, así que lo uso hasta sin maquillaje.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Imagen Full --\u003e\n \u003cdiv id=\"mod_img_title_6\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"w-full\"\u003e\n \u003ch2 class=\"text-center font-bold text-4xl md:text-5xl py-12 px-6 font-['Poppins'] text-[#ac52d4]\"\u003eApto para todos los tonos de piel\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/apto.webp?v=1764805156\" class=\"w-full h-auto object-cover\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Título --\u003e\n \u003cdiv id=\"mod_title_7\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-14 text-center\"\u003e\n \u003ch2 class=\"text-5xl md:text-6xl font-bold leading-snug font-['Poppins'] text-[#ac52d4]\"\u003eMatificante natural, resistente al sudor y sin color.\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. Por qué elegirlo (Vive la transformación) --\u003e\n \u003cdiv id=\"mod_why_8\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"py-16 px-6 text-center bg-white rounded-t-[3.5rem] shadow-[0_-10px_40px_rgba(0,0,0,0.02)]\"\u003e\n \u003ch3 class=\"font-bold text-5xl md:text-6xl mb-14 relative inline-block text-[#4A044E] font-['Poppins']\"\u003e\n ¡Vive la transformación de tu piel!\n \u003cspan class=\"absolute -bottom-4 left-1\/4 right-1\/4 h-2 bg-[#f0c4eb] rounded-full\"\u003e\u003c\/span\u003e\n \u003c\/h3\u003e\n \u003cdiv class=\"grid grid-cols-2 gap-x-8 gap-y-14 mb-14\"\u003e\n \u003cdiv class=\"flex flex-col items-center group\"\u003e\n \u003cdiv class=\"overflow-hidden rounded-[2.5rem] mb-6 shadow-xl border-2 border-[#fae8f5] aspect-square w-full max-w-[240px]\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/ben1.webp?v=1764805155\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\u003e\n \u003c\/div\u003e\n \u003cspan class=\"font-bold text-3xl md:text-4xl text-[#ac52d4] font-['Poppins'] mb-3\"\u003eEfecto Mate\u003c\/span\u003e\n \u003cspan class=\"text-xl md:text-2xl opacity-80 leading-snug font-['Montserrat']\"\u003eControla el brillo al instante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex flex-col items-center group\"\u003e\n \u003cdiv class=\"overflow-hidden rounded-[2.5rem] mb-6 shadow-xl border-2 border-[#fae8f5] aspect-square w-full max-w-[240px]\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/ben2.webp?v=1764874500\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\u003e\n \u003c\/div\u003e\n \u003cspan class=\"font-bold text-3xl md:text-4xl text-[#ac52d4] font-['Poppins'] mb-3\"\u003ePiel Sana\u003c\/span\u003e\n \u003cspan class=\"text-xl md:text-2xl opacity-80 leading-snug font-['Montserrat']\"\u003ePreviene brotes de acné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex flex-col items-center group\"\u003e\n \u003cdiv class=\"overflow-hidden rounded-[2.5rem] mb-6 shadow-xl border-2 border-[#fae8f5] aspect-square w-full max-w-[240px]\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/ben3.webp?v=1764805155\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\u003e\n \u003c\/div\u003e\n \u003cspan class=\"font-bold text-3xl md:text-4xl text-[#ac52d4] font-['Poppins'] mb-3\"\u003eResistente\u003c\/span\u003e\n \u003cspan class=\"text-xl md:text-2xl opacity-80 leading-snug font-['Montserrat']\"\u003eA prueba de sudor y agua\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex flex-col items-center group\"\u003e\n \u003cdiv class=\"overflow-hidden rounded-[2.5rem] mb-6 shadow-xl border-2 border-[#fae8f5] aspect-square w-full max-w-[240px]\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/ben4.webp?v=1764805155\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\u003e\n \u003c\/div\u003e\n \u003cspan class=\"font-bold text-3xl md:text-4xl text-[#ac52d4] font-['Poppins'] mb-3\"\u003eHidratación\u003c\/span\u003e\n \u003cspan class=\"text-xl md:text-2xl opacity-80 leading-snug font-['Montserrat']\"\u003eExtractos naturales que retienen la humedad\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex flex-col items-center group\"\u003e\n \u003cdiv class=\"overflow-hidden rounded-[2.5rem] mb-6 shadow-xl border-2 border-[#fae8f5] aspect-square w-full max-w-[240px]\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/ben5.webp?v=1764805156\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\u003e\n \u003c\/div\u003e\n \u003cspan class=\"font-bold text-3xl md:text-4xl text-[#ac52d4] font-['Poppins'] mb-3\"\u003eNo da Color\u003c\/span\u003e\n \u003cspan class=\"text-xl md:text-2xl opacity-80 leading-snug font-['Montserrat']\"\u003ePara cualquier tono de piel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex flex-col items-center group\"\u003e\n \u003cdiv class=\"overflow-hidden rounded-[2.5rem] mb-6 shadow-xl border-2 border-[#fae8f5] aspect-square w-full max-w-[240px]\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/ben6.webp?v=1764805155\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\u003e\n \u003c\/div\u003e\n \u003cspan class=\"font-bold text-3xl md:text-4xl text-[#ac52d4] font-['Poppins'] mb-3\"\u003eAlta Duración\u003c\/span\u003e\n \u003cspan class=\"text-xl md:text-2xl opacity-80 leading-snug font-['Montserrat']\"\u003eEfecto hasta 12 horas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-10 rounded-[2rem] shadow-inner border-2 border-[#fae8f5] bg-[#fdf4f8] flex flex-col items-center\"\u003e\n \u003ch4 class=\"font-bold flex items-center justify-center gap-4 text-3xl md:text-4xl text-[#ac52d4] font-['Poppins'] mb-2\"\u003e\n \u003csvg class=\"w-10 h-10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n Calidad Certificada\n \u003c\/h4\u003e\n \u003cp class=\"text-2xl opacity-90 text-[#4A044E] font-['Montserrat'] font-medium\"\u003eProducto 100% Garantizado\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 10. Tabla Comparativa (MOVED UP) --\u003e\n \u003cdiv id=\"mod_compare_10\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 bg-[#fdf4f8]\"\u003e\n \u003ch3 class=\"text-center font-bold text-4xl mb-12 text-[#ac52d4] font-['Poppins']\"\u003eMarbella Beauty Vs Otros\u003c\/h3\u003e\n \u003cdiv class=\"border-2 border-[#fae8f5] rounded-[2.5rem] overflow-hidden text-2xl shadow-md bg-white font-['Montserrat']\"\u003e\n \u003cdiv class=\"grid grid-cols-3 py-8 font-bold text-center text-xl md:text-2xl bg-[#ac52d4] text-white items-center\"\u003e\n \u003cspan class=\"font-['Poppins']\"\u003eCaracterísticas\u003c\/span\u003e\u003cspan class=\"font-['Poppins']\"\u003eNuestro Producto\u003c\/span\u003e\u003cspan class=\"opacity-80 font-['Poppins']\"\u003eOtros\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c!-- Filas --\u003e\n \u003cdiv class=\"grid grid-cols-3 py-8 text-center border-t-2 border-[#fae8f5] items-center bg-white\"\u003e\n \u003cspan class=\"font-bold text-lg md:text-xl px-3 text-gray-900 leading-tight\"\u003eGarantía de satisfacción\u003c\/span\u003e\u003cspan class=\"font-black text-4xl text-[#ac52d4]\"\u003e✅\u003c\/span\u003e\u003cspan class=\"opacity-50 text-4xl px-3 text-gray-900\"\u003e❌\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grid grid-cols-3 py-8 text-center border-t-2 border-[#fae8f5] items-center bg-[#fdf4f8]\"\u003e\n \u003cspan class=\"font-bold text-lg md:text-xl px-3 text-gray-900 leading-tight\"\u003eResistente a agua y sudor\u003c\/span\u003e\u003cspan class=\"font-black text-4xl text-[#ac52d4]\"\u003e✅\u003c\/span\u003e\u003cspan class=\"opacity-50 text-4xl px-3 text-gray-900\"\u003e❌\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grid grid-cols-3 py-8 text-center border-t-2 border-[#fae8f5] items-center bg-white\"\u003e\n \u003cspan class=\"font-bold text-lg md:text-xl px-3 text-gray-900 leading-tight\"\u003eDuración hasta 12 horas\u003c\/span\u003e\u003cspan class=\"font-black text-4xl text-[#ac52d4]\"\u003e✅\u003c\/span\u003e\u003cspan class=\"opacity-50 text-lg md:text-xl px-3 text-gray-900 font-bold\"\u003e❌ Máximo 6h\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grid grid-cols-3 py-8 text-center border-t-2 border-[#fae8f5] items-center bg-[#fdf4f8]\"\u003e\n \u003cspan class=\"font-bold text-lg md:text-xl px-3 text-gray-900 leading-tight\"\u003eIngredientes Naturales\u003c\/span\u003e\n \u003cspan class=\"font-bold text-lg md:text-xl text-[#ac52d4] leading-tight\"\u003e✅ Lavanda, Nopal y Extracto de Centella\u003c\/span\u003e\n \u003cspan class=\"opacity-50 text-lg md:text-xl px-3 text-gray-900 font-bold leading-tight\"\u003e❌ Químicos\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grid grid-cols-3 py-8 text-center border-t-2 border-[#fae8f5] items-center bg-white\"\u003e\n \u003cspan class=\"font-bold text-lg md:text-xl px-3 text-gray-900 leading-tight\"\u003eNo tapa poros \/ No da color\u003c\/span\u003e\u003cspan class=\"font-black text-4xl text-[#ac52d4]\"\u003e✅\u003c\/span\u003e\u003cspan class=\"opacity-50 text-lg md:text-xl px-3 text-gray-900 font-bold leading-tight\"\u003e❌ Algunos sí\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 12. Ofertas (Grid Mejorado) (MOVED UP) --\u003e\n \u003cdiv id=\"mod_offer_12\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 bg-white\"\u003e\n \u003ch2 class=\"font-bold text-center mb-4 leading-none text-5xl md:text-6xl text-[#7d2682] font-['Poppins']\"\u003eELIGE TU OFERTA CON ENVÍO GRATIS\u003c\/h2\u003e\n \u003cp class=\"text-center font-bold mb-14 text-2xl text-[#8e3a9e] font-['Montserrat']\"\u003eVálida hasta agotar existencias o fin de temporada\u003c\/p\u003e\n \n \u003c!-- OFERTAZO NAVIDEÑO - ESTILO NEON Y FESTIVO --\u003e\n \u003cdiv class=\"neon-christmas border-4 border-dashed bg-red-50 p-8 text-center font-black mb-20 rounded-[2.5rem] mx-2 md:mx-10 transform scale-105 shadow-xl relative overflow-hidden\"\u003e\n \u003cdiv class=\"absolute top-2 left-4 text-3xl\"\u003e🎄\u003c\/div\u003e\n \u003cdiv class=\"absolute top-2 right-4 text-3xl\"\u003e🎅\u003c\/div\u003e\n \u003cdiv class=\"absolute bottom-2 left-4 text-3xl\"\u003e❄️\u003c\/div\u003e\n \u003cdiv class=\"absolute bottom-2 right-4 text-3xl\"\u003e🎁\u003c\/div\u003e\n \u003cp class=\"text-4xl md:text-5xl text-red-600 font-['Montserrat'] animate-pulse tracking-wide\"\u003e\n 🎄 OFERTAZO NAVIDEÑO 🎄\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"space-y-20 md:space-y-24\"\u003e\n \u003c!-- Producto 2: x2 Unidades (Activo) - AJUSTADO --\u003e\n \u003cdiv class=\"relative rounded-[3.5rem] shadow-2xl overflow-visible mt-14 border-4 bg-white group hover:shadow-2xl transition-shadow border-[#e699e3] font-['Montserrat']\"\u003e\n \u003cdiv class=\"absolute -top-7 left-1\/2 transform -translate-x-1\/2 px-12 py-4 rounded-full text-xl font-black shadow-xl whitespace-nowrap z-10 tracking-widest bg-[#e699e3] text-white\"\u003e\n MÁS VENDIDO\n \u003c\/div\u003e\n \u003cdiv class=\"p-8 flex flex-col items-center pt-16\"\u003e\n \u003c!-- IMAGEN MAS GRANDE --\u003e\n \u003cdiv class=\"relative mb-6 transform scale-110\"\u003e\n \u003cdiv class=\"absolute inset-0 bg-[#f0c4eb] rounded-full opacity-30 blur-3xl transform scale-150\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/x2.webp?v=1764805988\" class=\"relative w-64 h-64 object-cover rounded-[2rem] shadow-2xl z-10\"\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-black text-4xl leading-tight text-center text-gray-900 mb-2 font-['Poppins']\"\u003ePACK INICIAL\u003c\/h3\u003e\n \u003cp class=\"text-xl mb-4 opacity-80 text-center uppercase tracking-wider text-gray-600 font-bold\"\u003e2 Unidades\u003c\/p\u003e\n \u003c!-- PRECIOS MAS PEQUEÑOS Y ESPACIOS REDUCIDOS --\u003e\n \u003cdiv class=\"flex flex-col items-center gap-1 mb-6 bg-[#fdf4f8] px-8 py-4 rounded-[2rem] w-full border-2 border-[#fae8f5]\"\u003e\n \u003cspan class=\"line-through text-lg text-gray-400 font-bold\"\u003e$143.400\u003c\/span\u003e\n \u003cspan class=\"text-5xl font-bold text-[#ac52d4] tracking-tighter\"\u003e$98.900\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"px-8 py-3 rounded-[2rem] text-lg font-black uppercase shadow-lg animate-pulse bg-gradient-to-r from-fuchsia-500 to-purple-400 text-white mb-2 tracking-widest\"\u003e\n SUPER OFERTA\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Producto 3: x3 Unidades (Activo) - AJUSTADO --\u003e\n \u003cdiv class=\"relative rounded-[3.5rem] shadow-2xl overflow-visible mt-14 border-4 bg-white group hover:shadow-2xl transition-shadow border-[#d49dfc] font-['Montserrat']\"\u003e\n \u003cdiv class=\"absolute -top-7 left-1\/2 transform -translate-x-1\/2 px-12 py-4 rounded-full text-xl font-black shadow-xl whitespace-nowrap z-10 tracking-widest bg-[#d49dfc] text-white\"\u003e\n INCREÍBLE PRECIO\n \u003c\/div\u003e\n \u003cdiv class=\"p-8 flex flex-col items-center pt-16\"\u003e\n \u003c!-- IMAGEN MAS GRANDE --\u003e\n \u003cdiv class=\"relative mb-6 transform scale-110\"\u003e\n \u003cdiv class=\"absolute inset-0 bg-[#f0c4eb] rounded-full opacity-30 blur-3xl transform scale-150\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/x4.webp?v=1764805989\" class=\"relative w-64 h-64 object-cover rounded-[2rem] shadow-2xl z-10\"\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-black text-4xl leading-tight text-center text-gray-900 mb-2 font-['Poppins']\"\u003ePACK AMIGAS\u003c\/h3\u003e\n \u003cp class=\"text-xl mb-4 opacity-80 text-center uppercase tracking-wider text-gray-600 font-bold\"\u003e4 Unidades\u003c\/p\u003e\n \u003c!-- PRECIOS MAS PEQUEÑOS Y ESPACIOS REDUCIDOS --\u003e\n \u003cdiv class=\"flex flex-col items-center gap-1 mb-6 bg-[#fdf4f8] px-8 py-4 rounded-[2rem] w-full border-2 border-[#fae8f5]\"\u003e\n \u003cspan class=\"line-through text-lg text-gray-400 font-bold\"\u003e$286.800\u003c\/span\u003e\n \u003cspan class=\"text-5xl font-bold text-[#ac52d4] tracking-tighter\"\u003e$159.900\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"px-8 py-3 rounded-[2rem] text-lg font-black uppercase shadow-lg animate-pulse bg-gradient-to-r from-purple-500 to-fuchsia-400 text-white mb-2 tracking-widest\"\u003e\n MEGA AHORRO\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"\/rsi-btn-hook\" class=\"block w-full py-10 text-white font-black text-center rounded-[3rem] shadow-2xl mt-20 transition-all hover:scale-[1.02] active:scale-95 text-4xl bg-gradient-to-r from-[#c471ed] to-[#ac52d4] font-['Montserrat']\"\u003e\n Pide ya, paga en casa\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- NUEVA SECCIÓN: EFECTO FILTRO + INGREDIENTES (MOVED DOWN) --\u003e\n \u003cdiv class=\"relative w-full\"\u003e\n \u003cdiv class=\"relative w-full overflow-hidden\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/ingredientes.webp?v=1764882413\" class=\"w-full h-auto object-cover block\"\u003e\n \u003c!-- Contenido SUPERPUESTO SOBRE LA IMAGEN --\u003e\n \u003cdiv class=\"absolute inset-0 flex flex-col justify-end items-center text-center p-6 pb-10\"\u003e\n \u003cdiv class=\"bg-white\/90 backdrop-blur-sm p-8 rounded-[3rem] shadow-2xl max-w-3xl mx-auto border-2 border-[#ac52d4]\/30\"\u003e\n \u003ch2 class=\"font-['Poppins'] text-3xl md:text-5xl font-bold mb-4 text-[#ac52d4] leading-tight uppercase tracking-wide\"\u003e\n EFECTO FILTRO INMEDIATO\n \u003c\/h2\u003e\n \u003cp class=\"font-['Montserrat'] text-2xl md:text-3xl mb-6 font-medium text-gray-600 italic\"\u003e\n Gracias a sus poderosos componentes naturales:\n \u003c\/p\u003e\n \n \u003cdiv class=\"space-y-4 text-xl md:text-2xl font-['Montserrat'] leading-relaxed text-gray-800 text-left\"\u003e\n \u003cp\u003e\u003cstrong class=\"text-[#ac52d4] font-bold\"\u003eExtracto de Lavanda:\u003c\/strong\u003e Controla la producción de sebo y restaura un nivel óptimo de hidratación.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong class=\"text-[#ac52d4] font-bold\"\u003eExtracto de Centella:\u003c\/strong\u003e Mantiene tu piel hidratada y estimula la producción de colágeno.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong class=\"text-[#ac52d4] font-bold\"\u003eExtracto de Nopal:\u003c\/strong\u003e Combate bacterias, previene brotes molestos y promueve el crecimiento de células sanas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 11. Título --\u003e\n \u003cdiv id=\"mod_title_11\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 text-center\"\u003e\n \u003ch2 class=\"text-5xl md:text-6xl font-bold leading-tight font-['Poppins'] text-[#ac52d4]\"\u003eAyuda a que tu maquillaje se mantenga bien fijado y perfecto durante horas, mientras le aporta brillo natural a tu piel\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 24. Imagen Extra (Presentaciones) --\u003e\n \u003cdiv id=\"mod_copy_z4lmqxe94\" class=\"relative w-full\" style=\"background-color: #fdf4f8;\"\u003e\n \u003cdiv class=\"w-full\"\u003e\n \u003ch2 class=\"text-center font-bold text-3xl md:text-4xl py-12 px-6 font-['Poppins'] text-[#ac52d4] leading-tight\"\u003ePuedes adquirirlo en sus dos presentaciones, Pink o Luxury (plateado) todas vienen con espejo y su esponja especial de aplicación. ¡Para que lo lleves a todos lados!\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/2_productos.webp?v=1764805156\" class=\"w-full h-auto object-cover\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 14. Antes vs Después --\u003e\n \u003cdiv id=\"mod_before_14\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 bg-[#fdf4f8]\"\u003e\n \u003ch3 class=\"text-center font-bold text-5xl mb-14 text-[#4A044E] font-['Poppins']\"\u003eAntes y con Marbella Beauty\u003c\/h3\u003e\n \u003c!-- SIN BOTÓN DESLIZA --\u003e\n \u003cdiv class=\"w-full aspect-square rounded-[3.5rem] overflow-hidden shadow-2xl border-8 border-white mb-14 relative group\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/comparativa.webp?v=1764799062\" class=\"w-full h-full object-cover\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grid grid-cols-2 gap-8\"\u003e\n \u003cdiv class=\"p-8 rounded-[2.5rem] border-2 bg-white shadow-lg border-gray-200\"\u003e\n \u003ch4 class=\"font-black text-2xl mb-4 text-gray-500 font-['Montserrat'] uppercase tracking-wide\"\u003eAntes\u003c\/h4\u003e\n \u003cp class=\"text-xl opacity-90 leading-snug text-gray-800 font-['Montserrat']\"\u003ePiel con brillo, maquillaje corrido, poros visibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-8 rounded-[2.5rem] border-2 bg-[#fdf4f8] shadow-lg border-[#ac52d4]\"\u003e\n \u003ch4 class=\"font-black text-2xl mb-4 text-[#ac52d4] font-['Montserrat'] uppercase tracking-wide\"\u003eDespués\u003c\/h4\u003e\n \u003cp class=\"text-xl opacity-100 leading-snug text-gray-900 font-bold font-['Montserrat']\"\u003eRostro mate, limpio, suave y sin exceso de grasa\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- NUEVA SECCIÓN MODO DE USO --\u003e\n \u003cdiv id=\"mod_usage\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 bg-white\"\u003e\n \u003cdiv class=\"p-10 rounded-[3rem] border-4 border-[#fae8f5] shadow-xl bg-[#fdf4f8] text-center\"\u003e\n \u003ch3 class=\"font-bold text-4xl md:text-5xl mb-8 text-[#ac52d4] font-['Poppins'] uppercase tracking-wide\"\u003e\n ✨ MODO DE USO ✨\n \u003c\/h3\u003e\n \u003cdiv class=\"text-2xl md:text-3xl font-['Montserrat'] text-gray-700 leading-relaxed space-y-6\"\u003e\n \u003cp\u003eAplica una pequeña cantidad y distribúyela uniformemente.\u003c\/p\u003e\n \u003cp class=\"font-medium text-[#4A044E]\"\u003e\n Úsalo \u003cstrong\u003eantes\u003c\/strong\u003e para preparar la piel y crear una base mate \u003cspan class=\"text-3xl\"\u003e🌿\u003c\/span\u003e, \n o \u003cstrong\u003edespués\u003c\/strong\u003e para fijar tu maquillaje \u003cspan class=\"text-3xl\"\u003e💄\u003c\/span\u003e y mantener un acabado mate duradero.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 15. Clientes Satisfechos (Reviews 2) --\u003e\n \u003cdiv id=\"mod_reviews_15\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"py-16 px-0 bg-gradient-to-b from-white to-[#fae8f5]\"\u003e\n \u003ch3 class=\"text-center font-bold mb-6 text-4xl md:text-5xl text-[#4A044E] font-['Poppins']\"\u003eClientes Satisfechos\u003c\/h3\u003e\n \u003cdiv class=\"flex items-center justify-center gap-3 mb-12 opacity-80 animate-pulse\"\u003e\n \u003cspan class=\"text-xl uppercase tracking-widest text-[#ac52d4] font-bold font-['Montserrat']\"\u003eDesliza\u003c\/span\u003e\n \u003csvg class=\"w-8 h-8 text-[#ac52d4]\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 5 19 12 12 19\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex overflow-x-auto gap-6 pb-10 px-6 snap-x mandatory hide-scrollbar\"\u003e\n \n \u003c!-- REVIEW 1 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat']\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764793497089.jpg?v=1764806709\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eFernanda L.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Me deja la piel mate todo el día sin necesidad de retoques. ¡Estoy feliz con el resultado!\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- REVIEW 2 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat']\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764806455619.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eEstefanía G.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Es súper ligero, no tiene color y no tapa los poros. Lo uso diario y me encanta.\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- REVIEW 3 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat']\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764806507008.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eNatalia V.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Desde el primer uso vi la diferencia. Elimina el brillo y deja la piel súper suave.\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- REVIEW 4 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat']\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764806612122.jpg?v=1764806708\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eGabriela J.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Lo llevo siempre en mi bolso. Es práctico, bonito y me salva durante el día.\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- REVIEW 5 --\u003e\n \u003cdiv class=\"min-w-[90%] md:min-w-[400px] snap-center p-10 rounded-[2.5rem] shadow-lg border-2 border-[#fae8f5] bg-white font-['Montserrat']\"\u003e\n \u003cdiv class=\"flex items-center gap-6 mb-6\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/perfil_col_400px_opt_1764806667597.jpg?v=1764806709\" class=\"w-24 h-24 rounded-full object-cover border-4 p-0.5 border-[#ac52d4]\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"font-bold text-3xl text-[#82368c]\"\u003eAlejandra R.\u003c\/div\u003e\n \u003cdiv class=\"flex gap-1 text-[#FCD34D] text-3xl\"\u003e★★★★★\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-2xl md:text-3xl italic font-medium opacity-90 leading-relaxed text-gray-800\"\u003e\"Sudo mucho y este producto mantiene mi piel perfecta todo el día. ¡Vale cada peso!\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 16. Título --\u003e\n \u003cdiv id=\"mod_title_16\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 text-center\"\u003e\n \u003ch2 class=\"text-5xl md:text-6xl font-bold leading-tight font-['Poppins'] text-[#ac52d4]\"\u003eResultados que Puedes Ver y Sentir\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 17. Ficha Técnica --\u003e\n \u003cdiv id=\"mod_specs_17\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-14 bg-white\"\u003e\n \u003cdiv class=\"p-10 rounded-[3rem] border-2 border-[#fae8f5] shadow-lg bg-[#fdf4f8]\"\u003e\n \u003cdiv class=\"flex justify-between font-black border-b-2 pb-8 mb-8 text-3xl md:text-4xl border-[#ac52d4] text-gray-900 font-['Montserrat']\"\u003e\n \u003cspan class=\"font-['Poppins']\"\u003eLo que dicen\u003c\/span\u003e\u003cspan class=\"font-['Poppins']\"\u003ePorcentaje\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between py-8 border-b border-[#fae8f5] text-xl md:text-2xl font-['Montserrat'] text-gray-800 items-center\"\u003e\n \u003cspan class=\"opacity-90 pr-4 font-semibold\"\u003eNotaron menos brillo en menos de 5 minutos\u003c\/span\u003e\u003cspan class=\"font-black text-[#ce65c9] text-4xl\"\u003e95%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between py-8 border-b border-[#fae8f5] text-xl md:text-2xl font-['Montserrat'] text-gray-800 items-center\"\u003e\n \u003cspan class=\"opacity-90 pr-4 font-semibold\"\u003eEl maquillaje duró más de 10 horas\u003c\/span\u003e\u003cspan class=\"font-black text-[#ce65c9] text-4xl\"\u003e90%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between py-8 border-b border-[#fae8f5] text-xl md:text-2xl font-['Montserrat'] text-gray-800 items-center\"\u003e\n \u003cspan class=\"opacity-90 pr-4 font-semibold\"\u003eLo prefiere sobre polvos tradicionales\u003c\/span\u003e\u003cspan class=\"font-black text-[#ce65c9] text-4xl\"\u003e87%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between py-8 border-b border-[#fae8f5] text-xl md:text-2xl font-['Montserrat'] text-gray-800 items-center\"\u003e\n \u003cspan class=\"opacity-90 pr-4 font-semibold\"\u003eLo recomienda para piel mixta o grasa\u003c\/span\u003e\u003cspan class=\"font-black text-[#ce65c9] text-4xl\"\u003e85%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between py-8 border-b border-[#fae8f5] text-xl md:text-2xl font-['Montserrat'] text-gray-800 items-center\"\u003e\n \u003cspan class=\"opacity-90 pr-4 font-semibold\"\u003eNotó piel más fresca y suave al tacto\u003c\/span\u003e\u003cspan class=\"font-black text-[#ce65c9] text-4xl\"\u003e80%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 18. Título --\u003e\n \u003cdiv id=\"mod_title_18\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 text-center\"\u003e\n \u003ch2 class=\"text-5xl md:text-6xl font-bold leading-tight font-['Poppins'] text-[#ac52d4]\"\u003eEL REGALO PERFECTO\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 19. Módulo Regalo - CONDENSADO VERTICALMENTE --\u003e\n \u003cdiv id=\"mod_gift_19\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"m-6 border-4 border-dashed rounded-[3.5rem] p-8 text-center bg-white shadow-xl relative overflow-hidden border-[#ac52d4]\"\u003e\n \u003cdiv class=\"absolute top-0 right-0 -mr-8 -mt-8 w-40 h-40 bg-[#f0c4eb] rounded-full opacity-50\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"absolute bottom-0 left-0 -ml-8 -mb-8 w-32 h-32 bg-[#f0c4eb] rounded-full opacity-50\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"relative z-10 flex flex-col gap-4\"\u003e\n \u003cdiv class=\"inline-block p-4 bg-[#fdf4f8] rounded-full w-fit mx-auto\"\u003e\n \u003csvg class=\"w-16 h-16 text-[#ac52d4]\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpolyline points=\"20 12 20 22 4 22 4 12\"\u003e\u003c\/polyline\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"5\"\u003e\u003c\/rect\u003e\u003cline x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"\u003e\u003c\/line\u003e\u003cpath d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"text-4xl font-bold text-[#4A044E] font-['Poppins'] leading-none\"\u003e¡Excelente para regalar!\u003c\/h3\u003e\n \u003cp class=\"text-2xl font-medium text-gray-700 font-['Montserrat']\"\u003eSorprende a quien más quieres.\u003c\/p\u003e\n \u003cspan class=\"inline-block px-8 py-3 text-white font-black rounded-full text-xl shadow-lg bg-[#ce65c9] font-['Montserrat'] uppercase tracking-widest w-fit mx-auto\"\u003eSuper Oferta\u003c\/span\u003e\n \u003ca href=\"#pedido\" class=\"block w-full py-6 text-white font-black rounded-[2rem] shadow-2xl transition-transform active:scale-95 text-3xl bg-[#c471ed] font-['Montserrat'] mt-2\"\u003ePide ya, paga en casa\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 20. Galería y Confianza - TEXTOS PEQUEÑOS AUMENTADOS --\u003e\n \u003cdiv id=\"mod_gallery_20\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 space-y-10 bg-white\"\u003e\n \u003cdiv class=\"mb-14\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/comprasegura.webp?v=1764889229\" class=\"w-full aspect-square object-cover rounded-[3rem] mb-8 shadow-xl border-2 border-[#fae8f5]\"\u003e\n \u003cdiv class=\"grid grid-cols-3 gap-5\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/enviogratis.webp?v=1764805156\" class=\"w-full aspect-square object-cover rounded-[2rem] border-2 border-[#fae8f5] shadow-md\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/pagoentrega.webp?v=1764805155\" class=\"w-full aspect-square object-cover rounded-[2rem] border-2 border-[#fae8f5] shadow-md\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/satisfaccion.webp?v=1764805155\" class=\"w-full aspect-square object-cover rounded-[2rem] border-2 border-[#fae8f5] shadow-md\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Truck --\u003e\n \u003cdiv class=\"flex items-center gap-10 p-10 rounded-[2.5rem] border-2 border-gray-100 shadow-lg bg-gray-50\"\u003e\n \u003csvg class=\"w-20 h-20 flex-shrink-0 text-gray-600\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003cdiv class=\"font-['Montserrat']\"\u003e\n \u003ch4 class=\"font-bold text-4xl text-gray-900 mb-3 font-['Poppins']\"\u003eEnvíos a todo el país\u003c\/h4\u003e\n \u003cul class=\"text-2xl list-none opacity-90 text-gray-700 space-y-2\"\u003e\n\u003cli\u003eDespacho: 24 - 48 horas\u003c\/li\u003e\n\u003cli class=\"font-black text-[#ce65c9] text-2xl\"\u003eEnvío GRATIS\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Shield --\u003e\n \u003cdiv class=\"flex items-center gap-10 p-10 rounded-[2.5rem] border-2 border-[#fae8f5] shadow-lg bg-[#fdf4f8]\"\u003e\n \u003csvg class=\"w-20 h-20 flex-shrink-0 text-[#ac52d4]\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003cdiv class=\"font-['Montserrat']\"\u003e\n \u003ch4 class=\"font-bold text-4xl text-[#ac52d4] mb-3 font-['Poppins']\"\u003eCompra protegida\u003c\/h4\u003e\n \u003cp class=\"text-2xl font-medium opacity-90 text-gray-700\"\u003eSi no recibes lo que pediste, te devolvemos el dinero. 10 días de garantía directa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Euro --\u003e\n \u003cdiv class=\"flex items-center gap-10 p-10 rounded-[2.5rem] border-2 border-[#fae8f5] shadow-lg bg-[#fdf4f8]\"\u003e\n \u003csvg class=\"w-20 h-20 flex-shrink-0 text-[#c471ed]\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M4 10h12\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 14h9\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003cdiv class=\"font-['Montserrat']\"\u003e\n \u003ch4 class=\"font-bold text-4xl text-[#c471ed] mb-3 font-['Poppins']\"\u003ePago contra entrega\u003c\/h4\u003e\n \u003cp class=\"text-2xl font-medium opacity-90 text-gray-700\"\u003ePide ahora y paga al recibir. ¡Cero riesgos!.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 21. Preguntas Frecuentes - AUMENTADAS --\u003e\n \u003cdiv id=\"mod_faq_21\" class=\"relative w-full\"\u003e\n \u003cdiv class=\"px-6 py-16 bg-white\"\u003e\n \u003ch3 class=\"text-center font-bold text-5xl mb-14 text-[#ac52d4] font-['Poppins']\"\u003ePreguntas Frecuentes\u003c\/h3\u003e\n \u003cdiv class=\"space-y-10\"\u003e\n \u003cdiv class=\"border-2 border-[#fae8f5] rounded-[2.5rem] p-10 shadow-md bg-white\"\u003e\n \u003cp class=\"font-bold text-2xl md:text-3xl mb-5 flex items-center gap-6 text-gray-900 font-['Poppins']\"\u003e\n \u003cspan class=\"bg-[#fdf4f8] p-4 rounded-full text-purple-600 flex-shrink-0\"\u003e\u003csvg class=\"w-10 h-10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e \n ¿Este producto tiene color?\n \u003c\/p\u003e\n \u003cp class=\"text-xl md:text-2xl font-medium opacity-80 ml-20 leading-relaxed text-gray-700 font-['Montserrat']\"\u003eNo, es completamente transparente. No altera el tono de tu piel ni maquillaje.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"border-2 border-[#fae8f5] rounded-[2.5rem] p-10 shadow-md bg-white\"\u003e\n \u003cp class=\"font-bold text-2xl md:text-3xl mb-5 flex items-center gap-6 text-gray-900 font-['Poppins']\"\u003e\n \u003cspan class=\"bg-[#fdf4f8] p-4 rounded-full text-purple-600 flex-shrink-0\"\u003e\u003csvg class=\"w-10 h-10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e \n ¿Puedo usarlo con maquillaje?\n \u003c\/p\u003e\n \u003cp class=\"text-xl md:text-2xl font-medium opacity-80 ml-20 leading-relaxed text-gray-700 font-['Montserrat']\"\u003eSí, es perfecto para usar antes o después del maquillaje para prolongar su duración.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"border-2 border-[#fae8f5] rounded-[2.5rem] p-10 shadow-md bg-white\"\u003e\n \u003cp class=\"font-bold text-2xl md:text-3xl mb-5 flex items-center gap-6 text-gray-900 font-['Poppins']\"\u003e\n \u003cspan class=\"bg-[#fdf4f8] p-4 rounded-full text-purple-600 flex-shrink-0\"\u003e\u003csvg class=\"w-10 h-10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e \n ¿Es apto para piel sensible?\n \u003c\/p\u003e\n \u003cp class=\"text-xl md:text-2xl font-medium opacity-80 ml-20 leading-relaxed text-gray-700 font-['Montserrat']\"\u003eSí, su fórmula con ingredientes naturales como lavanda y centella es ideal para piel delicada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"border-2 border-[#fae8f5] rounded-[2.5rem] p-10 shadow-md bg-white\"\u003e\n \u003cp class=\"font-bold text-2xl md:text-3xl mb-5 flex items-center gap-6 text-gray-900 font-['Poppins']\"\u003e\n \u003cspan class=\"bg-[#fdf4f8] p-4 rounded-full text-purple-600 flex-shrink-0\"\u003e\u003csvg class=\"w-10 h-10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e \n ¿Causa acné o irritación?\n \u003c\/p\u003e\n \u003cp class=\"text-xl md:text-2xl font-medium opacity-80 ml-20 leading-relaxed text-gray-700 font-['Montserrat']\"\u003eNo. Su fórmula ligera no comedogénica es suave y segura para el uso diario.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- 22. Sticky CTA (Botón Flotante) --\u003e\n \u003cdiv id=\"sticky-cta\" class=\"fixed bottom-0 left-0 right-0 z-50 backdrop-blur-md shadow-[0_-4px_40px_rgba(172,82,212,0.3)] border-t-2 border-[#fae8f5] transition-all duration-500 translate-y-full\" style=\"background-color: rgba(253,244,248,0.98);\"\u003e\n \u003cdiv class=\"py-4 px-6 text-center bg-gradient-to-r from-[#fdf4f8] via-white to-[#fdf4f8] border-b border-[#fae8f5]\"\u003e\n \u003cdiv class=\"text-center text-xl font-black uppercase tracking-widest animate-pulse text-[#ac52d4] font-['Montserrat']\"\u003e\n 🎁 OFERTAZO NAVIDEÑO POR TIEMPO LIMITADO\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-6 pb-12\"\u003e \n \u003ca href=\"\/rsi-btn-hook\" class=\"block w-full py-8 text-white font-black text-4xl text-center rounded-[3rem] shadow-2xl shadow-[#ce65c9] active:scale-95 transition-transform font-['Montserrat']\" style=\"background: linear-gradient(135deg, #c471ed, #ac52d4);\"\u003e\n Pide ya y paga en casa\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vanilla JS Logic --\u003e\n \u003cscript\u003e\n \/\/ --- Slideshow Logic ---\n const images = document.querySelectorAll('.slide-img');\n const dots = document.querySelectorAll('.dot');\n let currentSlide = 0;\n \n setInterval(() =\u003e {\n \/\/ Ocultar actual\n images[currentSlide].classList.remove('opacity-100');\n images[currentSlide].classList.add('opacity-0');\n dots[currentSlide].classList.remove('scale-125', 'bg-white');\n dots[currentSlide].classList.add('bg-white\/50');\n \n \/\/ Calcular siguiente\n currentSlide = (currentSlide + 1) % images.length;\n \n \/\/ Mostrar siguiente\n images[currentSlide].classList.remove('opacity-0');\n images[currentSlide].classList.add('opacity-100');\n dots[currentSlide].classList.remove('bg-white\/50');\n dots[currentSlide].classList.add('scale-125', 'bg-white');\n }, 4000);\n\n \/\/ --- Sticky CTA Reveal Logic ---\n const stickyCTA = document.getElementById('sticky-cta');\n const offerSection = document.getElementById('mod_offer_12');\n let hasRevealed = false;\n\n window.addEventListener('scroll', () =\u003e {\n if (!offerSection) return;\n const rect = offerSection.getBoundingClientRect();\n \n \/\/ Mostrar cuando la sección de ofertas empieza a ser visible\n if (rect.top \u003c window.innerHeight) {\n stickyCTA.classList.remove('translate-y-full');\n stickyCTA.classList.add('translate-y-0');\n }\n });\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"OH MY SHOP","offers":[{"title":"Luxury Plata","offer_id":56789042364761,"sku":"30625454-0","price":71700.0,"currency_code":"COP","in_stock":true},{"title":"Pink","offer_id":56789042397529,"sku":"30625454-1","price":71700.0,"currency_code":"COP","in_stock":true}]},{"product_id":"combo-masajeador-y-corrector","title":"combo masajeador y corrector","description":"","brand":"OH MY SHOP","offers":[{"title":"Default Title","offer_id":57077193081177,"sku":"combo masajeador y corrector","price":139900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/POST.jpg?v=1772219926"},{"product_id":"setexclusivomadresvs","title":"SET EXCLUSIVO MADRES VS","description":"Disfruta el dúo perfecto de Victoria’s Secret 💖✨Hidrata tu piel mientras la perfumas con un aroma irresistible que dura todo el día 🌸La combinación de crema + splash potencia la fragancia, dejando una estela dulce, fresca y femenina que no pasa desapercibida 💫Ideal para uso diario o para ocasiones especiales 🔥👉 Elige tu aroma favorito y enamórate de cómo hueles","brand":"OH MY SHOP","offers":[{"title":"Bombshell 💖 Elegante y Sexy","offer_id":57926359449945,"sku":"VS-BS04","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Pure Seduction ❤️ Seductor y Dulce","offer_id":57926359351641,"sku":"VS-PS01","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Mango Temptation 🥭 Dulce y Tropical","offer_id":57926359581017,"sku":"VS-MT08","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Vanilla Lace 🍦 Cálido y Cremoso","offer_id":57926359384409,"sku":"VS-VL02","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Coconut Passion 🥥 Tropical y Delicioso","offer_id":57926359417177,"sku":"VS-CP03","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Juice Berry 🍓 Frutal y Jugoso","offer_id":57926359482713,"sku":"VS-JB05","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Pink Chiffon 🌸 Suave y Femenino","offer_id":57926359515481,"sku":"VS-PC06","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Watermelon 🍉 Fresco y Refrescante","offer_id":57926359548249,"sku":"VS-WM07","price":139900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0977\/5818\/3769\/files\/bombshell_1c11faa5-1c43-4850-8c8a-667df18b68dd.webp?v=1777481714"}],"url":"https:\/\/ohmyshop.com.co\/collections\/cuidado-personal.oembed","provider":"OH MY SHOP","version":"1.0","type":"link"}