{"product_id":"mascara-colageno-karseell®-500ml-restauracao-permanente-e-completa","title":"Máscara Colágeno Karseell® 500ml [Restauração Permanente e Completa] PEDIR Y PAGAR EN CASA","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=Playfair+Display:wght@700\u0026amp;family=Nunito:wght@400;700;800\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --brand-color: #7C3AED !important;\n            --hero-color: #1A0A2E !important;\n            --text-dark: #1e293b !important;\n            --text-light: #f8fafc !important;\n            --bg-light: #f8fafc !important;\n            --bg-white: #FFFFFF !important;\n            --font-heading: 'Playfair Display', serif !important;\n            --font-body: 'Nunito', sans-serif !important;\n        }\n\/* star-rule-removed *\/\n        \/* body-rule-removed *\/\n        .container {\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 16px;\n        }\n        @media (min-width: 769px) {\n            .container {\n                max-width: 960px;\n                padding: 0;\n            }\n        }\n        .section {\n            padding: 48px 0;\n        }\n        .section-dark {\n            background-color: var(--hero-color);\n            color: var(--text-light);\n        }\n        .section-light {\n            background-color: var(--bg-light);\n        }\n        h1, h2, \/* unscoped-heading-removed *\/ .lp-noop {\n            font-family: var(--font-heading);\n            font-weight: 700;\n            line-height: 1.2;\n            text-align: center;\n        }\n        \/* unscoped-heading-removed *\/ .lp-noop { font-size: 36px; }\n        \/* unscoped-heading-removed *\/ .lp-noop { font-size: 32px; color: var(--text-dark); }\n        p { font-size: 16px; line-height: 1.6; color: #475569; }\n        .centered-text { text-align: center; }\n        .cta-button {\n            display: inline-block;\n            width: 100%;\n            text-align: center;\n            text-decoration: none;\n            cursor: pointer;\n            border: none;\n            border-radius: 8px;\n            background-color: var(--brand-color);\n            color: #ffffff !important;\n            font-family: var(--font-body);\n            font-size: 18px !important;\n            font-weight: 700 !important;\n            min-height: 56px !important;\n            padding: 18px 32px !important;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(124, 58, 237, 0.3);\n        }\n\n        \/* --- Animations --- *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .fade-in-up {\n            animation: fadeInUp 0.8s ease-out forwards;\n            opacity: 0;\n        }\n        .delay-1 { animation-delay: 0.2s; }\n        .delay-2 { animation-delay: 0.4s; }\n        .delay-3 { animation-delay: 0.6s; }\n        .delay-4 { animation-delay: 0.8s; }\n\n        @keyframes pulse-glow {\n            0%, 100% { box-shadow: 0 0 20px rgba(167, 139, 250, 0.4); }\n            50% { box-shadow: 0 0 35px rgba(167, 139, 250, 0.8); }\n        }\n        .pulse-glow-cta {\n            animation: pulse-glow 2.5s infinite;\n        }\n\n        @keyframes shine {\n            0% { background-position: -200% 0; }\n            100% { background-position: 200% 0; }\n        }\n        .shine-cta {\n            position: relative;\n            overflow: hidden;\n        }\n        .shine-cta::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,0.3) 50%, transparent 80%);\n            animation: shine 3s infinite linear;\n        }\n\n        @keyframes shimmer {\n            0% { background-position: -500% 0; }\n            100% { background-position: 500% 0; }\n        }\n        .shimmer-text {\n            background: linear-gradient(90deg, #fff 20%, #e9d5ff 50%, #fff 80%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            text-fill-color: transparent;\n            background-size: 200% auto;\n            animation: shimmer 5s infinite linear;\n        }\n        \n        \/* --- B01: Sticky Bar --- *\/\n        .sticky-bar {\n            position: sticky;\n            top: 0;\n            width: 100%;\n            background-color: var(--brand-color) !important;\n            color: var(--text-light) !important;\n            padding: 10px 0;\n            text-align: center;\n            font-weight: 700;\n            font-size: 14px;\n            z-index: 100;\n            display: none; \/* Hidden by default, shown on scroll *\/\n        }\n\n        \/* --- B02: Hero Section --- *\/\n        .hero-section {\n            padding: 48px 0 0 0;\n            position: relative;\n            z-index: 1;\n        }\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: -100px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 200%;\n            height: 400px;\n            background: radial-gradient(circle, rgba(124, 58, 237, 0.15) 0%, transparent 60%);\n            z-index: -1;\n            pointer-events: none;\n        }\n        .hero-headline { color: #ffffff !important; }\n        .hero-headline span { color: var(--brand-color) !important; }\n        .hero-subheadline {\n            font-family: var(--font-body);\n            font-size: 18px;\n            color: #d1d5db !important;\n            max-width: 450px;\n            margin: 16px auto 0 auto;\n        }\n        .hero-image-wrapper {\n            position: relative;\n            margin-top: 32px;\n        }\n        .discount-badge {\n            position: absolute;\n            top: 16px;\n            right: 16px;\n            background-color: #ef4444 !important;\n            color: #ffffff !important;\n            padding: 6px 14px;\n            border-radius: 9999px;\n            font-size: 14px;\n            font-weight: 700;\n            z-index: 2;\n        }\n         .social-proof-pill {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background-color: rgba(255, 255, 255, 0.1) !important;\n            color: #d1d5db !important;\n            padding: 8px 16px;\n            border-radius: 9999px;\n            font-size: 13px;\n            font-weight: 700;\n            margin-top: 16px;\n        }\n        .price-box {\n            background-color: rgba(255, 255, 255, 0.05) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 12px;\n            padding: 20px;\n            margin: 24px auto 0 auto;\n            max-width: 400px;\n        }\n        .price-line {\n            display: flex;\n            justify-content: center;\n            align-items: baseline;\n            gap: 12px;\n            font-weight: 700;\n        }\n        .original-price {\n            font-size: 20px;\n            color: #9ca3af !important;\n            text-decoration: line-through;\n        }\n        .cod-price {\n            font-size: 32px;\n            color: var(--brand-color) !important;\n        }\n        .savings-badge {\n            background-color: #16a34a !important;\n            color: #ffffff !important;\n            padding: 4px 10px;\n            border-radius: 6px;\n            font-size: 13px;\n        }\n        .value-prop {\n            font-size: 14px;\n            color: #a1a1aa !important;\n            margin-top: 8px;\n        }\n        .risk-reversal {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            font-size: 14px;\n            color: #d1d5db !important;\n            margin-top: 16px;\n            font-weight: 700;\n        }\n        .cta-container {\n            margin-top: 24px;\n            max-width: 400px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .cta-urgency {\n            font-size: 12px;\n            color: #a1a1aa !important;\n            margin-top: 8px;\n            text-transform: uppercase;\n        }\n        .secondary-cta {\n            display: block;\n            margin-top: 16px;\n            font-size: 14px;\n            color: #a1a1aa !important;\n            text-decoration: underline;\n        }\n        .secondary-cta:hover { color: #ffffff !important; }\n        .wave-separator {\n            width: 100%;\n            height: auto;\n            display: block;\n            margin-top: 48px;\n        }\n\n        \/* --- B04: Benefits --- *\/\n        .benefits-grid {\n            display: grid;\n            gap: 24px;\n            margin-top: 32px;\n        }\n        .benefit-card {\n            background-color: var(--bg-white) !important;\n            padding: 24px;\n            border-radius: 12px;\n            border: 1px solid #e2e8f0;\n            transition: transform 0.2s, box-shadow 0.2s;\n        }\n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n        }\n        .benefit-card \/* unscoped-heading-removed *\/ .lp-noop {\n            font-family: var(--font-body);\n            font-size: 18px;\n            text-align: left;\n            margin-bottom: 12px;\n        }\n        .benefit-card p {\n            font-size: 15px;\n            color: #64748b !important;\n            margin: 4px 0 0 0;\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n        }\n        .benefit-card p span { flex-shrink: 0; }\n        \n        \/* --- B05: COD Steps --- *\/\n        .cod-steps-section {\n            background: linear-gradient(135deg, #22c55e, #15803d) !important;\n            color: #ffffff !important;\n            border-radius: 16px;\n            padding: 40px 24px;\n        }\n        .cod-steps-grid {\n            display: grid;\n            gap: 24px;\n            margin-top: 32px;\n            text-align: center;\n        }\n        .cod-step { font-weight: 700; font-size: 16px; color: #ffffff !important;}\n        .cod-step span {\n            display: block;\n            background-color: rgba(255,255,255,0.2) !important;\n            color: #ffffff !important;\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            line-height: 40px;\n            margin: 0 auto 12px auto;\n            font-size: 20px;\n        }\n        .trust-box {\n            background-color: rgba(255,255,255,0.1) !important;\n            border: 1px solid rgba(255,255,255,0.2) !important;\n            border-radius: 8px;\n            padding: 16px;\n            margin-top: 40px;\n            text-align: center;\n            font-weight: 700;\n            font-size: 15px;\n            color: #ffffff !important;\n        }\n        \n        \/* --- B06: Testimonials --- *\/\n        .testimonials-grid {\n            display: grid;\n            gap: 24px;\n            margin-top: 32px;\n        }\n        .testimonial-card {\n            background-color: var(--bg-light) !important;\n            padding: 24px;\n            border-radius: 12px;\n            border: 1px solid #e2e8f0;\n        }\n        .testimonial-header {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 16px;\n        }\n        .testimonial-avatar {\n            width: 56px;\n            height: 56px;\n            border-radius: 50%;\n            object-fit: cover;\n            flex-shrink: 0;\n        }\n        .testimonial-author {\n            font-weight: 700;\n            font-size: 16px;\n        }\n        .testimonial-author span {\n            display: block;\n            font-weight: 400;\n            font-size: 14px;\n            color: #64748b !important;\n        }\n        .testimonial-quote {\n            font-family: var(--font-heading);\n            font-size: 20px;\n            line-height: 1.4;\n            color: var(--text-dark) !important;\n            position: relative;\n            padding-left: 20px;\n        }\n        .testimonial-quote::before {\n            content: '“';\n            position: absolute;\n            left: 0;\n            top: 0;\n            font-size: 32px;\n            color: var(--brand-color);\n            opacity: 0.5;\n        }\n        .mid-cta-container {\n            margin-top: 40px;\n        }\n\n        \/* --- B07: Guarantee \u0026 FAQ --- *\/\n        .guarantee-faq-grid {\n            margin-top: 32px;\n            display: grid;\n            gap: 32px;\n        }\n        .guarantee-card {\n            background: linear-gradient(135deg, #16a34a, #15803d) !important;\n            color: #ffffff !important;\n            padding: 32px;\n            border-radius: 16px;\n            text-align: center;\n        }\n        .guarantee-card \/* unscoped-heading-removed *\/ .lp-noop {\n            font-family: var(--font-body);\n            font-size: 24px;\n            font-weight: 800;\n            color: #ffffff !important;\n        }\n        .guarantee-card p {\n            color: #d1fae5 !important;\n            max-width: 450px;\n            margin: 12px auto 0 auto;\n            font-size: 16px;\n        }\n        .faq-section \/* unscoped-heading-removed *\/ .lp-noop { margin-bottom: 24px; }\n        details {\n            background: var(--bg-light) !important;\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n            margin-bottom: 12px;\n        }\n        summary {\n            cursor: pointer;\n            font-weight: 700;\n            padding: 16px;\n            list-style: none;\n            position: relative;\n            font-size: 16px;\n            color: var(--text-dark) !important;\n        }\n        summary::after {\n            content: '▸';\n            position: absolute;\n            right: 16px;\n            top: 50%;\n            transform: translateY(-50%);\n            transition: transform 0.2s;\n            font-size: 20px;\n            color: var(--brand-color);\n        }\n        details[open] summary::after {\n            transform: translateY(-50%) rotate(90deg);\n        }\n        details div {\n            padding: 0 16px 16px 16px;\n            border-top: 1px solid #e2e8f0;\n            margin-top: 8px;\n            padding-top: 16px;\n        }\n        \n        \/* --- B08: Final CTA --- *\/\n        .final-cta-section { padding: 64px 0; }\n        .price-comparison {\n            text-align: center;\n            font-size: 18px;\n            color: #d1d5db !important;\n            margin-bottom: 16px;\n        }\n        .price-comparison s { color: #9ca3af !important; }\n        .price-comparison span { color: var(--brand-color); font-weight: 700; }\n        .final-cta-container {\n            max-width: 450px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .final-cta-lock {\n            text-align: center;\n            font-size: 14px;\n            color: #a1a1aa !important;\n            margin-top: 16px;\n            font-weight: 700;\n        }\n\n        \/* --- B09: Footer --- *\/\n        .footer {\n            background-color: #0a0f1a !important;\n            padding: 32px 0;\n            text-align: center;\n            font-family: var(--font-body);\n        }\n        .footer p {\n            color: #9ca3af !important;\n            font-size: 14px;\n        }\n        .footer a {\n            color: #cbd5e1 !important;\n            text-decoration: none;\n            margin: 0 10px;\n        }\n        .footer a:hover { text-decoration: underline; }\n\n        \/* Media Queries *\/\n        @media (max-width: 768px) {\n            #lp-tgepw5b { width: 100vw; margin-left: calc(-50vw + 50%); overflow-x: hidden !important; }\n            \/* unscoped-heading-removed *\/ .lp-noop { font-size: 32px; }\n            \/* unscoped-heading-removed *\/ .lp-noop { font-size: 28px; }\n            .section { padding: 32px 0; }\n            .container { padding: 0 16px; }\n            img { max-height: 320px; }\n            .benefits-grid, .testimonials-grid, .cod-steps-grid { grid-template-columns: 1fr !important; }\n            .hero-section { padding-top: 32px; }\n            .wave-separator { margin-top: 32px; }\n            .guarantee-faq-grid { grid-template-columns: 1fr !important; }\n        }\n        @media (min-width: 769px) {\n             #lp-tgepw5b { width: 100%; max-width: 100%; }\n            .benefits-grid { grid-template-columns: repeat(3, 1fr); }\n            .cod-steps-grid { grid-template-columns: repeat(3, 1fr); }\n            .testimonials-grid { grid-template-columns: repeat(1, 1fr); max-width: 700px; margin-left: auto; margin-right: auto; }\n            .guarantee-faq-grid { grid-template-columns: 1fr 1fr; align-items: start; }\n        }\n    \u003c\/style\u003e\n\u003cstyle id=\"shopify-theme-reset\"\u003e\n#lp-tgepw5b {\n  background: #FFFFFF !important;\n  color: #111111 !important;\n  position: relative !important;\n  z-index: 1 !important;\n  isolation: isolate !important;\n  font-family: Inter, system-ui, -apple-system, sans-serif !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  box-sizing: border-box !important;\n  overflow-x: hidden !important;\n  overflow-y: visible !important;\n  padding-bottom: 80px !important;\n  display: block !important;\n}\n#lp-tgepw5b .gradient,\n#lp-tgepw5b .color-background-1,\n#lp-tgepw5b .color-background-2,\n#lp-tgepw5b .color-background-3,\n#lp-tgepw5b [class*=\"color-background\"],\n#lp-tgepw5b [class*=\"gradient\"] {\n  background: transparent !important;\n  background-image: none !important;\n}\n#lp-tgepw5b [class*=\"color-foreground\"] { color: inherit !important; }\n#lp-tgepw5b \u003e div, #lp-tgepw5b \u003e section {\n  width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;\n}\n@media (min-width: 769px) {\n  #lp-tgepw5b { width: 100% !important; max-width: 100% !important; }\n  #lp-tgepw5b \u003e div \u003e *, #lp-tgepw5b \u003e section \u003e * { max-width: 960px; margin-left: auto !important; margin-right: auto !important; }\n  #lp-tgepw5b \u003e div, #lp-tgepw5b \u003e section { padding-left: 24px !important; padding-right: 24px !important; }\n}\n@media (max-width: 768px) {\n  #lp-tgepw5b { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; overflow-x: hidden !important; }\n  #lp-tgepw5b img { max-width: 100% !important; height: auto !important; }\n  #lp-tgepw5b [style*=\"grid-template-columns\"] { grid-template-columns: 1fr !important; }\n}\n\u003c\/style\u003e\n\u003cdiv style=\"overflow: visible !important; padding-bottom: 80px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; overflow-x: hidden !important; background: #FFFFFF !important; position: relative !important; z-index: 1 !important; isolation: isolate !important; display: block !important;\" id=\"lp-tgepw5b\"\u003e\n\u003c!-- B01: Sticky Bar --\u003e\n\u003cdiv class=\"sticky-bar\"\u003e\u003cspan\u003e🎉 ¡TU CABELLO MÁS LISO Y SANO! \u003cb\u003e-38% OFF\u003c\/b\u003e POR HOY\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- B02: Hero Section --\u003e\n\u003csection class=\"section section-dark hero-section\"\u003e\n\u003cdiv class=\"container centered-text\"\u003e\n\u003ch1 class=\"hero-headline fade-in-up\"\u003eRecupera Tu Cabello En \u003cspan class=\"shimmer-text\"\u003e15 Minutos\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-subheadline fade-in-up delay-1\"\u003eResultados de salón en casa. Fórmula natural alemana de colágeno y aceite de argán.\u003c\/p\u003e\n\u003cdiv class=\"social-proof-pill fade-in-up delay-2\"\u003e⭐ 4.9 · +5.681 pedidos entregados\u003c\/div\u003e\n\u003cdiv class=\"hero-image-wrapper fade-in-up delay-1\"\u003e\n\u003cdiv class=\"discount-badge\"\u003e-38% HOY\u003c\/div\u003e\n\u003cimg loading=\"eager\" style=\"width: 100%; object-fit: cover; border-radius: 12px; display: block; max-height: 480px;\" alt=\"Mujer mostrando su cabello sano y brillante después de usar la Máscara Karseell\" src=\"https:\/\/nalsoctcabdohcmxhoad.supabase.co\/storage\/v1\/object\/public\/chat-media\/generated-products\/6d032825-2ba4-49e5-b0e2-fd5924cada81\/1776394483616-hero.jpg\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"price-box fade-in-up delay-2\"\u003e\n\u003cdiv class=\"price-line\"\u003e\n\u003cspan class=\"original-price\"\u003e\u003cs\u003eCOP 209.000\u003c\/s\u003e\u003c\/span\u003e \u003cspan class=\"cod-price\"\u003eCOP 129.000\u003c\/span\u003e \u003cspan class=\"savings-badge\"\u003eAHORRAS 38%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"value-prop\"\u003eSolo COP 4.300 por día para un cabello perfecto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"risk-reversal fade-in-up delay-3\"\u003e🔒 Pagas solo al recibir · 🚚 Envío gratis · ✅ 30 días de garantía\u003c\/div\u003e\n\u003cdiv class=\"cta-container fade-in-up delay-3\"\u003e\n\u003ca class=\"cta-button pulse-glow-cta\" data-cta=\"true\" href=\"\/es-form-hook\"\u003e PEDIR MI MÁSCARA CON 38% OFF \u003c\/a\u003e\n\u003cp class=\"cta-urgency\"\u003e¡Oferta termina en \u003cspan id=\"timer\"\u003e23:57:55\u003c\/span\u003e!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"secondary-cta fade-in-up delay-4\" href=\"#testimonios\"\u003e↓ Ver lo que dicen nuestras clientas\u003c\/a\u003e\n\u003c\/div\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 1440 100\" class=\"wave-separator\"\u003e\n                \u003cpath fill=\"#FFFFFF\" d=\"M0 24.5C288 77.5 432 77.5 720 51C1008 24.5 1152 24.5 1440 77.5V100H0V24.5Z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/section\u003e\n\u003c!-- B03: Visual Break (GIF) --\u003e\n\u003cdiv style=\"background: #FFFFFF; padding: 0 20px; text-align: center;\"\u003e\n\u003cdiv style=\"background: #f8fafc; padding: 32px 20px; text-align: center; border-radius: 12px;\"\u003e\u003cimg loading=\"lazy\" style=\"max-width: 500px; width: 100%; border-radius: 12px; display: block; margin: 0 auto;\" alt=\"Demostración de la aplicación de la máscara Karseell\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0748\/6409\/9623\/files\/download.gif?v=1711420913\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Framing Section --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"fade-in-up\"\u003e¿Tu Cabello Pide Auxilio?\u003c\/h2\u003e\n\u003cdiv class=\"fade-in-up delay-1\" style=\"max-width: 800px; margin: 32px auto 0 auto;\"\u003e\n\u003cimg loading=\"lazy\" style=\"width: 100%; object-fit: cover; border-radius: 12px; display: block; max-height: 400px;\" alt=\"Mujer frustrada con su cabello dañado\" src=\"https:\/\/nalsoctcabdohcmxhoad.supabase.co\/storage\/v1\/object\/public\/chat-media\/generated-products\/6d032825-2ba4-49e5-b0e2-fd5924cada81\/1776394477164-lifestyle.jpg\"\u003e\n\u003cp style=\"text-align: center; font-style: italic; margin-top: 12px; font-size: 14px; color: #64748b;\"\u003eEl daño por planchas, tintes y resequedad le roba la vida a tu cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- B04: Benefits Section --\u003e\n\u003csection class=\"section section-light\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"fade-in-up\"\u003eTransforma Tu Cabello, Transforma Tu Día\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-in-up delay-1\"\u003e\n\u003ch3\u003e⚡ Frizz y Quiebre\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e❌\u003c\/span\u003e \u003cb\u003eSin Karseell: Cabello rebelde, con frizz y lleno de puntas abiertas.\u003c\/b\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅\u003c\/span\u003e \u003cb\u003eCon Karseell: Cabello liso, sedoso y visiblemente reparado desde la raíz.\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-in-up delay-2\"\u003e\n\u003ch3\u003e✨ Brillo y Vitalidad\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e❌\u003c\/span\u003e \u003cb\u003eSin Karseell: Apariencia opaca, sin vida y áspero al tacto.\u003c\/b\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅\u003c\/span\u003e \u003cb\u003eCon Karseell: Brillo perolado intenso e hidratación profunda que se siente.\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-in-up delay-3\"\u003e\n\u003ch3\u003e🛡️ Protección y Fuerza\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e❌\u003c\/span\u003e \u003cb\u003eSin Karseell: Débil, propenso a la caída y dañado por el sol y químicos.\u003c\/b\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅\u003c\/span\u003e \u003cb\u003eCon Karseell: Cabello fuerte, protegido de rayos UV y libre de sulfatos y parabenos.\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Visual Break --\u003e\n\u003cdiv style=\"padding: 48px 16px;\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cimg loading=\"lazy\" style=\"width: 100%; object-fit: cover; border-radius: 12px; display: block; max-height: 360px;\" alt=\"Comparativa de antes y después del uso de la máscara Karseell\" src=\"https:\/\/nalsoctcabdohcmxhoad.supabase.co\/storage\/v1\/object\/public\/chat-media\/generated-products\/6d032825-2ba4-49e5-b0e2-fd5924cada81\/1776394478502-before_after.jpg\"\u003e\n\u003cp style=\"text-align: center; font-style: italic; margin-top: 12px; font-size: 14px; color: #64748b;\"\u003eLa diferencia es visible desde la primera aplicación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B05: COD Steps Section --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"cod-steps-section fade-in-up\"\u003e\n\u003ch2 style=\"color: #ffffff !important;\"\u003eCompra Fácil y Segura\u003c\/h2\u003e\n\u003cdiv class=\"cod-steps-grid\"\u003e\n\u003cdiv class=\"cod-step\"\u003e\n\u003cspan\u003e1\u003c\/span\u003e Completa tu pedido aquí en la página.\u003c\/div\u003e\n\u003cdiv class=\"cod-step\"\u003e\n\u003cspan\u003e2\u003c\/span\u003e Te contactamos por WhatsApp para confirmar.\u003c\/div\u003e\n\u003cdiv class=\"cod-step\"\u003e\n\u003cspan\u003e3\u003c\/span\u003e Recibe en casa en 5 días y paga al mensajero.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-box\"\u003e⚠️ ¡Importante! NUNCA pedimos dinero por adelantado. Tu pago es 100% contra entrega.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Visual Break --\u003e\n\u003cdiv style=\"padding: 48px 16px;\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cimg loading=\"lazy\" style=\"width: 100%; object-fit: cover; border-radius: 12px; display: block; max-height: 360px;\" alt=\"Empaque del producto Máscara Colágeno Karseell 500ml\" src=\"https:\/\/nalsoctcabdohcmxhoad.supabase.co\/storage\/v1\/object\/public\/chat-media\/generated-products\/6d032825-2ba4-49e5-b0e2-fd5924cada81\/1776394481457-packaging.jpg\"\u003e\n\u003cp style=\"text-align: center; font-style: italic; margin-top: 12px; font-size: 14px; color: #64748b;\"\u003e500ml de tratamiento intensivo para meses de cuidado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B06: Testimonials Section --\u003e\n\u003csection class=\"section\" id=\"testimonios\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"fade-in-up\"\u003eConfían en Karseell para Revivir su Cabello\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card fade-in-up delay-1\"\u003e\n\u003cdiv class=\"testimonial-header\"\u003e\n\u003cimg loading=\"lazy\" class=\"testimonial-avatar\" alt=\"Cliente satisfecha Mariana V.\" src=\"https:\/\/nalsoctcabdohcmxhoad.supabase.co\/storage\/v1\/object\/public\/product-media\/testimonials\/6d032825-2ba4-49e5-b0e2-fd5924cada81\/1776394540387_0_bkav0p.png\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"testimonial-author\"\u003eMariana V. \u003cspan\u003eBogotá, D.C.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"testimonial-quote\"\u003eMi cabello revivió en dos semanas. El frizz desapareció por completo y ahora está súper brillante. Ya pedí otro para mi hermana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card fade-in-up delay-2\"\u003e\n\u003cdiv class=\"testimonial-header\"\u003e\n\u003cimg loading=\"lazy\" class=\"testimonial-avatar\" alt=\"Cliente satisfecho Carlos R.\" src=\"https:\/\/nalsoctcabdohcmxhoad.supabase.co\/storage\/v1\/object\/public\/product-media\/testimonials\/6d032825-2ba4-49e5-b0e2-fd5924cada81\/1776394538407_1_xxs4mh.png\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"testimonial-author\"\u003eCarlos R. \u003cspan\u003eMedellín\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"testimonial-quote\"\u003eLlegó en solo 3 días. Estaba escéptico, pero mi cabello se siente mucho más fuerte y manejable. Funciona de verdad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card fade-in-up delay-3\"\u003e\n\u003cdiv class=\"testimonial-header\"\u003e\n\u003cimg loading=\"lazy\" class=\"testimonial-avatar\" alt=\"Cliente satisfecha Ana P.\" src=\"https:\/\/nalsoctcabdohcmxhoad.supabase.co\/storage\/v1\/object\/public\/product-media\/testimonials\/6d032825-2ba4-49e5-b0e2-fd5924cada81\/1776394534868_2_v2t0qn.png\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"testimonial-author\"\u003eAna P. \u003cspan\u003eCali\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"testimonial-quote\"\u003e¡Adiós puntas abiertas! Después de un mes de uso se nota la reparación profunda. Lo recomiendo totalmente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mid-cta-container fade-in-up delay-4\"\u003e\u003ca class=\"cta-button\" data-cta=\"true\" href=\"\/es-form-hook\"\u003e SÍ, QUIERO MI CABELLO RESTAUR\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Tucasatienda","offers":[{"title":"Default Title","offer_id":48500539556007,"sku":null,"price":149000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/4964\/9831\/files\/1776394483616-hero.jpg?v=1776394692","url":"https:\/\/tu-casatienda.myshopify.com\/products\/mascara-colageno-karseell%c2%ae-500ml-restauracao-permanente-e-completa","provider":"Tucasatienda","version":"1.0","type":"link"}