{"product_id":"kit-bio-rice-30ml","title":"Kit x 3 La rutina que sí vas a poder mantener","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700\u0026amp;family=Lora:wght@400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========================================\n           VARIABLES Y RESET\n           ======================================== *\/\n        :root {\n            --beige: #F5F1EB;\n            --white-roto: #FAFAFA;\n            --verde-oliva: #7A8D73;\n            --dorado: #D6C3A3;\n            --gris-claro: #EDEAE6;\n            --gris-texto: #4A4A4A;\n            --blanco: #FFFFFF;\n            \n            --font-display: 'Lora', serif;\n            --font-body: 'Poppins', sans-serif;\n            \n            --transition: all 0.3s ease;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: var(--font-body);\n            color: var(--gris-texto);\n            background-color: var(--white-roto);\n            line-height: 1.6;\n        }\n\n        \/* ========================================\n           TIPOGRAFÍA\n           ======================================== *\/\n        h1 {\n            font-family: var(--font-display);\n            font-size: clamp(2rem, 8vw, 3.5rem);\n            font-weight: 500;\n            line-height: 1.15;\n            color: var(--gris-texto);\n        }\n\n        h2 {\n            font-family: var(--font-display);\n            font-size: clamp(1.5rem, 5vw, 2.5rem);\n            font-weight: 500;\n            color: var(--gris-texto);\n            margin-bottom: 1.5rem;\n        }\n\n        h3 {\n            font-family: var(--font-body);\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: var(--gris-texto);\n            margin-bottom: 0.75rem;\n        }\n\n        p {\n            font-size: 1rem;\n            color: #666;\n            margin-bottom: 1rem;\n        }\n\n        \/* ========================================\n           COMPONENTES BASE\n           ======================================== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n\n        button {\n            font-family: var(--font-body);\n            padding: 1rem 2.5rem;\n            font-size: 1rem;\n            font-weight: 600;\n            border: none;\n            border-radius: 50px;\n            cursor: pointer;\n            transition: var(--transition);\n            text-decoration: none;\n            display: inline-block;\n            text-align: center;\n        }\n\n        .btn-primary {\n            background-color: var(--verde-oliva);\n            color: var(--white-roto);\n        }\n\n        .btn-primary:hover {\n            background-color: #6A7D63;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(122, 141, 115, 0.25);\n        }\n\n        .btn-secondary {\n            background-color: transparent;\n            color: var(--verde-oliva);\n            border: 2px solid var(--verde-oliva);\n        }\n\n        .btn-secondary:hover {\n            background-color: var(--verde-oliva);\n            color: var(--white-roto);\n        }\n\n        \/* ========================================\n           IMAGEN PLACEHOLDER\n           ======================================== *\/\n        .image-placeholder {\n            background-color: var(--gris-claro);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #999;\n            font-size: 0.95rem;\n            font-weight: 500;\n            overflow: hidden;\n        }\n\n\n          .img-hero img {\n    object-fit: contain;\n    background-color: #F5F1EB;\n        }\n\n        .img-medium {\n            height: 400px;\n        }\n\n        .img-small {\n            height: 250px;\n        }\n\n        \/* ========================================\n           SECCIÓN HERO\n           ======================================== *\/\n        .hero {\n            padding: 4rem 0;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n            animation: fadeIn 0.8s ease;\n        }\n\n        .hero-content h1 {\n            margin-bottom: 1rem;\n            color: var(--gris-texto);\n        }\n\n        .hero-subheadline {\n            font-size: 1.25rem;\n            color: #666;\n            margin-bottom: 2rem;\n            font-weight: 400;\n        }\n\n        .hero-price {\n            display: flex;\n            align-items: baseline;\n            gap: 1rem;\n            margin: 1.5rem 0;\n        }\n\n        .price-number {\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--verde-oliva);\n            font-family: var(--font-display);\n        }\n\n        .price-label {\n            font-size: 0.9rem;\n            color: #999;\n        }\n\n        .shipping-badge {\n            background-color: #E8F4E8;\n            color: var(--verde-oliva);\n            padding: 0.75rem 1.5rem;\n            border-radius: 50px;\n            display: inline-block;\n            font-size: 0.9rem;\n            font-weight: 500;\n            margin-bottom: 1.5rem;\n        }\n\n        .discount-badge {\n            background-color: #FFF5E6;\n            color: #D97706;\n            padding: 0.75rem 1.5rem;\n            border-radius: 50px;\n            display: inline-block;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-top: 1rem;\n        }\n\n        .hero-buttons {\n            display: flex;\n            gap: 1rem;\n            margin-top: 1.5rem;\n            flex-wrap: wrap;\n        }\n\n        @media (max-width: 768px) {\n            .hero {\n                grid-template-columns: 1fr;\n                padding: 3rem 0;\n            }\n\n            .hero-buttons {\n                flex-direction: column;\n            }\n\n            button {\n                width: 100%;\n            }\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* ========================================\n           SECCIÓN PROBLEMA\n           ======================================== *\/\n        .section-problem {\n            padding: 5rem 0;\n            background-color: var(--beige);\n            border-radius: 12px;\n            margin: 3rem 0;\n        }\n\n        .section-problem-inner {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .problem-text h2 {\n            color: var(--gris-texto);\n            margin-bottom: 1rem;\n        }\n\n        .problem-text p {\n            font-size: 1.1rem;\n            color: #666;\n            line-height: 1.8;\n        }\n\n        @media (max-width: 768px) {\n            .section-problem-inner {\n                grid-template-columns: 1fr;\n            }\n\n            .section-problem {\n                padding: 3rem 1.5rem;\n            }\n        }\n\n        \/* ========================================\n           SECCIÓN SOLUCIÓN (KIT)\n           ======================================== *\/\n        .section-solution {\n            padding: 5rem 0;\n        }\n\n        .solution-header {\n            text-align: center;\n            margin-bottom: 3rem;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .solution-header h2 {\n            margin-bottom: 1rem;\n        }\n\n        .solution-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .solution-labels {\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n        }\n\n        .label-item {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n        }\n\n        .label-circle {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background-color: var(--dorado);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--blanco);\n            font-weight: 600;\n            font-size: 1.2rem;\n            flex-shrink: 0;\n        }\n\n        .label-text h3 {\n            margin-bottom: 0.25rem;\n        }\n\n        .label-text p {\n            font-size: 0.9rem;\n            color: #999;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .solution-content {\n                grid-template-columns: 1fr;\n            }\n\n            .solution-labels {\n                order: 2;\n            }\n\n            .image-placeholder {\n                order: 1;\n            }\n        }\n\n        \/* ========================================\n           SECCIÓN CÓMO FUNCIONA\n           ======================================== *\/\n        .section-howworks {\n            padding: 5rem 0;\n            background-color: var(--beige);\n            border-radius: 12px;\n            margin: 3rem 0;\n        }\n\n        .howworks-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n        }\n\n        .step-card {\n            background-color: var(--blanco);\n            padding: 2rem;\n            border-radius: 12px;\n            text-align: center;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n            transition: var(--transition);\n        }\n\n        .step-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .step-number {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 60px;\n            height: 60px;\n            background-color: var(--verde-oliva);\n            color: var(--blanco);\n            border-radius: 50%;\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n        }\n\n        .step-card h3 {\n            color: var(--verde-oliva);\n            margin-bottom: 0.5rem;\n        }\n\n        .step-card p {\n            font-size: 0.95rem;\n            color: #777;\n        }\n\n        @media (max-width: 768px) {\n            .steps-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .section-howworks {\n                padding: 3rem 1.5rem;\n            }\n        }\n\n        \/* ========================================\n           SECCIÓN BENEFICIOS\n           ======================================== *\/\n        .section-benefits {\n            padding: 5rem 0;\n        }\n\n        .benefits-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .benefits-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .benefits-list {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 1.5rem;\n        }\n\n        .benefit-item {\n            display: flex;\n            gap: 1rem;\n        }\n\n        .benefit-icon {\n            width: 40px;\n            height: 40px;\n            background-color: var(--dorado);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--blanco);\n            font-weight: 700;\n            flex-shrink: 0;\n            font-size: 1.2rem;\n        }\n\n        .benefit-text h4 {\n            font-weight: 600;\n            color: var(--gris-texto);\n            margin-bottom: 0.25rem;\n        }\n\n        .benefit-text p {\n            font-size: 0.9rem;\n            color: #777;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .benefits-content {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* ========================================\n           SECCIÓN ANTES \/ DESPUÉS\n           ======================================== *\/\n        .section-before-after {\n            padding: 5rem 0;\n            background-color: var(--beige);\n            border-radius: 12px;\n            margin: 3rem 0;\n        }\n\n        .before-after-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .before-after-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2rem;\n        }\n\n        .comparison-item {\n            text-align: center;\n        }\n\n        .comparison-item h3 {\n            color: var(--verde-oliva);\n            margin-top: 1.5rem;\n            margin-bottom: 0;\n        }\n\n        @media (max-width: 768px) {\n            .before-after-content {\n                grid-template-columns: 1fr;\n            }\n\n            .section-before-after {\n                padding: 3rem 1.5rem;\n            }\n        }\n\n        \/* ========================================\n           SECCIÓN CTA FINAL\n           ======================================== *\/\n        .section-cta-final {\n            padding: 5rem 0;\n            text-align: center;\n        }\n\n        .cta-final-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .cta-text h2 {\n            margin-bottom: 1.5rem;\n        }\n\n        .cta-final-price {\n            font-size: 2.5rem;\n            color: var(--verde-oliva);\n            font-family: var(--font-display);\n            font-weight: 600;\n            margin: 1.5rem 0;\n        }\n\n        .cta-final-buttons {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n            margin-top: 2rem;\n        }\n\n        .cta-final-buttons button {\n            width: 100%;\n        }\n\n        @media (max-width: 768px) {\n            .cta-final-content {\n                grid-template-columns: 1fr;\n            }\n\n            .cta-final-buttons {\n                flex-direction: column;\n            }\n\n            .section-cta-final {\n                padding: 3rem 1.5rem;\n            }\n        }\n\n        \/* ========================================\n           SECCIÓN FAQ\n           ======================================== *\/\n        .section-faq {\n            padding: 5rem 0;\n            background-color: var(--beige);\n            border-radius: 12px;\n            margin: 3rem 0;\n        }\n\n        .faq-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .faq-container {\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            background-color: var(--blanco);\n            margin-bottom: 1rem;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n        }\n\n        .faq-question {\n            padding: 1.5rem;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 600;\n            color: var(--gris-texto);\n            transition: var(--transition);\n            user-select: none;\n        }\n\n        .faq-question:hover {\n            background-color: #F9F7F4;\n        }\n\n        .faq-toggle {\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            background-color: var(--dorado);\n            color: var(--blanco);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            transition: var(--transition);\n            flex-shrink: 0;\n        }\n\n        .faq-item.open .faq-toggle {\n            transform: rotate(180deg);\n        }\n\n        .faq-answer {\n            display: none;\n            padding: 0 1.5rem 1.5rem 1.5rem;\n            color: #666;\n            border-top: 1px solid var(--beige);\n            line-height: 1.8;\n        }\n\n        .faq-item.open .faq-answer {\n            display: block;\n            animation: slideDown 0.3s ease;\n        }\n\n        @keyframes slideDown {\n            from {\n                opacity: 0;\n                transform: translateY(-10px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .section-faq {\n                padding: 3rem 1.5rem;\n            }\n\n            .faq-question {\n                font-size: 0.95rem;\n            }\n\n            .faq-item {\n                margin-bottom: 0.75rem;\n            }\n        }\n\n        \/* ========================================\n           FOOTER\n           ======================================== *\/\n        footer {\n            background-color: var(--gris-texto);\n            color: var(--blanco);\n            padding: 2rem 0;\n            text-align: center;\n            font-size: 0.9rem;\n            margin-top: 5rem;\n        }\n\n        footer p {\n            margin: 0.5rem 0;\n            color: #ccc;\n        }\n\n        \/* ========================================\n           ANIMACIONES DE ENTRADA\n           ======================================== *\/\n        .fade-in-up {\n            animation: fadeInUp 0.6s ease forwards;\n            opacity: 0;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .stagger-1 { animation-delay: 0.1s; }\n        .stagger-2 { animation-delay: 0.2s; }\n        .stagger-3 { animation-delay: 0.3s; }\n   .fade-in-up {\n    animation: fadeInUp 0.6s ease forwards;\n    opacity: 0;\n}\n\n\/* 👇 PEGA ESTO AQUÍ *\/\n.image-placeholder img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 12px;\n}\n\u003c\/style\u003e\n\u003c!-- ========================================\n         HERO SECTION\n         ======================================== --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003csection class=\"hero fade-in-up\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 style=\"text-align: center;\"\u003ePiel bonita sin rutinas eternas\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\" class=\"hero-subheadline\"\u003e3 pasos simples que sí vas a poder mantener\u003c\/p\u003e\n\u003cdiv style=\"text-align: center;\" class=\"shipping-badge\"\u003e✓ Envío gratis en Colombia\u003c\/div\u003e\n\u003cdiv class=\"hero-price\"\u003e\n\u003cspan class=\"price-number\"\u003e$97.900\u003c\/span\u003e \u003cspan class=\"price-label\"\u003eCOP\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-buttons\"\u003e\n\u003cbutton class=\"btn-primary\"\u003eComprar ahora\u003c\/button\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"discount-badge\"\u003e🎁 10% OFF para las primeras 10 compras\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003cdiv class=\"image-placeholder img-hero\"\u003e\n\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/freepik_a-young-woman-with-a-radi_2861571135.webp?v=1777082037\" alt=\"\" width=\"485\" height=\"475\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================\n         PROBLEMA SECTION\n         ======================================== --\u003e\n\u003csection class=\"section-problem fade-in-up stagger-2\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-problem-inner\"\u003e\n\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003cdiv class=\"image-placeholder img-medium\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/freepik_create-a-realistic-splitf_2861556448.webp?v=1777082109\" alt=\"\" width=\"499\" height=\"620\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"problem-text\" style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch1\u003eEl cansancio no debería notarse en tu piel\u003c\/h1\u003e\nSabemos que tienes poco tiempo. No necesitas 10 productos ni 30 minutos de rutina para tener una piel hermosa.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n         SOLUCIÓN (KIT) SECTION\n         ======================================== --\u003e\n\u003csection class=\"section-solution fade-in-up stagger-3\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"solution-header\"\u003e\n\u003ch1\u003eMenos pasos, piel de porcelana\u003c\/h1\u003e\n\u003ch2 style=\"text-align: center;\"\u003eUn kit pensado para hacerlo fácil\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-content\"\u003e\n\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003cdiv class=\"image-placeholder img-medium\"\u003e\u003cimg height=\"676\" width=\"545\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/freepik_quiero-que-me-generes-est_2861586919.webp?v=1777082790\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"solution-labels\"\u003e\n\u003cdiv class=\"label-item\"\u003e\n\u003cdiv class=\"label-circle\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"label-text\"\u003e\n\u003ch3\u003eRenueva\u003c\/h3\u003e\n\u003cp\u003eExfoliante suave\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"label-item\"\u003e\n\u003cdiv class=\"label-circle\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"label-text\"\u003e\n\u003ch3\u003eLimpia\u003c\/h3\u003e\n\u003cp\u003eMascarilla profunda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"label-item\"\u003e\n\u003cdiv class=\"label-circle\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"label-text\"\u003e\n\u003ch3\u003eHidrata\u003c\/h3\u003e\n\u003cp\u003eSérum intenso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n         CÓMO FUNCIONA SECTION\n         ======================================== --\u003e\n\u003csection class=\"section-howworks fade-in-up\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"howworks-header\"\u003e\n\u003ch1 style=\"text-align: center;\"\u003e3 pasos. Un cambio que se nota\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"steps-grid\"\u003e\n\u003c!-- Paso 1 --\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/giffexfoliante-ezgif.com-gif-to-webp-converter.webp?v=1777170729\" alt=\"\"\u003e\u003cbr\u003e\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003ch3\u003eExfolia\u003c\/h3\u003e\n\u003cp\u003eRemueve células muertas y prepara tu piel en 2 minutos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Paso 2 --\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e②\u003c\/div\u003e\n\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003cdiv class=\"image-placeholder img-small\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/giffmak1corto-ezgif.com-gif-to-webp-converter.webp?v=1777171874\"\u003e\u003c\/div\u003e\n\u003ch3\u003eLimpia\u003c\/h3\u003e\n\u003cp\u003eMascarilla que absorbe impurezas en 10 minutos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Paso 3 --\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e③\u003c\/div\u003e\n\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003cdiv class=\"image-placeholder img-small\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/giffserum1corto-ezgif.com-gif-to-webp-converter.webp?v=1777172557\" alt=\"\"\u003e\u003c\/div\u003e\n\u003ch3\u003eHidrata\u003c\/h3\u003e\n\u003cp\u003eSérum que nutre y protege tu piel al instante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n         BENEFICIOS SECTION\n         ======================================== --\u003e\n\u003csection class=\"section-benefits\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"benefits-header\"\u003e\n\u003ch1\u003e¿Qué cambios verás?\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-content\"\u003e\n\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003cdiv class=\"benefits-list\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003ePiel radiante\u003c\/h4\u003e\n\u003cp\u003eDesde la primera semana notarás el brillo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003eSin impurezas\u003c\/h4\u003e\n\u003cp\u003eAdiós a poros dilatados y acné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003eHidratación real\u003c\/h4\u003e\n\u003cp\u003ePiel suave y sedosa todo el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003eRutina de 5 minutos\u003c\/h4\u003e\n\u003cp\u003eMantenible incluso en los días más ocupados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003eIngredientes naturales\u003c\/h4\u003e\n\u003cp\u003eSin químicos agresivos ni irritantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003ePara todo tipo de piel\u003c\/h4\u003e\n\u003cp\u003eFuncionan en piel grasa, seca y mixta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n         ANTES \/ DESPUÉS SECTION\n         ======================================== --\u003e\n\u003csection class=\"section-before-after\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"before-after-header\"\u003e\n\u003ch1\u003eEl cambio no es magia. Es constancia\u003c\/h1\u003e\n\u003cp style=\"text-align: center; color: #666; margin-top: 1rem;\"\u003eMira los resultados de nuestros clientes después de 4 semanas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-content\"\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003c!-- Reemplazar este bloque con imagen \"ANTES\" desde Shopify --\u003e\n\u003cdiv class=\"image-placeholder img-medium\"\u003e\u003cimg height=\"613\" width=\"493\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/freepik_dame-esta-imagen-img1-a-l_2861656383.webp?v=1777084651\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n         CTA FINAL SECTION\n         ======================================== --\u003e\n\u003csection class=\"section-cta-final\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"cta-final-content\"\u003e\n\u003c!-- Reemplazar este bloque con imagen o GIF desde Shopify --\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003ch1\u003eTu piel también puede verse así\u003c\/h1\u003e\n\u003cdiv class=\"cta-final-price\"\u003e$97.900 COP\u003c\/div\u003e\n\u003cp style=\"color: #999; font-size: 0.95rem;\"\u003eEnvío gratis en toda Colombia\u003c\/p\u003e\n\u003cdiv class=\"cta-final-buttons\"\u003e\u003cbutton class=\"btn-primary\"\u003eComprar ahora\u003c\/button\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 1.5rem;\" class=\"discount-badge\"\u003e🎁 10% OFF para las primeras 10 compras\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n         FAQ SECTION\n         ======================================== --\u003e\n\u003csection class=\"section-faq\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"faq-header\"\u003e\n\u003ch1\u003ePreguntas frecuentes\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003c!-- FAQ Item 1 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e¿Sirve para todo tipo de piel?\u003c\/span\u003e\n\u003cdiv class=\"faq-toggle\"\u003e+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eSí, nuestro kit está formulado para ser compatible con todo tipo de piel: grasa, seca, mixta y sensible. Los ingredientes son balanceados para no irritar ni secar. Si tienes piel muy sensible, recomendamos empezar con 1-2 veces por semana.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Item 2 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e¿Cómo se usa?\u003c\/span\u003e\n\u003cdiv class=\"faq-toggle\"\u003e+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eEs muy simple: (1) Exfolia - masajea el exfoliante durante 2 minutos. (2) Limpia - aplica la mascarilla y déjala 10 minutos. (3) Hidrata - finaliza con el sérum. Total: 5 minutos. Úsalo 2-3 veces por semana para resultados óptimos.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Item 3 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e¿Cuándo veo resultados?\u003c\/span\u003e\n\u003cdiv class=\"faq-toggle\"\u003e+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eMuchos clientes notan mejora desde la primera semana (más brillo y suavidad). Los resultados verdaderos (reducción de poros, acné controlado) se ven alrededor de la semana 3-4 con uso consistente. La piel es paciente, pero los resultados vienen.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Item 4 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e¿Envíos en Colombia?\u003c\/span\u003e\n\u003cdiv class=\"faq-toggle\"\u003e+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eClaro, enviamos a toda Colombia. El envío es GRATIS sin importar tu ciudad. Entregas en 3-5 días hábiles a nivel nacional. Puedes seguir tu pedido en tiempo real desde tu email.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Item 5 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e¿Tiene garantía?\u003c\/span\u003e\n\u003cdiv class=\"faq-toggle\"\u003e+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eSí. Si no estás satisfecha con los resultados en 30 días, devolvemos tu dinero sin preguntas. Creemos tanto en nuestro producto que no queremos que pagues por algo que no ama tu piel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========================================\n         FOOTER\n         ======================================== --\u003e\u003c!-- ========================================\n         SCRIPT FAQ INTERACTIVO\n         ======================================== --\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/section-145124-optimized.webp?v=1777085384\" alt=\"\"\u003e\u003c\/p\u003e","brand":"ZappyMart","offers":[{"title":"Default Title","offer_id":42721936965728,"sku":"DM017","price":97900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0642\/9786\/1216\/files\/freepik_create-a-realistic-skinca_2861395813.webp?v=1777080396","url":"https:\/\/zappymart.co\/products\/kit-bio-rice-30ml","provider":"ZappyMart","version":"1.0","type":"link"}