{"product_id":"collar-sagrado-corazon-de-jesus-obsequio-🎁","title":"Collar Sagrado Corazón de Jesús + ¡OBSEQUIO! 🎁","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\"\u003e\n    \u003ctitle\u003eCollar Sagrado Corazón - Protección Espiritual\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900\u0026amp;family=Lora:wght@400;500;600\u0026amp;family=Montserrat:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --primary-color: #8B0000;\n            --accent-color: #D4AF37;\n            --accent-light: #F4E4C1;\n            --text-dark: #1a1a1a;\n            --text-light: #666666;\n            --text-lighter: #999999;\n            --bg-white: #ffffff;\n            --bg-cream: #faf8f5;\n            --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.08);\n            --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.12);\n            --shadow-strong: 0 12px 36px rgba(139, 0, 0, 0.15);\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Lora', serif;\n            color: var(--text-dark);\n            background: var(--bg-white);\n            line-height: 1.7;\n            overflow-x: hidden;\n        }\n\n        \/* HERO SECTION *\/\n        .hero {\n            position: relative;\n            padding: 24px 16px;\n            background: linear-gradient(135deg, #faf8f5 0%, #f5eff4 100%);\n            overflow: hidden;\n            min-height: 60vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle at 30% 30%, rgba(212, 175, 55, 0.1) 0%, transparent 60%);\n            animation: float 20s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(20px); }\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            animation: fadeInUp 0.8s ease-out;\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        .hero-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.15);\n            color: var(--primary-color);\n            padding: 6px 14px;\n            border-radius: 20px;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            text-transform: uppercase;\n        }\n\n        .hero-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 40px;\n            font-weight: 900;\n            color: var(--primary-color);\n            margin-bottom: 12px;\n            line-height: 1.2;\n            letter-spacing: -1px;\n        }\n\n        .hero-subtitle {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            color: var(--text-light);\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            font-weight: 500;\n        }\n\n        \/* SCROLL INDICATOR *\/\n        .scroll-indicator {\n            position: absolute;\n            bottom: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            animation: bounce 2s infinite;\n        }\n\n        @keyframes bounce {\n            0%, 100% { transform: translateX(-50%) translateY(0); }\n            50% { transform: translateX(-50%) translateY(8px); }\n        }\n\n        .scroll-indicator svg {\n            width: 24px;\n            height: 24px;\n            stroke: var(--primary-color);\n            opacity: 0.6;\n        }\n\n        \/* ATTENTION SECTION - HERO IMAGE *\/\n        .section-attention {\n            padding: 0;\n            overflow: hidden;\n        }\n\n        .attention-image {\n            width: 100%;\n            height: 450px;\n            object-fit: cover;\n            animation: scaleInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n        }\n\n        @keyframes scaleInOnScroll {\n            from {\n                transform: scale(0.95);\n                opacity: 0.8;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        \/* INTEREST SECTION *\/\n        .section-interest {\n            padding: 40px 16px;\n            background: var(--bg-white);\n            position: relative;\n        }\n\n        .section-interest::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .interest-header {\n            text-align: center;\n            margin-bottom: 32px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        @keyframes fadeInOnScroll {\n            from {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes slideInOnScroll {\n            from {\n                opacity: 0;\n                transform: translateY(40px) scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0) scale(1);\n            }\n        }\n\n        @keyframes slideInFromLeftOnScroll {\n            from {\n                opacity: 0;\n                transform: translateX(-50px) translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0) translateY(0);\n            }\n        }\n\n        @keyframes scaleInOnScroll {\n            from {\n                opacity: 0.6;\n                transform: scale(0.88);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        @keyframes zoomInOnScroll {\n            from {\n                transform: scale(1.12);\n                opacity: 0.8;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateInOnScroll {\n            from {\n                opacity: 0;\n                transform: rotateY(20deg) translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: rotateY(0) translateY(0);\n            }\n        }\n\n        @keyframes pulseGlowOnScroll {\n            0% {\n                opacity: 0;\n                box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);\n                transform: scale(0.9);\n            }\n            50% {\n                opacity: 1;\n                box-shadow: 0 0 0 15px rgba(212, 175, 55, 0);\n            }\n            100% {\n                opacity: 1;\n                transform: scale(1);\n                box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\n            }\n        }\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            margin-bottom: 12px;\n            line-height: 1.2;\n        }\n\n        .section-description {\n            color: var(--text-light);\n            font-size: 14px;\n            line-height: 1.8;\n            margin-bottom: 0;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n            margin-top: 32px;\n        }\n\n        .feature-card {\n            background: var(--bg-cream);\n            padding: 20px 14px;\n            border-radius: 8px;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            animation: slideInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n            cursor: pointer;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-12px) scale(1.04);\n            box-shadow: 0 12px 40px rgba(212, 175, 55, 0.25);\n            border-color: var(--accent-color);\n            background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, var(--bg-cream) 100%);\n        }\n\n        .feature-card:nth-child(1) {\n            animation-delay: 0s;\n        }\n\n        .feature-card:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n\n        .feature-card:nth-child(3) {\n            animation-delay: 0.2s;\n        }\n\n        .feature-card:nth-child(4) {\n            animation-delay: 0.3s;\n        }\n\n        .feature-icon {\n            font-size: 28px;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .feature-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 6px;\n        }\n\n        .feature-text {\n            font-size: 12px;\n            color: var(--text-light);\n            line-height: 1.6;\n        }\n\n        \/* DESIRE SECTION - FULL IMAGE *\/\n        .section-desire {\n            padding: 0;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .desire-image {\n            width: 100%;\n            height: 350px;\n            object-fit: cover;\n            animation: zoomInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n        }\n\n        @keyframes zoomInOnScroll {\n            from {\n                transform: scale(1.05);\n                opacity: 0.9;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        \/* SACRED HEART MEANINGS *\/\n        .meanings-section {\n            padding: 40px 16px;\n            background: linear-gradient(180deg, #faf8f5 0%, #ffffff 100%);\n            position: relative;\n        }\n\n        .meanings-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .meanings-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 30px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .meaning-item {\n            background: var(--bg-white);\n            padding: 24px 18px;\n            border-radius: 8px;\n            margin-bottom: 16px;\n            border-left: 4px solid var(--accent-color);\n            animation: slideInFromLeftOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n        }\n\n        .meaning-item:nth-child(1) {\n            animation-delay: 0s;\n        }\n\n        .meaning-item:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n\n        .meaning-item:nth-child(3) {\n            animation-delay: 0.2s;\n        }\n\n        .meaning-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            font-weight: 700;\n            color: var(--accent-color);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 6px;\n        }\n\n        .meaning-text {\n            font-size: 13px;\n            color: var(--text-light);\n            line-height: 1.8;\n        }\n\n        \/* MATERIAL \u0026 SPECS *\/\n        .specs-section {\n            padding: 40px 16px;\n            background: var(--bg-white);\n            position: relative;\n        }\n\n        .specs-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .specs-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 28px;\n            font-weight: 700;\n            color: var(--primary-color);\n            margin-bottom: 28px;\n            text-align: center;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .spec-item {\n            display: flex;\n            gap: 16px;\n            padding: 18px;\n            background: var(--bg-cream);\n            border-radius: 8px;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            animation: slideInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n        }\n\n        .spec-item:nth-child(1) {\n            animation-delay: 0s;\n        }\n\n        .spec-item:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n\n        .spec-item:nth-child(3) {\n            animation-delay: 0.2s;\n        }\n\n        .spec-item:nth-child(4) {\n            animation-delay: 0.3s;\n        }\n\n        .spec-icon {\n            font-size: 24px;\n            min-width: 40px;\n        }\n\n        .spec-content {\n            flex: 1;\n        }\n\n        .spec-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 4px;\n        }\n\n        .spec-value {\n            font-size: 13px;\n            color: var(--text-light);\n            line-height: 1.6;\n        }\n\n        \/* BENEFITS SECTION *\/\n        .benefits-section {\n            padding: 40px 16px;\n            background: linear-gradient(135deg, #faf8f5 0%, #f5f0f8 100%);\n            position: relative;\n        }\n\n        .benefits-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .benefits-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 32px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .benefit-item {\n            background: var(--bg-white);\n            padding: 24px 18px;\n            border-radius: 8px;\n            margin-bottom: 16px;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            animation: slideInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n        }\n\n        .benefit-item:nth-child(1) {\n            animation-delay: 0s;\n        }\n\n        .benefit-item:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n\n        .benefit-item:nth-child(3) {\n            animation-delay: 0.2s;\n        }\n\n        .benefit-emoji {\n            font-size: 32px;\n            margin-bottom: 12px;\n            display: block;\n        }\n\n        .benefit-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--primary-color);\n            margin-bottom: 8px;\n        }\n\n        .benefit-text {\n            font-size: 13px;\n            color: var(--text-light);\n            line-height: 1.8;\n        }\n\n        \/* GALLERY SECTION *\/\n        \/* GALLERY SECTION *\/\n        .gallery-section {\n            padding: 40px 16px;\n            background: var(--bg-white);\n            position: relative;\n        }\n\n        .gallery-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .gallery-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 8px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .gallery-subtitle {\n            text-align: center;\n            font-size: 13px;\n            color: var(--text-light);\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 32px;\n            letter-spacing: 0.5px;\n        }\n\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n            padding: 0;\n        }\n\n        .gallery-image {\n            width: 100%;\n            height: 280px;\n            border-radius: 8px;\n            object-fit: cover;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            animation: scaleInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .gallery-image:hover {\n            transform: scale(1.02);\n            box-shadow: var(--shadow-medium);\n        }\n\n        @media (max-width: 768px) {\n            .gallery-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 10px;\n            }\n\n            .gallery-image {\n                height: 240px;\n            }\n        }\n\n        \/* LUXURY PRESENTATION SECTION *\/\n        .luxury-section {\n            padding: 40px 16px;\n            background: linear-gradient(135deg, var(--bg-cream) 0%, #ffffff 100%);\n            position: relative;\n        }\n\n        .luxury-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .luxury-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 8px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .luxury-subtitle {\n            text-align: center;\n            font-size: 13px;\n            color: var(--text-light);\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 32px;\n            letter-spacing: 0.5px;\n        }\n\n        .luxury-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .luxury-card {\n            background: var(--bg-white);\n            padding: 24px 18px;\n            border-radius: 8px;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            text-align: center;\n            animation: slideInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n            cursor: pointer;\n        }\n\n        .luxury-card:nth-child(1) { animation-delay: 0s; }\n        .luxury-card:nth-child(2) { animation-delay: 0.1s; }\n        .luxury-card:nth-child(3) { animation-delay: 0.2s; }\n        .luxury-card:nth-child(4) { animation-delay: 0.3s; }\n\n        .luxury-card:hover {\n            transform: translateY(-10px) scale(1.05);\n            box-shadow: 0 16px 48px rgba(212, 175, 55, 0.3);\n            border-color: var(--accent-color);\n            background: linear-gradient(135deg, rgba(255, 255, 255) 0%, rgba(244, 228, 193, 0.3) 100%);\n        }\n\n        .luxury-icon {\n            font-size: 32px;\n            margin-bottom: 12px;\n            display: block;\n            transition: transform 0.3s ease;\n        }\n\n        .luxury-card:hover .luxury-icon {\n            transform: scale(1.2) rotate(5deg);\n        }\n\n        .luxury-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 8px;\n        }\n\n        .luxury-text {\n            font-size: 12px;\n            color: var(--text-light);\n            line-height: 1.6;\n        }\n\n        \/* CRAFTSMANSHIP SECTION *\/\n        .craftsmanship-section {\n            padding: 40px 16px;\n            background: var(--bg-white);\n            position: relative;\n        }\n\n        .craftsmanship-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .craftsmanship-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 32px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .craftsmanship-content {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }\n\n        .craftsmanship-item {\n            display: flex;\n            gap: 20px;\n            animation: slideInFromLeftOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n        }\n\n        .craftsmanship-item:nth-child(1) { animation-delay: 0s; }\n        .craftsmanship-item:nth-child(2) { animation-delay: 0.1s; }\n        .craftsmanship-item:nth-child(3) { animation-delay: 0.2s; }\n        .craftsmanship-item:nth-child(4) { animation-delay: 0.3s; }\n\n        .craft-number {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--accent-color);\n            min-width: 50px;\n            text-align: center;\n        }\n\n        .craft-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            font-weight: 700;\n            color: var(--primary-color);\n            margin-bottom: 6px;\n        }\n\n        .craft-text {\n            font-size: 13px;\n            color: var(--text-light);\n            line-height: 1.7;\n        }\n\n        \/* SPIRITUAL JOURNEY SECTION *\/\n        .journey-section {\n            padding: 40px 16px;\n            background: linear-gradient(135deg, #faf8f5 0%, #f5f0f8 100%);\n            position: relative;\n        }\n\n        .journey-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .journey-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 8px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .journey-subtitle {\n            text-align: center;\n            font-size: 13px;\n            color: var(--text-light);\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 32px;\n            letter-spacing: 0.5px;\n        }\n\n        .journey-cards {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\n\n        .journey-card {\n            background: var(--bg-white);\n            padding: 24px 16px;\n            border-radius: 8px;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            text-align: center;\n            animation: slideInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n        }\n\n        .journey-card:nth-child(1) { animation-delay: 0s; }\n        .journey-card:nth-child(2) { animation-delay: 0.1s; }\n        .journey-card:nth-child(3) { animation-delay: 0.2s; }\n        .journey-card:nth-child(4) { animation-delay: 0.3s; }\n\n        .journey-icon {\n            font-size: 40px;\n            margin-bottom: 12px;\n            display: block;\n        }\n\n        .journey-card-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--primary-color);\n            margin-bottom: 8px;\n        }\n\n        .journey-card-text {\n            font-size: 12px;\n            color: var(--text-light);\n            line-height: 1.6;\n        }\n\n        \/* CARE \u0026 MAINTENANCE SECTION *\/\n        .care-section {\n            padding: 40px 16px;\n            background: var(--bg-white);\n            position: relative;\n        }\n\n        .care-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .care-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 32px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .care-items {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\n\n        .care-item {\n            background: var(--bg-cream);\n            padding: 20px 16px;\n            border-radius: 8px;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            text-align: center;\n            animation: slideInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n        }\n\n        .care-item:nth-child(1) { animation-delay: 0s; }\n        .care-item:nth-child(2) { animation-delay: 0.1s; }\n        .care-item:nth-child(3) { animation-delay: 0.2s; }\n        .care-item:nth-child(4) { animation-delay: 0.3s; }\n\n        .care-icon {\n            font-size: 28px;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .care-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 8px;\n        }\n\n        .care-text {\n            font-size: 12px;\n            color: var(--text-light);\n            line-height: 1.6;\n        }\n\n        \/* TESTIMONIALS CAROUSEL *\/\n        .testimonials-section {\n            padding: 40px 16px;\n            background: var(--bg-white);\n            position: relative;\n        }\n\n        .testimonials-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .testimonials-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 8px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .testimonials-subtitle {\n            text-align: center;\n            font-size: 13px;\n            color: var(--text-light);\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 32px;\n            letter-spacing: 0.5px;\n        }\n\n        .carousel-container {\n            position: relative;\n            overflow: hidden;\n            border-radius: 12px;\n            background: var(--bg-cream);\n        }\n\n        .carousel {\n            display: flex;\n            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .carousel-slide {\n            min-width: 100%;\n            padding: 0;\n        }\n\n        .carousel-slide.active {\n            display: block;\n        }\n\n        .testimonial-card-full {\n            display: flex;\n            flex-direction: column;\n            background: var(--bg-white);\n        }\n\n        .testimonial-image-wrapper {\n            width: 100%;\n            height: 400px;\n            overflow: hidden;\n            background: linear-gradient(135deg, var(--accent-light) 0%, #f5eff4 100%);\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n        }\n\n        .testimonial-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        .carousel-slide.active .testimonial-image {\n            animation: slideInImage 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        @keyframes slideInImage {\n            from {\n                transform: scale(1.15) rotate(-3deg);\n                opacity: 0.6;\n                filter: blur(5px);\n            }\n            to {\n                transform: scale(1) rotate(0deg);\n                opacity: 1;\n                filter: blur(0px);\n            }\n        }\n\n        .testimonial-image:hover {\n            transform: scale(1.08);\n            filter: brightness(1.1);\n        }\n\n        .testimonial-content {\n            padding: 28px 20px;\n            text-align: center;\n            animation: slideUpOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n        }\n\n        @keyframes slideUpOnScroll {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .testimonial-stars {\n            color: #ffc107;\n            font-size: 18px;\n            margin-bottom: 12px;\n            letter-spacing: 1px;\n        }\n\n        .testimonial-quote {\n            font-size: 14px;\n            color: var(--text-dark);\n            line-height: 1.8;\n            margin-bottom: 16px;\n            font-style: italic;\n            font-family: 'Lora', serif;\n        }\n\n        .testimonial-author {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 13px;\n            color: var(--primary-color);\n            margin-bottom: 4px;\n        }\n\n        .testimonial-location {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            color: var(--text-light);\n            letter-spacing: 0.5px;\n        }\n\n        \/* CAROUSEL CONTROLS *\/\n        .carousel-controls {\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            transform: translateY(-50%);\n            display: flex;\n            justify-content: space-between;\n            padding: 0 12px;\n            pointer-events: none;\n            z-index: 10;\n        }\n\n        .carousel-btn {\n            background: rgba(255, 255, 255, 0.9);\n            border: none;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 18px;\n            color: var(--primary-color);\n            transition: all 0.3s ease;\n            pointer-events: all;\n            box-shadow: var(--shadow-soft);\n        }\n\n        .carousel-btn:active {\n            transform: scale(0.9);\n            background: var(--accent-light);\n        }\n\n        \/* CAROUSEL INDICATORS *\/\n        .carousel-indicators {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            padding: 16px;\n            background: var(--bg-white);\n        }\n\n        .indicator {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            border: 2px solid var(--accent-color);\n            background: transparent;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .indicator.active {\n            background: var(--accent-color);\n            width: 24px;\n            border-radius: 4px;\n        }\n\n        \/* TESTIMONIALS SECTION *\/\n        .testimonials-section {\n            padding: 40px 16px;\n            background: var(--bg-white);\n            position: relative;\n        }\n\n        .testimonials-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .testimonials-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-align: center;\n            margin-bottom: 12px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .testimonials-subtitle {\n            font-size: 14px;\n            color: var(--text-light);\n            text-align: center;\n            margin-bottom: 32px;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .testimonials-carousel {\n            display: flex;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            scroll-snap-type: x mandatory;\n            gap: 12px;\n            padding-bottom: 12px;\n            margin-bottom: 16px;\n        }\n\n        .testimonials-carousel::-webkit-scrollbar {\n            height: 4px;\n        }\n\n        .testimonials-carousel::-webkit-scrollbar-track {\n            background: rgba(212, 175, 55, 0.1);\n            border-radius: 10px;\n        }\n\n        .testimonials-carousel::-webkit-scrollbar-thumb {\n            background: var(--accent-color);\n            border-radius: 10px;\n        }\n\n        .testimonial-card {\n            min-width: 100%;\n            background: var(--bg-cream);\n            border-radius: 8px;\n            overflow: hidden;\n            scroll-snap-align: start;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            animation: slideInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 30%;\n            animation-fill-mode: both;\n        }\n\n        .testimonial-image {\n            width: 100%;\n            height: 350px;\n            object-fit: cover;\n            display: block;\n        }\n\n        .testimonial-content {\n            padding: 20px 16px;\n            background: var(--bg-white);\n        }\n\n        .testimonial-text {\n            font-size: 13px;\n            color: var(--text-light);\n            line-height: 1.8;\n            margin-bottom: 12px;\n            font-style: italic;\n        }\n\n        .testimonial-author {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--primary-color);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .testimonials-indicators {\n            display: flex;\n            justify-content: center;\n            gap: 6px;\n            padding: 12px 0;\n        }\n\n        .indicator-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: rgba(212, 175, 55, 0.3);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .indicator-dot.active {\n            background: var(--accent-color);\n            width: 24px;\n            border-radius: 4px;\n        }\n\n        \/* GIFT SECTION *\/\n        .gift-section {\n            padding: 40px 16px;\n            background: linear-gradient(135deg, #f5eff4 0%, #faf8f5 100%);\n            text-align: center;\n            position: relative;\n        }\n\n        .gift-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .gift-icon {\n            font-size: 48px;\n            margin-bottom: 16px;\n            animation: floatAnim 3s ease-in-out infinite;\n        }\n\n        @keyframes floatAnim {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .gift-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 28px;\n            font-weight: 700;\n            color: var(--primary-color);\n            margin-bottom: 12px;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .gift-text {\n            font-size: 14px;\n            color: var(--text-light);\n            line-height: 1.8;\n            margin-bottom: 20px;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .gift-highlight {\n            background: var(--accent-light);\n            padding: 14px;\n            border-radius: 8px;\n            border: 1px solid var(--accent-color);\n            font-size: 13px;\n            color: var(--primary-color);\n            font-weight: 600;\n        }\n\n        \/* ACTION SECTION *\/\n        .action-section {\n            padding: 40px 16px;\n            background: var(--bg-cream);\n            text-align: center;\n            position: relative;\n        }\n\n        .action-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n\n        .action-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 32px;\n            font-weight: 900;\n            color: var(--primary-color);\n            margin-bottom: 16px;\n            line-height: 1.2;\n            animation: fadeInOnScroll;\n            animation-timeline: view();\n            animation-range: entry 0% cover 20%;\n        }\n\n        .action-subtitle {\n            font-size: 14px;\n            color: var(--text-light);\n            margin-bottom: 24px;\n            font-family: 'Montserrat', sans-serif;\n            line-height: 1.8;\n        }\n\n        \/* FOOTER SPACER *\/\n        .footer-spacer {\n            height: 20px;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 32px;\n            }\n\n            .section-subtitle {\n                font-size: 26px;\n            }\n\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .spec-item {\n                flex-direction: column;\n            }\n\n            .spec-icon {\n                min-width: auto;\n            }\n\n            .journey-cards {\n                grid-template-columns: 1fr;\n            }\n\n            .care-items {\n                grid-template-columns: 1fr;\n            }\n\n            .luxury-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .craftsmanship-item {\n                flex-direction: column;\n                text-align: center;\n                gap: 12px;\n            }\n\n            .craft-number {\n                text-align: center;\n            }\n        }\n\n        \/* PERFORMANCE - Reduce animations on slow connections *\/\n        @media (prefers-reduced-motion: reduce) {\n            * {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003c!-- HERO \/ ATTENTION --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003cdiv class=\"hero-badge\"\u003e✨ Protección Sagrada\u003c\/div\u003e\n            \u003ch1 class=\"hero-title\"\u003eCollar Sagrado Corazón\u003c\/h1\u003e\n            \u003cp class=\"hero-subtitle\"\u003eDiseñado para la fe y la esperanza\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"scroll-indicator\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ATTENTION - HERO IMAGE --\u003e\n    \u003csection class=\"section-attention\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Product_Page_1.webp?v=1779511224\" alt=\"Collar Sagrado Corazón Premium\" class=\"attention-image\"\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- INTEREST - FEATURES \u0026 DETAILS --\u003e\n    \u003csection class=\"section-interest\"\u003e\n        \u003cdiv class=\"interest-header\"\u003e\n            \u003ch2 class=\"section-subtitle\"\u003eMucho más que un accesorio\u003c\/h2\u003e\n            \u003cp class=\"section-description\"\u003eUna bendición diseñada con precisión y amor. Cada detalle cuenta una historia de fe.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"features-grid\"\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cspan class=\"feature-icon\"\u003e💎\u003c\/span\u003e\n                \u003cdiv class=\"feature-title\"\u003eCristal Infinito\u003c\/div\u003e\n                \u003cdiv class=\"feature-text\"\u003eCristal Murano rojo brillante con circonias cúbicas\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cspan class=\"feature-icon\"\u003e⛓️\u003c\/span\u003e\n                \u003cdiv class=\"feature-title\"\u003eCadena Resistente\u003c\/div\u003e\n                \u003cdiv class=\"feature-text\"\u003eAcero inoxidable 45-50cm sin desgaste\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cspan class=\"feature-icon\"\u003e🛡️\u003c\/span\u003e\n                \u003cdiv class=\"feature-title\"\u003eDurabilidad Eterna\u003c\/div\u003e\n                \u003cdiv class=\"feature-text\"\u003eAleación de zinc con baño de rodio\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cspan class=\"feature-icon\"\u003e🎁\u003c\/span\u003e\n                \u003cdiv class=\"feature-title\"\u003ePresentación Lujosa\u003c\/div\u003e\n                \u003cdiv class=\"feature-text\"\u003eIncluye caja de regalo premium\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- DESIRE - SHOWCASE IMAGE --\u003e\n    \u003csection class=\"section-desire\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Product_Page_2_c76e8154-113f-4426-afdb-a3abcf58399e.webp?v=1779511224\" alt=\"Detalle del Collar con Cristal\" class=\"desire-image\"\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- SACRED HEART MEANINGS --\u003e\n    \u003csection class=\"meanings-section\"\u003e\n        \u003ch2 class=\"meanings-title\"\u003eSignificado Sagrado\u003c\/h2\u003e\n\n        \u003cdiv class=\"meaning-item\"\u003e\n            \u003cdiv class=\"meaning-label\"\u003e💕 La Llama\u003c\/div\u003e\n            \u003cdiv class=\"meaning-text\"\u003eEl corazón del Señor que arde de amor por todos los seres humanos. Un símbolo eterno de compasión infinita.\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"meaning-item\"\u003e\n            \u003cdiv class=\"meaning-label\"\u003e👑 La Corona de Espinas\u003c\/div\u003e\n            \u003cdiv class=\"meaning-text\"\u003eRepresenta el sufrimiento y la agonía del Señor en su pasión y muerte. Un testimonio de sacrificio supremo.\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"meaning-item\"\u003e\n            \u003cdiv class=\"meaning-label\"\u003e✨ El Brillo Eterno\u003c\/div\u003e\n            \u003cdiv class=\"meaning-text\"\u003eLa pureza de la fe reflejada en el cristal. Un recordatorio de que el amor divino nunca se desvanece.\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- MATERIAL \u0026 SPECS --\u003e\n    \u003csection class=\"specs-section\"\u003e\n        \u003ch2 class=\"specs-title\"\u003eEspecificaciones Premium\u003c\/h2\u003e\n\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cdiv class=\"spec-icon\"\u003e📏\u003c\/div\u003e\n                \u003cdiv class=\"spec-content\"\u003e\n                    \u003cdiv class=\"spec-label\"\u003eDije\u003c\/div\u003e\n                    \u003cdiv class=\"spec-value\"\u003e1cm x 1cm (tamaño compacto y elegante)\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cdiv class=\"spec-icon\"\u003e⛓️\u003c\/div\u003e\n                \u003cdiv class=\"spec-content\"\u003e\n                    \u003cdiv class=\"spec-label\"\u003eCadena\u003c\/div\u003e\n                    \u003cdiv class=\"spec-value\"\u003e45cm - 50cm en Acero Inoxidable\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cdiv class=\"spec-icon\"\u003e💎\u003c\/div\u003e\n                \u003cdiv class=\"spec-content\"\u003e\n                    \u003cdiv class=\"spec-label\"\u003eMaterial del Dije\u003c\/div\u003e\n                    \u003cdiv class=\"spec-value\"\u003eAleación de Zinc con Baño de Rodio + Cristal Murano + Circonias\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cdiv class=\"spec-icon\"\u003e✨\u003c\/div\u003e\n                \u003cdiv class=\"spec-content\"\u003e\n                    \u003cdiv class=\"spec-label\"\u003eGarantía de Brillante\u003c\/div\u003e\n                    \u003cdiv class=\"spec-value\"\u003eResistente al agua, piscina y desgaste. Color de por vida.\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003csection class=\"benefits-section\"\u003e\n        \u003ch2 class=\"benefits-title\"\u003e¿Por qué elegir este collar?\u003c\/h2\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cspan class=\"benefit-emoji\"\u003e🛡️\u003c\/span\u003e\n            \u003cdiv class=\"benefit-title\"\u003eProtección Espiritual\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003eEl Sagrado Corazón simboliza amor divino, fe y resguardo frente a malas energías.\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cspan class=\"benefit-emoji\"\u003e🔗\u003c\/span\u003e\n            \u003cdiv class=\"benefit-title\"\u003eConexión Interior\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003eFortalece tu espiritualidad y mantiene presente tu fe en el día a día.\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cspan class=\"benefit-emoji\"\u003e💫\u003c\/span\u003e\n            \u003cdiv class=\"benefit-title\"\u003eRegalo con Alma\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003eUn detalle significativo para momentos de transformación, renovación y esperanza.\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- GALLERY - PRODUCT SHOWCASE --\u003e\n    \u003csection class=\"gallery-section\"\u003e\n        \u003ch2 class=\"gallery-title\"\u003eGalería Premium\u003c\/h2\u003e\n        \u003cp class=\"gallery-subtitle\"\u003eDescubre cada detalle de nuestro collar sagrado\u003c\/p\u003e\n\n        \u003cdiv class=\"gallery-grid\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_1.jpg?v=1779514840\" alt=\"Collar en caja de regalo\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_2.jpg?v=1779514841\" alt=\"Detalle del collar con cadena dorada\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_3.webp?v=1779514840\" alt=\"Corazón de cristal con luz\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_4.webp?v=1779514840\" alt=\"Collar aislado fondo blanco\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_5.webp?v=1779514840\" alt=\"Collar en mano sobre mármol\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_6.webp?v=1779514840\" alt=\"Collar lucido elegante\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_7.webp?v=1779514840\" alt=\"Collar en dedo con anillo dorado\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_8.webp?v=1779514840\" alt=\"Collar en presentación de lujo\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_9.webp?v=1779514840\" alt=\"Detalle del corazón desde frente\" class=\"gallery-image\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar_IMG_10.webp?v=1779514841\" alt=\"Collar en caja de regalo abierta\" class=\"gallery-image\"\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- LUXURY PRESENTATION SECTION --\u003e\n    \u003csection class=\"luxury-section\"\u003e\n        \u003ch2 class=\"luxury-title\"\u003ePresentación de Lujo\u003c\/h2\u003e\n        \u003cp class=\"luxury-subtitle\"\u003eCada detalle cuenta una historia\u003c\/p\u003e\n\n        \u003cdiv class=\"luxury-grid\"\u003e\n            \u003cdiv class=\"luxury-card\"\u003e\n                \u003cdiv class=\"luxury-icon\"\u003e🎁\u003c\/div\u003e\n                \u003cdiv class=\"luxury-label\"\u003eCaja de Regalo Premium\u003c\/div\u003e\n                \u003cdiv class=\"luxury-text\"\u003ePresentación en terciopelo negro con acabados en dorado. Ideal para sorprender.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"luxury-card\"\u003e\n                \u003cdiv class=\"luxury-icon\"\u003e✨\u003c\/div\u003e\n                \u003cdiv class=\"luxury-label\"\u003eCristal Murano Rojo\u003c\/div\u003e\n                \u003cdiv class=\"luxury-text\"\u003eCristal italiano de alta calidad, pulido a mano para máximo brillo.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"luxury-card\"\u003e\n                \u003cdiv class=\"luxury-icon\"\u003e⛓️\u003c\/div\u003e\n                \u003cdiv class=\"luxury-label\"\u003eCadena Ajustable\u003c\/div\u003e\n                \u003cdiv class=\"luxury-text\"\u003e45-50cm en acero inoxidable dorado. Se adapta a cualquier cuello.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"luxury-card\"\u003e\n                \u003cdiv class=\"luxury-icon\"\u003e🔮\u003c\/div\u003e\n                \u003cdiv class=\"luxury-label\"\u003eCirconias Brillantes\u003c\/div\u003e\n                \u003cdiv class=\"luxury-text\"\u003eCristales de calidad superior que reflejan luz de forma espectacular.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- CRAFTSMANSHIP SECTION --\u003e\n    \u003csection class=\"craftsmanship-section\"\u003e\n        \u003ch2 class=\"craftsmanship-title\"\u003eArtesanía Sagrada\u003c\/h2\u003e\n\n        \u003cdiv class=\"craftsmanship-content\"\u003e\n            \u003cdiv class=\"craftsmanship-item\"\u003e\n                \u003cdiv class=\"craft-number\"\u003e01\u003c\/div\u003e\n                \u003cdiv class=\"craft-title\"\u003eDiseño Meticuloso\u003c\/div\u003e\n                \u003cdiv class=\"craft-text\"\u003eCada collar es diseñado con precisión milimétrica para capturar la esencia del Sagrado Corazón.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"craftsmanship-item\"\u003e\n                \u003cdiv class=\"craft-number\"\u003e02\u003c\/div\u003e\n                \u003cdiv class=\"craft-title\"\u003eMateriales Premium\u003c\/div\u003e\n                \u003cdiv class=\"craft-text\"\u003eSeleccionamos solo los mejores cristales, metales y acabados para garantizar durabilidad.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"craftsmanship-item\"\u003e\n                \u003cdiv class=\"craft-number\"\u003e03\u003c\/div\u003e\n                \u003cdiv class=\"craft-title\"\u003eControl de Calidad\u003c\/div\u003e\n                \u003cdiv class=\"craft-text\"\u003eCada pieza pasa por múltiples inspecciones para asegurar perfección absoluta.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"craftsmanship-item\"\u003e\n                \u003cdiv class=\"craft-number\"\u003e04\u003c\/div\u003e\n                \u003cdiv class=\"craft-title\"\u003eAcabado Perfecto\u003c\/div\u003e\n                \u003cdiv class=\"craft-text\"\u003ePulido, brillado y ajuste final manual para una presentación impecable.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- SPIRITUAL JOURNEY SECTION --\u003e\n    \u003csection class=\"journey-section\"\u003e\n        \u003ch2 class=\"journey-title\"\u003eTu Viaje Espiritual Comienza Aquí\u003c\/h2\u003e\n        \u003cp class=\"journey-subtitle\"\u003eEste collar es más que joyería, es un compañero en tu fe\u003c\/p\u003e\n\n        \u003cdiv class=\"journey-cards\"\u003e\n            \u003cdiv class=\"journey-card\"\u003e\n                \u003cdiv class=\"journey-icon\"\u003e📿\u003c\/div\u003e\n                \u003ch3 class=\"journey-card-title\"\u003eConexión Diaria\u003c\/h3\u003e\n                \u003cp class=\"journey-card-text\"\u003eLleva contigo un recordatorio constante de fe y protección en cada momento del día.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"journey-card\"\u003e\n                \u003cdiv class=\"journey-icon\"\u003e💪\u003c\/div\u003e\n                \u003ch3 class=\"journey-card-title\"\u003eFortaleza Interior\u003c\/h3\u003e\n                \u003cp class=\"journey-card-text\"\u003eEncuentra coraje en los momentos difíciles a través de la conexión con el Sagrado Corazón.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"journey-card\"\u003e\n                \u003cdiv class=\"journey-icon\"\u003e🙏\u003c\/div\u003e\n                \u003ch3 class=\"journey-card-title\"\u003eDevoción Pura\u003c\/h3\u003e\n                \u003cp class=\"journey-card-text\"\u003eExpresa tu fe de forma elegante y significativa con un símbolo de amor eterno.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"journey-card\"\u003e\n                \u003cdiv class=\"journey-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3 class=\"journey-card-title\"\u003eLegado de Amor\u003c\/h3\u003e\n                \u003cp class=\"journey-card-text\"\u003eUna pieza para heredar, para compartir generaciones con tu propia historia de fe.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- CARE \u0026 MAINTENANCE SECTION --\u003e\n    \u003csection class=\"care-section\"\u003e\n        \u003ch2 class=\"care-title\"\u003eCuidado y Mantenimiento\u003c\/h2\u003e\n\n        \u003cdiv class=\"care-items\"\u003e\n            \u003cdiv class=\"care-item\"\u003e\n                \u003cdiv class=\"care-icon\"\u003e💧\u003c\/div\u003e\n                \u003cdiv class=\"care-label\"\u003eResistente al Agua\u003c\/div\u003e\n                \u003cdiv class=\"care-text\"\u003ePuedes usar tu collar en el día a día, incluso en la piscina sin preocupaciones.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"care-item\"\u003e\n                \u003cdiv class=\"care-icon\"\u003e✨\u003c\/div\u003e\n                \u003cdiv class=\"care-label\"\u003eFácil de Limpiar\u003c\/div\u003e\n                \u003cdiv class=\"care-text\"\u003eLava suavemente con agua tibia y jabón suave. Seca con un paño delicado.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"care-item\"\u003e\n                \u003cdiv class=\"care-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003cdiv class=\"care-label\"\u003eDurabilidad Garantizada\u003c\/div\u003e\n                \u003cdiv class=\"care-text\"\u003eNuestros collares están diseñados para durar toda la vida con el cuidado adecuado.\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"care-item\"\u003e\n                \u003cdiv class=\"care-icon\"\u003e🎁\u003c\/div\u003e\n                \u003cdiv class=\"care-label\"\u003eGarantía de Satisfacción\u003c\/div\u003e\n                \u003cdiv class=\"care-text\"\u003e30 días de garantía de satisfacción. Si no amas tu collar, te devolvemos el dinero.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- TESTIMONIALS CAROUSEL --\u003e\n    \u003csection class=\"testimonials-section\"\u003e\n        \u003ch2 class=\"testimonials-title\"\u003eHistorias de Fe y Esperanza\u003c\/h2\u003e\n        \u003cp class=\"testimonials-subtitle\"\u003eMira cómo nuestro collar ha tocado vidas\u003c\/p\u003e\n\n        \u003cdiv class=\"carousel-container\"\u003e\n            \u003cdiv class=\"carousel\" id=\"testimonialCarousel\"\u003e\n                \u003c!-- Slide 1 --\u003e\n                \u003cdiv class=\"carousel-slide active\"\u003e\n                    \u003cdiv class=\"testimonial-card-full\"\u003e\n                        \u003cdiv class=\"testimonial-image-wrapper\"\u003e\n                            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Testimonio_1_d0734cb9-fe48-4e60-a592-cccad9ca8291.jpg?v=1779514826\" alt=\"Cliente luciendo el collar\" class=\"testimonial-image\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-content\"\u003e\n                            \u003cdiv class=\"testimonial-stars\"\u003e★★★★★\u003c\/div\u003e\n                            \u003cp class=\"testimonial-quote\"\u003e\"Desde que llevo este collar siento una paz y protección incomparable. Es como llevar un escudo sagrado.\"\u003c\/p\u003e\n                            \u003cdiv class=\"testimonial-author\"\u003eMaría García\u003c\/div\u003e\n                            \u003cdiv class=\"testimonial-location\"\u003eBogotá, Colombia\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Slide 2 --\u003e\n                \u003cdiv class=\"carousel-slide\"\u003e\n                    \u003cdiv class=\"testimonial-card-full\"\u003e\n                        \u003cdiv class=\"testimonial-image-wrapper\"\u003e\n                            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Testimonio_2_f6191dcd-cb75-4b6a-aa59-d53e668deff8.jpg?v=1779514826\" alt=\"Cliente mostrando el collar\" class=\"testimonial-image\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-content\"\u003e\n                            \u003cdiv class=\"testimonial-stars\"\u003e★★★★★\u003c\/div\u003e\n                            \u003cp class=\"testimonial-quote\"\u003e\"Bellísimo, de excelente calidad y el significado es muy profundo. Lo recomiendo sin dudarlo.\"\u003c\/p\u003e\n                            \u003cdiv class=\"testimonial-author\"\u003eCarmen López\u003c\/div\u003e\n                            \u003cdiv class=\"testimonial-location\"\u003eMedellín, Colombia\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Slide 3 --\u003e\n                \u003cdiv class=\"carousel-slide\"\u003e\n                    \u003cdiv class=\"testimonial-card-full\"\u003e\n                        \u003cdiv class=\"testimonial-image-wrapper\"\u003e\n                            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Testimonio_3.jpg?v=1779514826\" alt=\"Cliente en look casual\" class=\"testimonial-image\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-content\"\u003e\n                            \u003cdiv class=\"testimonial-stars\"\u003e★★★★★\u003c\/div\u003e\n                            \u003cp class=\"testimonial-quote\"\u003e\"No me lo quito nunca. Es mi compañero de cada día, me da fortaleza en los momentos difíciles.\"\u003c\/p\u003e\n                            \u003cdiv class=\"testimonial-author\"\u003eSofía Martínez\u003c\/div\u003e\n                            \u003cdiv class=\"testimonial-location\"\u003eCali, Colombia\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Slide 4 --\u003e\n                \u003cdiv class=\"carousel-slide\"\u003e\n                    \u003cdiv class=\"testimonial-card-full\"\u003e\n                        \u003cdiv class=\"testimonial-image-wrapper\"\u003e\n                            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Testimonio_4.jpg?v=1779514826\" alt=\"Cliente sujetando el collar\" class=\"testimonial-image\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-content\"\u003e\n                            \u003cdiv class=\"testimonial-stars\"\u003e★★★★★\u003c\/div\u003e\n                            \u003cp class=\"testimonial-quote\"\u003e\"El detalle, la calidad del cristal y el acabado en oro es perfecto. Superó mis expectativas.\"\u003c\/p\u003e\n                            \u003cdiv class=\"testimonial-author\"\u003eDaniela Rodríguez\u003c\/div\u003e\n                            \u003cdiv class=\"testimonial-location\"\u003eBarranquilla, Colombia\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Slide 5 --\u003e\n                \u003cdiv class=\"carousel-slide\"\u003e\n                    \u003cdiv class=\"testimonial-card-full\"\u003e\n                        \u003cdiv class=\"testimonial-image-wrapper\"\u003e\n                            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Testimonio_5.jpg?v=1779514826\" alt=\"Cliente con pulsera y collar\" class=\"testimonial-image\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-content\"\u003e\n                            \u003cdiv class=\"testimonial-stars\"\u003e★★★★★\u003c\/div\u003e\n                            \u003cp class=\"testimonial-quote\"\u003e\"Un regalo significativo que transformó mi vida espiritual. Recomendado para cualquiera que busque fe.\"\u003c\/p\u003e\n                            \u003cdiv class=\"testimonial-author\"\u003ePatricia Sánchez\u003c\/div\u003e\n                            \u003cdiv class=\"testimonial-location\"\u003eQuito, Ecuador\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Carousel Controls --\u003e\n            \u003cdiv class=\"carousel-controls\"\u003e\n                \u003cbutton class=\"carousel-btn prev\" id=\"prevBtn\" aria-label=\"Anterior\"\u003e❮\u003c\/button\u003e\n                \u003cbutton class=\"carousel-btn next\" id=\"nextBtn\" aria-label=\"Siguiente\"\u003e❯\u003c\/button\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Carousel Indicators --\u003e\n            \u003cdiv class=\"carousel-indicators\"\u003e\n                \u003cbutton class=\"indicator active\" data-slide=\"0\" aria-label=\"Slide 1\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"indicator\" data-slide=\"1\" aria-label=\"Slide 2\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"indicator\" data-slide=\"2\" aria-label=\"Slide 3\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"indicator\" data-slide=\"3\" aria-label=\"Slide 4\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"indicator\" data-slide=\"4\" aria-label=\"Slide 5\"\u003e\u003c\/button\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- GIFT SECTION --\u003e\n    \u003csection class=\"gift-section\"\u003e\n        \u003cdiv class=\"gift-icon\"\u003e🎁\u003c\/div\u003e\n        \u003ch2 class=\"gift-title\"\u003eRegalo Perfecto\u003c\/h2\u003e\n        \u003cp class=\"gift-text\"\u003ePresentación en caja de regalo premium. Ideal para sorprender a tus seres queridos con un símbolo de amor incondicional y paz espiritual.\u003c\/p\u003e\n        \u003cdiv class=\"gift-highlight\"\u003e✨ Caja de regalo incluida • Envío gratis a todo Colombia\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ACTION \/ CONVERSION SECTION --\u003e\n    \u003csection class=\"action-section\"\u003e\n        \u003ch2 class=\"action-title\"\u003eEstá listo para ti\u003c\/h2\u003e\n        \u003cp class=\"action-subtitle\"\u003eUn escudo de paz y protección. Llevar contigo un recordatorio constante de que el Sagrado Corazón guía cada uno de tus pasos y protege a los tuyos.\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- FOOTER SPACER --\u003e\n    \u003cdiv class=\"footer-spacer\"\u003e\u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ CAROUSEL TESTIMONIALS - Enhanced with navigation\n        let currentSlide = 0;\n        const slides = document.querySelectorAll('.carousel-slide');\n        const indicators = document.querySelectorAll('.indicator');\n        const carousel = document.getElementById('testimonialCarousel');\n        const prevBtn = document.getElementById('prevBtn');\n        const nextBtn = document.getElementById('nextBtn');\n\n        function showSlide(n) {\n            \/\/ Handle wrapping\n            if (n \u003e= slides.length) {\n                currentSlide = 0;\n            } else if (n \u003c 0) {\n                currentSlide = slides.length - 1;\n            } else {\n                currentSlide = n;\n            }\n\n            \/\/ Update carousel position\n            if (carousel) {\n                carousel.style.transform = `translateX(-${currentSlide * 100}%)`;\n            }\n\n            \/\/ Update indicators\n            indicators.forEach((indicator, index) =\u003e {\n                indicator.classList.toggle('active', index === currentSlide);\n            });\n\n            \/\/ Update active slide class\n            slides.forEach((slide, index) =\u003e {\n                slide.classList.toggle('active', index === currentSlide);\n            });\n        }\n\n        function nextSlide() {\n            showSlide(currentSlide + 1);\n        }\n\n        function prevSlide() {\n            showSlide(currentSlide - 1);\n        }\n\n        \/\/ Event listeners for navigation buttons\n        if (nextBtn) nextBtn.addEventListener('click', nextSlide);\n        if (prevBtn) prevBtn.addEventListener('click', prevSlide);\n\n        \/\/ Event listeners for indicator buttons\n        indicators.forEach((indicator) =\u003e {\n            indicator.addEventListener('click', (e) =\u003e {\n                currentSlide = parseInt(e.target.dataset.slide);\n                showSlide(currentSlide);\n                clearInterval(autoSlideInterval);\n                autoSlideInterval = setInterval(nextSlide, 8000);\n            });\n        });\n\n        \/\/ Auto-advance slides every 8 seconds\n        let autoSlideInterval = setInterval(nextSlide, 8000);\n\n        \/\/ Pause on hover\/touch\n        if (carousel) {\n            carousel.addEventListener('mouseenter', () =\u003e {\n                clearInterval(autoSlideInterval);\n            });\n            carousel.addEventListener('mouseleave', () =\u003e {\n                autoSlideInterval = setInterval(nextSlide, 8000);\n            });\n        }\n\n        \/\/ Smooth scroll for internal links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth' });\n                }\n            });\n        });\n\n        \/\/ Disable animations on low power mode\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            document.documentElement.style.scrollBehavior = 'auto';\n            clearInterval(autoSlideInterval);\n        }\n\n        \/\/ Performance: Lazy load images\n        if ('IntersectionObserver' in window) {\n            const images = document.querySelectorAll('img');\n            const imageObserver = new IntersectionObserver((entries, observer) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const img = entry.target;\n                        \/\/ If img has data-src, use that; otherwise use src\n                        if (img.dataset.src) {\n                            img.src = img.dataset.src;\n                        }\n                        observer.unobserve(img);\n                    }\n                });\n            });\n            images.forEach(img =\u003e imageObserver.observe(img));\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Homeplacestore","offers":[{"title":"Default Title","offer_id":48755928203520,"sku":"Collar Sagrado Corazón","price":99900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0702\/3732\/3520\/files\/Collar-Sagrado-_1.png?v=1779514907","url":"https:\/\/homeplacestoreco.myshopify.com\/products\/collar-sagrado-corazon-de-jesus-obsequio-%f0%9f%8e%81","provider":"Homeplacestore","version":"1.0","type":"link"}