Detox Starter Package - Vida Sabia<\/title>\n \n <style>\n \/* Global Reset & Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: #ffffff;\n overflow-x: hidden;\n max-width: 100%;\n }\n\n \/* Prevent horizontal overflow *\/\n html {\n overflow-x: hidden;\n max-width: 100vw;\n }\n\n * {\n max-width: 100%;\n }\n\n \/* Color Palette *\/\n :root {\n --primary-dark-green: #2d7a3e;\n --primary-leaf-green: #7cb342;\n --primary-lime-green: #9ccc65;\n --primary-yellow-green: #d4e157;\n \n --secondary-forest: #1b5e20;\n --secondary-amber: #fbc02d;\n --secondary-mint: #81c784;\n \n --dark-navy: #1a1a2e;\n --dark-slate: #2d3748;\n --medium-gray: #64748b;\n --light-gray: #e2e8f0;\n --ultra-light: #f8fafc;\n --white: #ffffff;\n \n --gradient-primary: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%);\n --gradient-secondary: linear-gradient(135deg, #9ccc65 0%, #7cb342 100%);\n --gradient-accent: linear-gradient(135deg, #d4e157 0%, #9ccc65 100%);\n \n --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\n --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\n --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);\n --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.15);\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.9);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-20px);\n }\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Purchase Landing Section *\/\n .purchase-landing {\n background: linear-gradient(180deg, #ffffff 0%, #f8fdf5 100%);\n padding: 40px 0 80px;\n border-bottom: 1px solid var(--light-gray);\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n }\n\n .purchase-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: start;\n margin-top: 40px;\n width: 100%;\n max-width: 100%;\n }\n\n \/* Left: Product Visual *\/\n .purchase-visual {\n position: sticky;\n top: 20px;\n }\n\n .product-showcase-main {\n background: white;\n border-radius: 24px;\n padding: 40px;\n box-shadow: var(--shadow-lg);\n border: 2px solid var(--light-gray);\n }\n\n .product-images-grid {\n margin-bottom: 30px;\n }\n\n .main-product-image {\n width: 100%;\n height: 350px;\n background: var(--ultra-light);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n overflow: hidden;\n cursor: zoom-in;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .main-product-image:hover {\n box-shadow: var(--shadow-md);\n }\n\n .main-product-image img {\n width: 70%;\n height: 70%;\n object-fit: contain;\n transition: transform 0.3s ease;\n }\n\n .main-product-image:hover img {\n transform: scale(1.05);\n }\n\n .fullscreen-hint {\n position: absolute;\n bottom: 12px;\n right: 12px;\n background: rgba(0, 0, 0, 0.7);\n color: white;\n padding: 6px 12px;\n border-radius: 8px;\n font-size: 12px;\n display: flex;\n align-items: center;\n gap: 6px;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .main-product-image:hover .fullscreen-hint {\n opacity: 1;\n }\n\n .product-thumbnails {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n }\n\n .product-thumbnails img {\n width: 100%;\n height: 80px;\n object-fit: contain;\n background: var(--ultra-light);\n border-radius: 12px;\n padding: 10px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .product-thumbnails img:hover {\n border-color: var(--primary-leaf-green);\n transform: translateY(-2px);\n }\n\n .product-thumbnails img.active {\n border-color: var(--primary-leaf-green);\n background: white;\n box-shadow: var(--shadow-sm);\n }\n\n \/* Lightbox Styles *\/\n .lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.95);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n animation: fadeIn 0.3s ease;\n }\n\n .lightbox.active {\n display: flex;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .lightbox-content {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n animation: zoomIn 0.3s ease;\n }\n\n @keyframes zoomIn {\n from { transform: scale(0.8); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n\n .lightbox-image {\n max-width: 100%;\n max-height: 90vh;\n object-fit: contain;\n border-radius: 8px;\n }\n\n .lightbox-close {\n position: absolute;\n top: -50px;\n right: 0;\n background: white;\n border: none;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: var(--dark-navy);\n transition: all 0.3s ease;\n box-shadow: var(--shadow-lg);\n }\n\n .lightbox-close:hover {\n background: var(--primary-leaf-green);\n color: white;\n transform: rotate(90deg);\n }\n\n .lightbox-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: var(--dark-navy);\n transition: all 0.3s ease;\n box-shadow: var(--shadow-lg);\n }\n\n .lightbox-nav:hover {\n background: var(--primary-leaf-green);\n color: white;\n }\n\n .lightbox-prev {\n left: -70px;\n }\n\n .lightbox-next {\n right: -70px;\n }\n\n .lightbox-counter {\n position: absolute;\n bottom: -50px;\n left: 50%;\n transform: translateX(-50%);\n background: white;\n padding: 8px 20px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 700;\n color: var(--dark-navy);\n box-shadow: var(--shadow-md);\n }\n\n .trust-indicators {\n display: flex;\n gap: 20px;\n padding-top: 20px;\n border-top: 1px solid var(--light-gray);\n }\n\n .trust-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--dark-slate);\n font-weight: 600;\n }\n\n .trust-item svg {\n color: var(--primary-leaf-green);\n }\n\n \/* Right: Purchase Form *\/\n .purchase-form-container {\n background: white;\n border-radius: 24px;\n padding: 50px;\n box-shadow: var(--shadow-xl);\n border: 3px solid var(--light-gray);\n position: relative;\n }\n\n .purchase-form-container .showcase-badge-top {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--gradient-primary);\n color: white;\n padding: 8px 20px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n }\n\n .purchase-header {\n margin-bottom: 30px;\n }\n\n .purchase-title {\n font-size: 36px;\n font-weight: 800;\n color: var(--dark-navy);\n margin-bottom: 16px;\n line-height: 1.2;\n }\n\n .purchase-rating {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .stars {\n color: var(--secondary-amber);\n font-size: 20px;\n }\n\n .rating-count {\n color: var(--medium-gray);\n font-size: 14px;\n }\n\n .price-display {\n background: var(--ultra-light);\n padding: 25px;\n border-radius: 16px;\n margin-bottom: 30px;\n }\n\n .price-main {\n margin-bottom: 12px;\n }\n\n .price-info {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .price-value {\n font-size: 56px;\n font-weight: 800;\n color: var(--primary-dark-green);\n line-height: 1;\n }\n\n .price-savings {\n margin-top: 12px;\n }\n\n .savings-badge {\n display: inline-block;\n background: var(--gradient-secondary);\n color: white;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 700;\n }\n\n .package-highlights {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 30px;\n }\n\n .highlight-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 15px;\n color: var(--dark-slate);\n font-weight: 600;\n }\n\n .highlight-item svg {\n color: var(--primary-leaf-green);\n flex-shrink: 0;\n }\n\n .add-to-cart-button {\n width: 100%;\n padding: 20px;\n background: var(--gradient-primary);\n color: white;\n font-size: 18px;\n font-weight: 700;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n box-shadow: var(--shadow-lg);\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-bottom: 20px;\n }\n\n .add-to-cart-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(124, 179, 66, 0.4);\n }\n\n .add-to-cart-button:active {\n transform: translateY(-1px);\n }\n\n .secure-checkout {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: var(--medium-gray);\n font-size: 14px;\n margin-bottom: 25px;\n padding-bottom: 25px;\n border-bottom: 1px solid var(--light-gray);\n }\n\n .secure-checkout svg {\n color: var(--primary-leaf-green);\n }\n\n .guarantee-badge {\n display: flex;\n gap: 16px;\n align-items: start;\n background: linear-gradient(135deg, #f1f8e9 0%, #e8f5e9 100%);\n padding: 20px;\n border-radius: 16px;\n border: 2px solid var(--primary-lime-green);\n }\n\n .guarantee-badge svg {\n color: var(--primary-leaf-green);\n flex-shrink: 0;\n }\n\n .guarantee-badge strong {\n display: block;\n font-size: 16px;\n color: var(--dark-navy);\n margin-bottom: 4px;\n }\n\n .guarantee-badge p {\n font-size: 13px;\n color: var(--medium-gray);\n margin: 0;\n }\n\n \/* Payment Badges *\/\n .payment-badges {\n background: var(--ultra-light);\n padding: 20px;\n border-radius: 16px;\n border: 2px solid var(--light-gray);\n }\n\n .payment-cards {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n flex-wrap: wrap;\n }\n\n .card-icon {\n height: 32px;\n width: 50px;\n opacity: 0.9;\n transition: opacity 0.3s ease;\n border-radius: 4px;\n }\n\n .card-badge {\n height: 32px;\n width: 50px;\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 10px;\n letter-spacing: 0.5px;\n }\n\n .card-badge.visa {\n background: #1A1F71;\n color: white;\n font-style: italic;\n font-size: 14px;\n }\n\n .card-badge.mastercard {\n background: #f5f5f5;\n border: 1px solid #e0e0e0;\n }\n\n .mc-circles {\n display: flex;\n align-items: center;\n }\n\n .mc-red {\n width: 18px;\n height: 18px;\n background: #EB001B;\n border-radius: 50%;\n margin-right: -6px;\n }\n\n .mc-yellow {\n width: 18px;\n height: 18px;\n background: #F79E1B;\n border-radius: 50%;\n }\n\n .card-badge.amex {\n background: #006FCF;\n color: white;\n font-size: 9px;\n }\n\n .card-badge.discover {\n background: #F47216;\n color: white;\n font-size: 7px;\n letter-spacing: 0.3px;\n }\n\n .card-icon:hover {\n opacity: 1;\n }\n\n .security-badges {\n display: flex;\n justify-content: center;\n gap: 20px;\n padding-top: 12px;\n border-top: 1px solid var(--light-gray);\n }\n\n .security-item {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--medium-gray);\n font-weight: 600;\n }\n\n .security-item svg {\n color: var(--primary-leaf-green);\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Hero Section *\/\n .hero-section {\n background: linear-gradient(180deg, #f1f8e9 0%, #ffffff 100%);\n padding: 80px 0 60px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-decoration {\n position: absolute;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(124, 179, 66, 0.1) 0%, transparent 70%);\n }\n\n .hero-decoration-1 {\n top: -200px;\n right: -100px;\n }\n\n .hero-decoration-2 {\n bottom: -200px;\n left: -100px;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n animation: fadeInUp 1s ease;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 24px;\n background: white;\n border-radius: 50px;\n border: 2px solid var(--primary-leaf-green);\n margin-bottom: 30px;\n box-shadow: var(--shadow-sm);\n }\n\n .badge-dot {\n width: 8px;\n height: 8px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .badge-text {\n font-size: 13px;\n font-weight: 700;\n color: var(--primary-dark-green);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-title {\n font-size: 64px;\n font-weight: 800;\n line-height: 1.1;\n margin-bottom: 24px;\n color: var(--dark-navy);\n }\n\n .hero-title .highlight {\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero-subtitle {\n font-size: 22px;\n color: var(--medium-gray);\n max-width: 700px;\n margin: 0 auto 50px;\n line-height: 1.7;\n }\n\n \/* Stats Bar *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n gap: 60px;\n margin-top: 50px;\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-size: 42px;\n font-weight: 800;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: block;\n margin-bottom: 8px;\n }\n\n .stat-label {\n font-size: 14px;\n color: var(--medium-gray);\n font-weight: 600;\n }\n\n \/* Package Card Section *\/\n .package-section {\n padding: 80px 0;\n background: white;\n }\n\n .section-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: start;\n }\n\n \/* Left Column - Package Details *\/\n .package-card {\n background: white;\n border-radius: 30px;\n padding: 50px;\n box-shadow: var(--shadow-xl);\n border: 3px solid var(--light-gray);\n position: sticky;\n top: 20px;\n }\n\n .price-section {\n background: var(--gradient-primary);\n padding: 35px;\n border-radius: 20px;\n margin-bottom: 40px;\n text-align: center;\n }\n\n .price-label {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.9);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 12px;\n }\n\n .price-amount {\n font-size: 64px;\n font-weight: 800;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n }\n\n .price-note {\n font-size: 14px;\n color: rgba(255, 255, 255, 0.85);\n margin-top: 12px;\n }\n\n .included-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 30px;\n }\n\n .included-icon {\n width: 32px;\n height: 32px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n }\n\n .included-title {\n font-size: 20px;\n font-weight: 700;\n color: var(--dark-navy);\n }\n\n .product-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .product-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px;\n background: var(--ultra-light);\n border-radius: 16px;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .product-item:hover {\n background: white;\n border-color: var(--primary-lime-green);\n box-shadow: var(--shadow-md);\n transform: translateX(5px);\n }\n\n .product-quantity {\n width: 48px;\n height: 48px;\n background: var(--gradient-primary);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 800;\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .product-image-wrapper {\n width: 70px;\n height: 70px;\n flex-shrink: 0;\n border-radius: 12px;\n overflow: hidden;\n background: white;\n box-shadow: var(--shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .product-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 6px;\n }\n\n .product-details {\n flex: 1;\n }\n\n .product-name {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .product-icon {\n width: 20px;\n height: 20px;\n fill: currentColor;\n }\n\n .product-icon.green { color: #4caf50; }\n .product-icon.purple { color: #9c27b0; }\n .product-icon.orange { color: #ff9800; }\n .product-icon.tea { color: #795548; }\n .product-icon.blue { color: #2196f3; }\n .product-icon.coffee { color: #6d4c41; }\n\n .product-subtitle {\n font-size: 13px;\n color: var(--medium-gray);\n }\n\n .kit-note {\n background: linear-gradient(135deg, #fff9e6 0%, #fef5d0 100%);\n padding: 20px;\n border-radius: 16px;\n margin-top: 24px;\n border-left: 4px solid var(--secondary-amber);\n }\n\n .kit-note-text {\n font-size: 14px;\n color: var(--dark-slate);\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .kit-note-icon {\n width: 20px;\n height: 20px;\n fill: var(--secondary-amber);\n flex-shrink: 0;\n }\n\n .cta-button {\n width: 100%;\n padding: 20px;\n background: var(--gradient-primary);\n color: white;\n font-size: 18px;\n font-weight: 700;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n margin-top: 30px;\n box-shadow: var(--shadow-lg);\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(124, 179, 66, 0.4);\n }\n\n .cta-icon {\n width: 20px;\n height: 20px;\n fill: white;\n }\n\n \/* Right Column - Information Cards *\/\n .info-column {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n\n \/* What You Get Section *\/\n .info-card {\n background: white;\n border-radius: 24px;\n padding: 40px;\n box-shadow: var(--shadow-md);\n border: 2px solid var(--light-gray);\n }\n\n .info-card-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 30px;\n }\n\n .info-icon {\n width: 56px;\n height: 56px;\n background: var(--gradient-secondary);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n }\n\n .info-icon svg {\n width: 28px;\n height: 28px;\n fill: white;\n }\n\n .info-card-title {\n font-size: 24px;\n font-weight: 700;\n color: var(--dark-navy);\n }\n\n .benefit-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .benefit-item {\n display: flex;\n gap: 16px;\n align-items: start;\n }\n\n .benefit-icon {\n width: 28px;\n height: 28px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .benefit-icon svg {\n width: 14px;\n height: 14px;\n fill: white;\n }\n\n .benefit-text {\n flex: 1;\n }\n\n .benefit-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 6px;\n }\n\n .benefit-description {\n font-size: 14px;\n color: var(--medium-gray);\n line-height: 1.6;\n }\n\n \/* How It Works Section *\/\n .how-it-works {\n padding: 100px 0;\n background: linear-gradient(180deg, #ffffff 0%, #f1f8e9 50%, #ffffff 100%);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 70px;\n }\n\n .section-title {\n font-size: 48px;\n font-weight: 800;\n color: var(--dark-navy);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 20px;\n color: var(--medium-gray);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .steps-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n position: relative;\n }\n\n .step-card {\n background: white;\n padding: 40px 30px;\n border-radius: 20px;\n box-shadow: var(--shadow-md);\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .step-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-xl);\n border-color: var(--primary-leaf-green);\n }\n\n .step-number {\n width: 60px;\n height: 60px;\n background: var(--gradient-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 28px;\n font-weight: 800;\n margin: 0 auto 24px;\n box-shadow: var(--shadow-md);\n }\n\n .step-title {\n font-size: 18px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 12px;\n }\n\n .step-description {\n font-size: 14px;\n color: var(--medium-gray);\n line-height: 1.6;\n }\n\n \/* Product Showcase Section *\/\n .product-showcase {\n padding: 100px 0;\n background: white;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .showcase-card {\n background: white;\n border-radius: 24px;\n padding: 35px;\n box-shadow: var(--shadow-lg);\n transition: all 0.4s ease;\n border: 3px solid var(--light-gray);\n }\n\n .showcase-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-xl);\n border-color: var(--primary-leaf-green);\n }\n\n .showcase-image {\n width: 100%;\n height: 200px;\n background: var(--ultra-light);\n border-radius: 16px;\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .showcase-image img {\n width: 80%;\n height: 80%;\n object-fit: contain;\n }\n\n .showcase-badge {\n display: inline-block;\n padding: 6px 16px;\n background: var(--gradient-secondary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n border-radius: 20px;\n margin-bottom: 16px;\n }\n\n .showcase-title {\n font-size: 20px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 12px;\n }\n\n .showcase-description {\n font-size: 14px;\n color: var(--medium-gray);\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .showcase-features {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .feature-tag {\n padding: 6px 12px;\n background: var(--ultra-light);\n border-radius: 8px;\n font-size: 12px;\n color: var(--dark-slate);\n font-weight: 600;\n }\n\n \/* Testimonials Section *\/\n .testimonials-section {\n padding: 100px 0;\n background: linear-gradient(180deg, #f1f8e9 0%, #ffffff 100%);\n }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .testimonial-card {\n background: white;\n padding: 35px;\n border-radius: 20px;\n box-shadow: var(--shadow-md);\n border: 2px solid var(--light-gray);\n }\n\n .testimonial-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 20px;\n }\n\n .testimonial-avatar {\n width: 56px;\n height: 56px;\n background: var(--gradient-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: 700;\n }\n\n .testimonial-info {\n flex: 1;\n }\n\n .testimonial-name {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 4px;\n }\n\n .testimonial-role {\n font-size: 13px;\n color: var(--medium-gray);\n }\n\n .testimonial-stars {\n color: var(--secondary-amber);\n font-size: 18px;\n margin-bottom: 16px;\n }\n\n .testimonial-text {\n font-size: 14px;\n color: var(--dark-slate);\n line-height: 1.7;\n font-style: italic;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n padding: 100px 0;\n background: white;\n }\n\n .faq-list {\n max-width: 900px;\n margin: 60px auto 0;\n }\n\n .faq-item {\n background: white;\n border-radius: 16px;\n margin-bottom: 20px;\n box-shadow: var(--shadow-md);\n border: 2px solid var(--light-gray);\n overflow: hidden;\n }\n\n .faq-question {\n padding: 24px 30px;\n font-size: 18px;\n font-weight: 700;\n color: var(--dark-navy);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n background: var(--ultra-light);\n }\n\n .faq-toggle {\n width: 24px;\n height: 24px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n transition: transform 0.3s ease;\n }\n\n .faq-item.active .faq-toggle {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n padding: 0 30px 24px 30px;\n font-size: 15px;\n color: var(--medium-gray);\n line-height: 1.7;\n display: none;\n }\n\n .faq-item.active .faq-answer {\n display: block;\n }\n\n \/* Quality Badges *\/\n .quality-section {\n padding: 60px 0;\n background: var(--ultra-light);\n }\n\n .quality-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .quality-badge {\n background: white;\n padding: 30px;\n border-radius: 16px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n border: 2px solid var(--light-gray);\n }\n\n .quality-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 16px;\n color: var(--primary-leaf-green);\n }\n\n .quality-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n line-height: 1.3;\n }\n\n \/* Final CTA Section *\/\n .final-cta {\n padding: 100px 0;\n background: var(--gradient-primary);\n text-align: center;\n color: white;\n }\n\n .final-cta-title {\n font-size: 48px;\n font-weight: 800;\n margin-bottom: 20px;\n }\n\n .final-cta-subtitle {\n font-size: 20px;\n margin-bottom: 40px;\n opacity: 0.9;\n }\n\n .final-cta-button {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 22px 50px;\n background: white;\n color: var(--primary-dark-green);\n font-size: 18px;\n font-weight: 700;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n }\n\n .final-cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n }\n\n .final-cta-button svg {\n width: 20px;\n height: 20px;\n fill: currentColor;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .hero-title {\n font-size: 48px;\n }\n\n .purchase-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .purchase-visual {\n position: static;\n }\n\n .section-grid {\n grid-template-columns: 1fr;\n }\n\n .package-card {\n position: static;\n }\n\n .steps-grid,\n .products-grid,\n .testimonials-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .quality-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 36px;\n }\n\n .purchase-landing {\n padding: 20px 0 60px;\n }\n\n .container {\n padding: 0 15px;\n }\n\n .purchase-title {\n font-size: 28px;\n padding-right: 0;\n margin-bottom: 50px;\n }\n\n .purchase-form-container {\n padding: 30px 20px;\n width: 100%;\n }\n\n .purchase-form-container .showcase-badge-top {\n position: static;\n display: inline-block;\n margin-bottom: 20px;\n }\n\n .price-value {\n font-size: 42px;\n }\n\n \/* Product Showcase - Wider and Bigger Images on Mobile *\/\n .product-showcase-main {\n padding: 30px 20px;\n margin: 0;\n width: 100%;\n }\n\n .main-product-image {\n height: 450px;\n margin-bottom: 25px;\n width: 100%;\n }\n\n .main-product-image img {\n width: 85%;\n height: 85%;\n }\n\n .product-thumbnails {\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n width: 100%;\n }\n\n .product-thumbnails img {\n height: 120px;\n padding: 12px;\n width: 100%;\n }\n\n .trust-indicators {\n flex-direction: column;\n gap: 12px;\n }\n\n .stats-bar {\n flex-direction: column;\n gap: 30px;\n }\n\n .steps-grid,\n .products-grid,\n .testimonials-grid,\n .quality-grid {\n grid-template-columns: 1fr;\n }\n\n .section-title {\n font-size: 36px;\n }\n\n \/* Lightbox adjustments for mobile *\/\n .lightbox-prev {\n left: 10px;\n }\n\n .lightbox-next {\n right: 10px;\n }\n\n .lightbox-close {\n top: 10px;\n right: 10px;\n }\n }\n\n \/* Smooth scroll behavior *\/\n html {\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"purchase-landing\" id=\"add-to-cart-section\">\n <div class=\"container\">\n <div class=\"purchase-grid\">\n \n <div class=\"purchase-visual\">\n <div class=\"product-showcase-main\">\n <div class=\"product-images-grid\">\n <div class=\"main-product-image\" onclick=\"openLightbox(0)\">\n <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Detox Package\">\n <div class=\"fullscreen-hint\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\n <\/svg>\n Haga clic para ampliar\n <\/div>\n <\/div>\n <div class=\"product-thumbnails\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Hepa Pure\" class=\"active\" onclick=\"changeImage(this, 0)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"Hepa Flow\" onclick=\"changeImage(this, 1)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"Hepa Guard\" onclick=\"changeImage(this, 2)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\" onclick=\"changeImage(this, 3)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp\" alt=\"DailyPro\" onclick=\"changeImage(this, 4)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost Caf\u00e9\" onclick=\"changeImage(this, 5)\">\n <\/div>\n <\/div>\n <div class=\"trust-indicators\">\n <div class=\"trust-item\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <span>Env\u00edo gratuito<\/span>\n <\/div>\n <div class=\"trust-item\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <span>Garant\u00eda de devoluci\u00f3n del dinero<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"purchase-form-container\">\n <div class=\"showcase-badge-top\">MEJOR VALOR<\/div>\n <div class=\"purchase-header\">\n <h1 class=\"purchase-title\">Paquete b\u00e1sico de desintoxicaci\u00f3n completa<\/h1>\n <div class=\"purchase-rating\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <span class=\"rating-count\">(2.847 opiniones verificadas)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"price-display\">\n <div class=\"price-main\">\n <div class=\"price-info\">\n <span class=\"price-value\">$999.99<\/span>\n <\/div>\n <\/div>\n <div class=\"price-savings\">\n <span class=\"savings-badge\">Ahorre $200 frente a la compra por separado<\/span>\n <\/div>\n <\/div>\n\n <div class=\"package-highlights\">\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>Protocolo completo de desintoxicaci\u00f3n de 60 d\u00edas<\/span>\n <\/div>\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>6 productos premium incluidos<\/span>\n <\/div>\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>4 ciclos completos de tratamiento<\/span>\n <\/div>\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>100% ingredientes naturales<\/span>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 20px;\">\n <div class=\"custom-add-to-cart-wrapper center-wrapper\" data-product-id=\"68331\">\n \n \n \n\n \n <a href=\"https:\/\/vida-sabia.com\/es\/?buy_now=68331\" class=\"custom-add-to-cart-btn buy-now-btn\">\n Comprar ahora <\/a>\n\n <\/div>\n \n <style>\n.custom-add-to-cart-wrapper {\n width: 100%; \/* Make the container fill its column *\/\n max-width: 350px; \/* Set a max width to match your layout *\/\n padding: 0 20px 20px 20px;\n background: #fff;\n border-radius: 12px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.custom-add-to-cart-wrapper.center-wrapper {\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n}\n\t\n.custom-price-display {\n font-size: 24px;\n font-weight: 600;\n margin-bottom: 15px;\n color: #333;\n}\n\t\n.custom-price-display del {\n opacity: 0.5;\n font-size: 18px;\n margin-right: 10px;\n}\n\t\n.custom-price-display ins {\n text-decoration: none;\n color: #7FBF3F;\n}\n\t\n.custom-stock-display {\n margin-bottom: 15px;\n font-size: 14px;\n}\n\t\n.custom-stock-display .in-stock {\n color: #7FBF3F;\n font-weight: 500;\n}\n\t\n.custom-variation-selector {\n margin-bottom: 15px;\n}\n\t\n.custom-variation-selector label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n font-size: 14px;\n color: #666;\n}\n\t\n.custom-variation-select {\n width: 100%;\n padding: 10px 12px;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 15px;\n background: #fff;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\t\n.custom-variation-select:focus {\n outline: none;\n border-color: #7FBF3F;\n box-shadow: 0 0 0 3px rgba(127, 191, 63, 0.1);\n}\n\t\n.custom-variation-price {\n margin: 15px 0;\n font-size: 20px;\n font-weight: 600;\n color: #7FBF3F;\n}\n\t\n.custom-variation-description {\n margin: 15px 0;\n padding: 12px;\n background: #f8f9fa;\n border-radius: 8px;\n font-size: 14px;\n color: #666;\n}\n\t\n.custom-quantity-wrapper {\n margin: 20px 0;\n}\n\t\n.custom-quantity-wrapper label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n font-size: 14px;\n color: #666;\n}\n\t\n.custom-quantity-selector {\n display: inline-flex;\n align-items: center;\n background: #f5f5f5;\n border-radius: 8px;\n overflow: hidden;\n border: 2px solid #e0e0e0;\n}\n\t\n.qty-btn {\n width: 40px;\n height: 40px;\n border: none;\n background: transparent;\n cursor: pointer;\n font-size: 20px;\n color: #666;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\t\n.qty-btn:hover {\n background: #7FBF3F;\n color: white;\n}\n\t\n.custom-qty-input {\n width: 60px;\n text-align: center;\n border: none;\n background: transparent;\n font-size: 16px;\n font-weight: 600;\n padding: 0 10px;\n}\n\t\n.custom-qty-input::-webkit-inner-spin-button,\n.custom-qty-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\t\n.custom-add-to-cart-btn {\n width: 100%;\n padding: 16px 24px; \/* Increased top\/bottom padding for a taller button *\/\n background: linear-gradient(135deg, #7FBF3F 0%, #6FA535 100%);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 700; \/* Made font a little bolder *\/\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n text-align: center; \/* Ensures text is centered for <a> tags *\/\n text-decoration: none; \/* Removes underline from <a> tags *\/\n display: block; \/* Ensures <a> tag behaves like a block *\/\n}\n\t\n.custom-add-to-cart-btn:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(127, 191, 63, 0.4);\n}\n\t\n.custom-add-to-cart-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\t\n.custom-add-to-cart-btn.loading {\n color: transparent;\n}\n\t\n.custom-add-to-cart-btn.loading::after {\n content: '';\n position: absolute;\n width: 20px;\n height: 20px;\n top: 50%;\n left: 50%;\n margin-left: -10px;\n margin-top: -10px;\n border: 2px solid #fff;\n border-radius: 50%;\n border-top-color: transparent;\n animation: spinner 0.8s linear infinite;\n}\n\t\n.custom-add-to-cart-btn.added {\n background: #4CAF50;\n}\n\t\n.custom-add-to-cart-btn.added::before {\n content: '\u2713 ';\n}\n\t\n@keyframes spinner {\n to { transform: rotate(360deg); }\n}\n\t\n\/* Grouped Products *\/\n.grouped-product-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #e0e0e0;\n}\n\t\n.grouped-product-item label {\n flex: 1;\n font-size: 14px;\n}\n\t\n.grouped-qty {\n width: 60px;\n padding: 5px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\t\n\/* Responsive *\/\n@media (max-width: 480px) {\n .custom-add-to-cart-wrapper {\n padding: 5px 15px 15px 15px; \/* Or whatever top padding you chose *\/\n }\n \n .custom-price-display {\n font-size: 20px;\n }\n}\n<\/style>\n \n <script>\n jQuery(function($) {\n \/\/ Initialize each custom add to cart form\n $('.custom-add-to-cart-wrapper').each(function() {\n var $wrapper = $(this);\n var productId = $wrapper.data('product-id');\n \n \/\/ Quantity selector\n $wrapper.on('click', '.qty-btn', function() {\n var $btn = $(this);\n var $input = $wrapper.find('.custom-qty-input');\n var currentVal = parseInt($input.val()) || 1;\n var max = parseInt($input.attr('max')) || 9999;\n \n if ($btn.hasClass('plus')) {\n if (currentVal < max) {\n $input.val(currentVal + 1).trigger('change');\n }\n } else {\n if (currentVal > 1) {\n $input.val(currentVal - 1).trigger('change');\n }\n }\n });\n \n \/\/ Update data-quantity attribute when quantity changes\n $wrapper.on('change', '.custom-qty-input', function() {\n var qty = $(this).val();\n $wrapper.find('.custom-add-to-cart-btn').attr('data-quantity', qty);\n $wrapper.find('a.buy-now-btn').attr('href', 'https:\/\/vida-sabia.com\/es\/?buy_now=68331&quantity=' + qty);\n });\n \n \/\/ Variable product handling\n if ($wrapper.find('.custom-variations-form').length) {\n var $form = $wrapper.find('.custom-variations-form');\n var variationsData = JSON.parse($form.find('.variations_data').html());\n \n $form.on('change', '.custom-variation-select', function() {\n var attributes = {};\n var allSelected = true;\n \n $form.find('.custom-variation-select').each(function() {\n var attributeName = $(this).attr('name');\n var value = $(this).val();\n \n if (value) {\n attributes[attributeName] = value;\n } else {\n allSelected = false;\n }\n });\n \n if (allSelected) {\n \/\/ Find matching variation\n var matchingVariation = findMatchingVariation(variationsData, attributes);\n \n if (matchingVariation) {\n \/\/ Update variation ID\n $form.find('.variation_id').val(matchingVariation.variation_id);\n \n \/\/ Update price\n if (matchingVariation.price_html) {\n $wrapper.find('.custom-variation-price').html(matchingVariation.price_html).show();\n $wrapper.find('.custom-price-display').hide();\n }\n \n \/\/ Update description\n if (matchingVariation.variation_description) {\n $wrapper.find('.custom-variation-description').html(matchingVariation.variation_description).show();\n } else {\n $wrapper.find('.custom-variation-description').hide();\n }\n \n\/\/ Update stock and button text\nvar $button = $form.find('.custom-add-to-cart-btn');\nif (!$button.data('original-text')) {\n $button.data('original-text', $button.text());\n}\n\nif (matchingVariation.is_in_stock) {\n $button.prop('disabled', false).text($button.data('original-text'));\n} else {\n $button.prop('disabled', true).text('Out of stock');\n}\n \n \/\/ Update max quantity\n if (matchingVariation.max_qty) {\n $form.find('.custom-qty-input').attr('max', matchingVariation.max_qty);\n }\n }\n } else {\n var $button = $form.find('.custom-add-to-cart-btn');\n if (!$button.data('original-text')) {\n $button.data('original-text', $button.text());\n }\n $button.prop('disabled', true).text($button.data('original-text'));\n $form.find('.variation_id').val('');\n $wrapper.find('.custom-variation-price').hide();\n $wrapper.find('.custom-variation-description').hide();\n $wrapper.find('.custom-price-display').show();\n}\n });\n \n \/\/ Handle variation form submission\n $form.on('submit', function(e) {\n e.preventDefault();\n \n var variationId = $form.find('.variation_id').val();\n if (!variationId) {\n alert('Please select product options');\n return;\n }\n \n var $button = $form.find('.custom-add-to-cart-btn');\n var quantity = $form.find('.custom-qty-input').val() || 1;\n \n $button.addClass('loading');\n \n var data = {\n action: 'woocommerce_ajax_add_to_cart',\n product_id: productId,\n variation_id: variationId,\n quantity: quantity\n };\n \n \/\/ Add variation attributes\n $form.find('.custom-variation-select').each(function() {\n var name = $(this).attr('name');\n data[name] = $(this).val();\n });\n \n $.post(wc_add_to_cart_params.ajax_url, data, function(response) {\n if (response.error) {\n alert(response.error_message);\n $button.removeClass('loading');\n } else {\n $button.removeClass('loading').addClass('added').text('Added to cart!');\n \n \/\/ Trigger cart update\n $(document.body).trigger('added_to_cart', [response.fragments, response.cart_hash, $button]);\n \n setTimeout(function() {\n $button.removeClass('added').text($button.data('original-text') || 'Add to cart');\n }, 2000);\n }\n });\n });\n }\n \n \/\/ Simple product AJAX submission\n $wrapper.find('.custom-simple-form').on('submit', function(e) {\n e.preventDefault();\n \n var $form = $(this);\n var $button = $form.find('.custom-add-to-cart-btn');\n var quantity = $form.find('.custom-qty-input').val() || 1;\n \n $button.addClass('loading');\n \n $.post(wc_add_to_cart_params.ajax_url, {\n action: 'woocommerce_ajax_add_to_cart',\n product_id: productId,\n quantity: quantity\n }, function(response) {\n if (response.error) {\n alert(response.error_message);\n $button.removeClass('loading');\n } else {\n $button.removeClass('loading').addClass('added').text('Added to cart!');\n \n \/\/ Trigger cart update\n $(document.body).trigger('added_to_cart', [response.fragments, response.cart_hash, $button]);\n \n setTimeout(function() {\n $button.removeClass('added').text($button.data('original-text') || 'Add to cart');\n }, 2000);\n }\n });\n });\n });\n \n \/\/ Helper function to find matching variation\n function findMatchingVariation(variations, attributes) {\n for (var i = 0; i < variations.length; i++) {\n var variation = variations[i];\n var matched = true;\n \n for (var attrName in attributes) {\n var attrValue = attributes[attrName];\n var variationAttrName = attrName.replace('attribute_', '');\n \n if (variation.attributes['attribute_' + variationAttrName] !== attrValue && \n variation.attributes['attribute_' + variationAttrName] !== '') {\n matched = false;\n break;\n }\n }\n \n if (matched) {\n return variation;\n }\n }\n return null;\n }\n });\n <\/script>\n \n <\/div>\n\n <div class=\"secure-checkout\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\/>\n <\/svg>\n <span>Pago seguro: cifrado SSL<\/span>\n <\/div>\n\n <div class=\"payment-badges\">\n <div class=\"payment-cards\">\n \n <div class=\"card-badge visa\">\n <span>VISA<\/span>\n <\/div>\n \n <div class=\"card-badge mastercard\">\n <div class=\"mc-circles\">\n <span class=\"mc-red\"><\/span>\n <span class=\"mc-yellow\"><\/span>\n <\/div>\n <\/div>\n \n <div class=\"card-badge amex\">\n <span>AMEX<\/span>\n <\/div>\n \n <div class=\"card-badge discover\">\n <span>DESCUBRA<\/span>\n <\/div>\n <\/div>\n <div class=\"security-badges\">\n <div class=\"security-item\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <span>Seguridad verificada<\/span>\n <\/div>\n <div class=\"security-item\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\/>\n <\/svg>\n <span>SSL de 256 bits<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"hero-section\">\n <div class=\"hero-decoration hero-decoration-1\"><\/div>\n <div class=\"hero-decoration hero-decoration-2\"><\/div>\n \n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <div class=\"badge-dot\"><\/div>\n <span class=\"badge-text\">Paquete de inicio<\/span>\n <\/div>\n \n <h1 class=\"hero-title\">\n Transforme su salud con el<br>\n <span class=\"highlight\">Programa completo de desintoxicaci\u00f3n<\/span>\n <\/h1>\n \n <p class=\"hero-subtitle\">\n Experimente una renovaci\u00f3n corporal total con nuestro completo paquete de desintoxicaci\u00f3n.\n Dise\u00f1ado por expertos para limpiar, regenerar y revitalizar todos los sistemas de su cuerpo de forma natural y eficaz.\n <\/p>\n\n <div class=\"stats-bar\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">4<\/span>\n <span class=\"stat-label\">Ciclos completos<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">6<\/span>\n <span class=\"stat-label\">Productos Premium<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">100%<\/span>\n <span class=\"stat-label\">Natural<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"package-section\">\n <div class=\"container\">\n <div class=\"section-grid\">\n \n <div class=\"package-card\">\n <div class=\"price-section\">\n <div class=\"price-label\">Precio de distribuidor<\/div>\n <div class=\"price-amount\">$1,000<\/div>\n <div class=\"price-note\">Valor del paquete completo<\/div>\n <\/div>\n\n <div class=\"included-header\">\n <div class=\"included-icon\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"included-title\">Productos incluidos<\/h3>\n <\/div>\n\n <div class=\"product-list\">\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Hepa Pure\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon green\" viewbox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <\/svg>\n Hepa Puro\n <\/div>\n <div class=\"product-subtitle\">Desintoxicaci\u00f3n y regeneraci\u00f3n del h\u00edgado<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"Hepa Flow\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon purple\" viewbox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <\/svg>\n Flujo Hepa\n <\/div>\n <div class=\"product-subtitle\">Estimula la funci\u00f3n biliar<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"Hepa Guard\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon orange\" viewbox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <\/svg>\n Protector Hepa\n <\/div>\n <div class=\"product-subtitle\">Protecci\u00f3n hep\u00e1tica avanzada<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">2<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon tea\" viewbox=\"0 0 24 24\">\n <path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3z\"\/>\n <\/svg>\n RenovaT\u00e9\n <\/div>\n <div class=\"product-subtitle\">Limpieza digestiva natural<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp\" alt=\"DailyPro\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon blue\" viewbox=\"0 0 24 24\">\n <path d=\"M3 2l2.01 18.23C5.13 21.23 5.97 22 7 22h10c1.03 0 1.87-.77 1.99-1.77L21 2H3zm9 17c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z\"\/>\n <\/svg>\n DailyPro\n <\/div>\n <div class=\"product-subtitle\">Nutrici\u00f3n diaria completa<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost Caf\u00e9\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon coffee\" viewbox=\"0 0 24 24\">\n <path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 5h-2V5h2v3z\"\/>\n <\/svg>\n Caf\u00e9 NeuroBoost\n <\/div>\n <div class=\"product-subtitle\">Energ\u00eda y concentraci\u00f3n mental<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"kit-note\">\n <div class=\"kit-note-text\">\n <svg class=\"kit-note-icon\" viewbox=\"0 0 24 24\">\n <path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"\/>\n <\/svg>\n Incluye 4 KITS completos de productos para un protocolo de desintoxicaci\u00f3n eficaz\n <\/div>\n <\/div>\n\n <button class=\"cta-button\" onclick=\"scrollToTop()\">\n <svg class=\"cta-icon\" viewbox=\"0 0 24 24\">\n <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/>\n <\/svg>\n A\u00f1adir a la cesta\n <\/button>\n <\/div>\n\n \n <div class=\"info-column\">\n \n <div class=\"info-card\">\n <div class=\"info-card-header\">\n <div class=\"info-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"info-card-title\">Lo que obtiene<\/h3>\n <\/div>\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Desintoxicaci\u00f3n hep\u00e1tica completa<\/div>\n <div class=\"benefit-description\">Limpieza profunda y regeneraci\u00f3n de su \u00f3rgano m\u00e1s importante con la combinaci\u00f3n sin\u00e9rgica de Hepa Pure, Flow y Guard.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Limpieza digestiva natural<\/div>\n <div class=\"benefit-description\">RenovaT\u00e9 elimina las toxinas del sistema digestivo y act\u00faa como un limpiador natural del colon.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Nutrici\u00f3n completa<\/div>\n <div class=\"benefit-description\">DailyPro con 25 g de prote\u00ednas por raci\u00f3n, adem\u00e1s de vitaminas y minerales esenciales para su recuperaci\u00f3n.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Energ\u00eda mental sostenida<\/div>\n <div class=\"benefit-description\">NeuroBoost Caf\u00e9 con hongos adapt\u00f3genos para claridad mental y energ\u00eda sin los efectos negativos del caf\u00e9 tradicional.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"info-card\">\n <div class=\"info-card-header\">\n <div class=\"info-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"info-card-title\">Principales ventajas<\/h3>\n <\/div>\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Aumente su energ\u00eda<\/div>\n <div class=\"benefit-description\">Recupere su vitalidad natural y diga adi\u00f3s a la fatiga cr\u00f3nica.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Mejorar la digesti\u00f3n<\/div>\n <div class=\"benefit-description\">Elimina la hinchaz\u00f3n, los gases y las molestias digestivas.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Fortalecer el sistema inmunitario<\/div>\n <div class=\"benefit-description\">Protecci\u00f3n natural contra las enfermedades y mejor respuesta inmunitaria.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Piel radiante<\/div>\n <div class=\"benefit-description\">La limpieza interna se refleja en una piel m\u00e1s clara y sana.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"how-it-works\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">C\u00f3mo funciona el programa<\/h2>\n <p class=\"section-subtitle\">\n Un protocolo completo dise\u00f1ado para obtener los m\u00e1ximos resultados en 4 fases de desintoxicaci\u00f3n\n <\/p>\n <\/div>\n\n <div class=\"steps-grid\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Preparaci\u00f3n<\/h3>\n <p class=\"step-description\">\n D\u00edas 1-7: Su cuerpo se prepara para la desintoxicaci\u00f3n con NeuroBoost Caf\u00e9 y DailyPro, optimizando su nutrici\u00f3n de base.\n <\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">Limpieza del h\u00edgado<\/h3>\n <p class=\"step-description\">\n D\u00edas 8-21: Hepa Pure, Flow y Guard trabajan sin\u00e9rgicamente para limpiar profundamente y regenerar su h\u00edgado.\n <\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Limpieza digestiva<\/h3>\n <p class=\"step-description\">\n D\u00edas 22-35: RenovaT\u00e9 elimina las toxinas del sistema digestivo y regula de forma natural su tr\u00e1nsito intestinal.\n <\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Mantenimiento<\/h3>\n <p class=\"step-description\">\n D\u00edas 36-60: Consolide los resultados con una nutrici\u00f3n completa y energ\u00eda sostenida para su nuevo estilo de vida.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"product-showcase\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Descubra cada producto<\/h2>\n <p class=\"section-subtitle\">\n Ingredientes de primera calidad respaldados por la ciencia para su bienestar integral\n <\/p>\n <\/div>\n\n <div class=\"products-grid\">\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Hepa Pure\">\n <\/div>\n <span class=\"showcase-badge\">Regeneraci\u00f3n hep\u00e1tica<\/span>\n <h3 class=\"showcase-title\">Hepa Puro<\/h3>\n <p class=\"showcase-description\">\n 80% Silimarina y Extracto de Diente de Le\u00f3n 4:1 para una desintoxicaci\u00f3n profunda del h\u00edgado.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Antioxidante<\/span>\n <span class=\"feature-tag\">Regenerativo<\/span>\n <span class=\"feature-tag\">Protecci\u00f3n<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"Hepa Flow\">\n <\/div>\n <span class=\"showcase-badge\">Funci\u00f3n biliar<\/span>\n <h3 class=\"showcase-title\">Flujo Hepa<\/h3>\n <p class=\"showcase-description\">\n 5% Alcachofa y remolacha para estimular la producci\u00f3n de bilis y mejorar la digesti\u00f3n de las grasas.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Digestivo<\/span>\n <span class=\"feature-tag\">Metab\u00f3lico<\/span>\n <span class=\"feature-tag\">Energizante<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"Hepa Guard\">\n <\/div>\n <span class=\"showcase-badge\">Protecci\u00f3n avanzada<\/span>\n <h3 class=\"showcase-title\">Protector Hepa<\/h3>\n <p class=\"showcase-description\">\n 95% Curcuminoides con piperina para una m\u00e1xima absorci\u00f3n y protecci\u00f3n celular.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Antiinflamatorio<\/span>\n <span class=\"feature-tag\">Protecci\u00f3n<\/span>\n <span class=\"feature-tag\">Biodisponible<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\">\n <\/div>\n <span class=\"showcase-badge\">Limpieza suave<\/span>\n <h3 class=\"showcase-title\">RenovaT\u00e9<\/h3>\n <p class=\"showcase-description\">\n Mezcla \u00fanica de hierbas con acci\u00f3n limpiadora del colon y propiedades antiparasitarias naturales.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">A base de plantas<\/span>\n <span class=\"feature-tag\">Digestivo<\/span>\n <span class=\"feature-tag\">Suave<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp\" alt=\"DailyPro\">\n <\/div>\n <span class=\"showcase-badge\">Nutrici\u00f3n completa<\/span>\n <h3 class=\"showcase-title\">DailyPro<\/h3>\n <p class=\"showcase-description\">\n 80% Aislado de prote\u00edna de suero con vitaminas, minerales y amino\u00e1cidos esenciales.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">25g Prote\u00edna<\/span>\n <span class=\"feature-tag\">Vitaminas<\/span>\n <span class=\"feature-tag\">Minerales<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost Caf\u00e9\">\n <\/div>\n <span class=\"showcase-badge\">Energ\u00eda mental<\/span>\n <h3 class=\"showcase-title\">Caf\u00e9 NeuroBoost<\/h3>\n <p class=\"showcase-description\">\n Caf\u00e9 con hongos funcionales, adapt\u00f3genos y nootr\u00f3picos para obtener energ\u00eda y claridad mental.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Enfoque<\/span>\n <span class=\"feature-tag\">Energ\u00eda<\/span>\n <span class=\"feature-tag\">Adaptog\u00e9nico<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"testimonials-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Lo que dicen nuestros clientes<\/h2>\n <p class=\"section-subtitle\">\n Miles de personas han transformado su salud con nuestro programa\n <\/p>\n <\/div>\n\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">MC<\/div>\n <div class=\"testimonial-info\">\n <div class=\"testimonial-name\">Mar\u00eda Castro<\/div>\n <div class=\"testimonial-role\">Ejecutivo, 42 a\u00f1os<\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"Despu\u00e9s de 2 meses con el programa Detox, mi energ\u00eda se dispar\u00f3. Ya no tengo esa sensaci\u00f3n de cansancio constante y mi digesti\u00f3n mejor\u00f3 incre\u00edblemente. Lo recomiendo encarecidamente!\"\n <\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">JR<\/div>\n <div class=\"testimonial-info\">\n <div class=\"testimonial-name\">Jorge Ram\u00edrez<\/div>\n <div class=\"testimonial-role\">Empresario, 38 a\u00f1os<\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"Como empresario, necesito estar siempre al 100%. Este paquete no s\u00f3lo limpi\u00f3 mi cuerpo sino que mejor\u00f3 mi claridad mental. NeuroBoost Caf\u00e9 es mi secreto matutino\".\n <\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">LM<\/div>\n <div class=\"testimonial-info\">\n <div class=\"testimonial-name\">Laura M\u00e9ndez<\/div>\n <div class=\"testimonial-role\">Profesora, 35 a\u00f1os<\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"He perdido peso de forma natural, mi piel luce radiante y me siento m\u00e1s vital que nunca. El protocolo es f\u00e1cil de seguir y los resultados son evidentes desde la primera semana.\"\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Preguntas frecuentes<\/h2>\n <p class=\"section-subtitle\">\n Todo lo que necesita saber sobre el Paquete Detox\n <\/p>\n <\/div>\n\n <div class=\"faq-list\">\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfCu\u00e1nto dura el programa completo?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n El paquete incluye 4 kits completos dise\u00f1ados para un protocolo de 60 d\u00edas (2 meses). Esto permite 4 ciclos completos de desintoxicaci\u00f3n y mantenimiento para obtener resultados \u00f3ptimos y duraderos.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfEs seguro para todos?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n Todos nuestros productos son 100% naturales y seguros. Sin embargo, si usted est\u00e1 embarazada, amamantando, tomando medicamentos o tiene alguna condici\u00f3n m\u00e9dica, le recomendamos consultar con su m\u00e9dico antes de comenzar el programa.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfQu\u00e9 resultados puedo esperar?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n Los resultados var\u00edan seg\u00fan la persona, pero la mayor\u00eda afirma tener m\u00e1s energ\u00eda, una mejor digesti\u00f3n, una piel m\u00e1s radiante, p\u00e9rdida de peso natural, mejor sue\u00f1o y claridad mental en las 2-3 primeras semanas del programa.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfNecesito seguir una dieta especial?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n No es obligatorio, pero recomendamos reducir el consumo de alimentos procesados, alcohol y az\u00facares refinados durante el programa. Beber mucha agua y aumentar la ingesta de frutas y verduras mejorar\u00e1 los resultados.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfC\u00f3mo se toman los productos?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n Cada producto incluye instrucciones detalladas. Generalmente: Hepa Pure, Flow y Guard se toman con las comidas; RenovaT\u00e9 como infusi\u00f3n antes de acostarse; DailyPro como batido nutricional; y NeuroBoost Caf\u00e9 por la ma\u00f1ana.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"quality-section\">\n <div class=\"container\">\n <div class=\"quality-grid\">\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <div class=\"quality-title\">100% Natural<br>Ingredientes<\/div>\n <\/div>\n\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2L3.5 7v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V7L12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <div class=\"quality-title\">GMP<br>Certificado<\/div>\n <\/div>\n\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z\"\/>\n <\/svg>\n <div class=\"quality-title\">Laboratorio<br>Probado<\/div>\n <\/div>\n\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <div class=\"quality-title\">Calidad<br>Garantizado<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"final-cta\">\n <div class=\"container\">\n <h2 class=\"final-cta-title\">\u00bfListo para transformar su salud?<\/h2>\n <p class=\"final-cta-subtitle\">\n \u00danase a miles de personas que ya llevan una vida m\u00e1s sana y en\u00e9rgica\n <\/p>\n <button class=\"final-cta-button\" onclick=\"scrollToTop()\">\n Empezar ahora\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n \n <div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\n <div class=\"lightbox-content\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox(event)\">\u00d7<\/button>\n <button class=\"lightbox-nav lightbox-prev\" onclick=\"navigateLightbox(-1, event)\">'<\/button>\n <img decoding=\"async\" class=\"lightbox-image\" id=\"lightboxImage\" src=\"\" alt=\"Product Image\">\n <button class=\"lightbox-nav lightbox-next\" onclick=\"navigateLightbox(1, event)\">'<\/button>\n <div class=\"lightbox-counter\" id=\"lightboxCounter\">1 \/ 6<\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Image gallery data\n const imageGallery = [\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp',\n alt: 'Hepa Pure'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp',\n alt: 'Hepa Flow'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp',\n alt: 'Hepa Guard'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp',\n alt: 'RenovaT\u00e9'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp',\n alt: 'DailyPro'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp',\n alt: 'NeuroBoost Caf\u00e9'\n }\n ];\n\n let currentImageIndex = 0;\n\n \/\/ Change main image when clicking thumbnail\n function changeImage(thumbnail, index) {\n const mainImage = document.getElementById('mainImage');\n mainImage.src = thumbnail.src;\n mainImage.alt = thumbnail.alt;\n currentImageIndex = index;\n\n \/\/ Update active thumbnail\n document.querySelectorAll('.product-thumbnails img').forEach(img => {\n img.classList.remove('active');\n });\n thumbnail.classList.add('active');\n }\n\n \/\/ Open lightbox\n function openLightbox(index) {\n currentImageIndex = index;\n const lightbox = document.getElementById('lightbox');\n const lightboxImage = document.getElementById('lightboxImage');\n \n lightboxImage.src = imageGallery[currentImageIndex].src;\n lightboxImage.alt = imageGallery[currentImageIndex].alt;\n updateLightboxCounter();\n \n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n }\n\n \/\/ Close lightbox\n function closeLightbox(event) {\n if (event.target.id === 'lightbox' || event.target.classList.contains('lightbox-close')) {\n const lightbox = document.getElementById('lightbox');\n lightbox.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n }\n\n \/\/ Navigate through images in lightbox\n function navigateLightbox(direction, event) {\n event.stopPropagation(); \/\/ Prevent closing lightbox\n \n currentImageIndex += direction;\n \n \/\/ Loop around\n if (currentImageIndex < 0) {\n currentImageIndex = imageGallery.length - 1;\n } else if (currentImageIndex >= imageGallery.length) {\n currentImageIndex = 0;\n }\n \n const lightboxImage = document.getElementById('lightboxImage');\n lightboxImage.src = imageGallery[currentImageIndex].src;\n lightboxImage.alt = imageGallery[currentImageIndex].alt;\n updateLightboxCounter();\n }\n\n \/\/ Update lightbox counter\n function updateLightboxCounter() {\n const counter = document.getElementById('lightboxCounter');\n counter.textContent = `${currentImageIndex + 1} \/ ${imageGallery.length}`;\n }\n\n \/\/ Keyboard navigation\n document.addEventListener('keydown', function(event) {\n const lightbox = document.getElementById('lightbox');\n if (lightbox.classList.contains('active')) {\n if (event.key === 'Escape') {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n } else if (event.key === 'ArrowLeft') {\n navigateLightbox(-1, event);\n } else if (event.key === 'ArrowRight') {\n navigateLightbox(1, event);\n }\n }\n });\n\n \/\/ Add to cart function - redirects to custom checkout\n function addToCart() {\n const productId = 68331;\n \n \/\/ Check for preferred language cookie\n const preferredLang = getCookie('preferred_language');\n \n \/\/ Build URL with language prefix if Spanish\n let checkoutUrl = 'https:\/\/vida-sabia.com\/';\n if (preferredLang === 'es') {\n checkoutUrl += 'es\/';\n }\n checkoutUrl += 'custom-checkout\/?add-to-cart=' + productId;\n \n window.location.href = checkoutUrl;\n}\n\n\/\/ Helper function to get cookie\nfunction getCookie(name) {\n const value = `; ${document.cookie}`;\n const parts = value.split(`; ${name}=`);\n if (parts.length === 2) return parts.pop().split(';').shift();\n return null;\n}\n\n \/\/ Scroll to top function\n function scrollToTop() {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n }\n\n \/\/ Smooth animations on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Observe animated elements\n document.querySelectorAll('.step-card, .showcase-card, .testimonial-card, .benefit-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n\n \/\/ FAQ Toggle\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', () => {\n const faqItem = question.parentElement;\n const isActive = faqItem.classList.contains('active');\n \n \/\/ Close all FAQs\n document.querySelectorAll('.faq-item').forEach(item => {\n item.classList.remove('active');\n });\n \n \/\/ Toggle current FAQ\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-333c8b6 elementor-widget elementor-widget-html\" data-id=\"333c8b6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Vida Sabia Footer<\/title>\n <style>\n :root {\n \/* Vida Sabia Brand Colors *\/\n --primary-blue: #0e7cc7;\n --primary-green: #7fc242;\n --primary-orange: #f5821f;\n --light-blue: #4a9fd9;\n --light-green: #9ed667;\n --dark-blue: #0a5a9e;\n --dark: #0f172a;\n --dark-lighter: #1e293b;\n --gray-600: #475569;\n --gray-400: #94a3b8;\n --gray-200: #e2e8f0;\n --gray-100: #f1f5f9;\n --white: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Remove default gaps - Elementor compatibility *\/\n html, body {\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden;\n }\n\n \/* Footer Styles - Modern Clean Design *\/\n footer {\n background: var(--dark);\n color: var(--white);\n position: relative;\n overflow: hidden;\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n \/* Top accent strip - subtle *\/\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-green) 0%, var(--primary-blue) 50%, var(--primary-orange) 100%);\n }\n\n .footer-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 60px 20px 30px;\n position: relative;\n z-index: 1;\n }\n\n \/* Main Footer Grid *\/\n .footer-main {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 60px;\n margin-bottom: 60px;\n padding-bottom: 50px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-column h3 {\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 20px;\n color: var(--white);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n position: relative;\n padding-bottom: 10px;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50px;\n height: 2px;\n background: var(--primary-green);\n }\n\n \/* Brand Column *\/\n .footer-brand {\n animation: fadeInUp 0.6s ease;\n }\n\n .footer-logo-img {\n height: 120px;\n width: 120px;\n object-fit: contain;\n margin-bottom: 20px;\n filter: brightness(0) invert(1);\n transition: all 0.3s ease;\n }\n\n .footer-logo-img:hover {\n filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(127, 194, 66, 0.5));\n transform: scale(1.05);\n }\n\n .footer-brand p {\n font-size: 15px;\n line-height: 1.8;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 25px;\n }\n\n \/* Contact Info Styling *\/\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 12px;\n color: rgba(255, 255, 255, 0.8);\n font-size: 14px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n\n .contact-item span {\n word-wrap: break-word;\n overflow-wrap: break-word;\n max-width: 100%;\n }\n\n .contact-icon {\n width: 20px;\n height: 20px;\n color: var(--primary-green);\n flex-shrink: 0;\n }\n\n \/* Links Columns *\/\n .footer-links-column {\n animation: fadeInUp 0.6s ease;\n }\n\n .footer-links-column:nth-child(2) {\n animation-delay: 0.1s;\n }\n\n .footer-links-column:nth-child(3) {\n animation-delay: 0.2s;\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 12px;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n font-size: 14px;\n transition: all 0.3s ease;\n display: inline-block;\n }\n\n .footer-links a:hover {\n color: var(--primary-green);\n transform: translateX(5px);\n }\n\n \/* Footer Bottom Section *\/\n .footer-bottom {\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 30px;\n padding-top: 30px;\n }\n\n \/* Copyright *\/\n .footer-copyright {\n font-size: 14px;\n color: rgba(255, 255, 255, 0.6);\n }\n\n \/* Payment Methods - Right *\/\n .payment-info {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 15px;\n }\n\n .payment-text {\n font-size: 13px;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 500;\n }\n\n .payment-icons {\n background: rgba(255, 255, 255, 0.05);\n padding: 8px 16px;\n border-radius: 8px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .payment-icons img {\n height: 28px;\n width: auto;\n display: block;\n }\n\n \/* FDA Disclaimer Box *\/\n .disclaimer-box {\n background: rgba(245, 130, 31, 0.1);\n border: 1px solid rgba(245, 130, 31, 0.3);\n border-radius: 8px;\n padding: 15px;\n margin-top: 20px;\n }\n\n .disclaimer-box strong {\n color: var(--primary-orange);\n display: block;\n margin-bottom: 8px;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .disclaimer-box p {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n }\n\n \/* Background subtle pattern *\/\n .footer-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.03;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.03) 35px, rgba(255,255,255,.03) 70px);\n pointer-events: none;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .footer-main {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .footer-container {\n padding: 50px 25px 30px;\n }\n }\n\n @media (max-width: 768px) {\n .footer-container {\n padding: 40px 20px 25px;\n }\n\n .footer-main {\n grid-template-columns: 1fr;\n gap: 35px;\n margin-bottom: 35px;\n }\n\n .footer-bottom {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 20px;\n }\n\n .footer-copyright {\n order: 2;\n font-size: 13px;\n }\n\n .payment-info {\n order: 1;\n justify-content: center;\n flex-direction: column;\n }\n\n .footer-logo-img {\n height: 100px;\n width: 100px;\n }\n\n .contact-info {\n gap: 10px;\n }\n\n .contact-item {\n font-size: 13px;\n word-break: break-word;\n }\n }\n\n @media (max-width: 480px) {\n .footer-container {\n padding: 35px 15px 20px;\n }\n\n .footer-main {\n gap: 30px;\n margin-bottom: 30px;\n }\n\n .footer-logo-img {\n height: 90px;\n width: 90px;\n }\n\n .footer-brand p {\n font-size: 14px;\n }\n\n .contact-item {\n font-size: 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n\n .footer-column h3 {\n font-size: 14px;\n margin-bottom: 15px;\n }\n\n .footer-links a {\n font-size: 13px;\n }\n\n .disclaimer-box {\n padding: 12px;\n }\n\n .disclaimer-box strong {\n font-size: 12px;\n }\n\n .disclaimer-box p {\n font-size: 12px;\n }\n\n .payment-icons img {\n height: 24px;\n }\n\n .footer-copyright {\n font-size: 12px;\n line-height: 1.6;\n }\n }\n\n \/* Extra small devices (320px) *\/\n @media (max-width: 360px) {\n .footer-container {\n padding: 30px 12px 20px;\n }\n\n .footer-logo-img {\n height: 80px;\n width: 80px;\n }\n\n .footer-brand p {\n font-size: 13px;\n line-height: 1.6;\n }\n\n .contact-item {\n font-size: 11px;\n }\n\n .contact-icon {\n width: 18px;\n height: 18px;\n }\n\n .footer-column h3 {\n font-size: 13px;\n letter-spacing: 1px;\n }\n\n .footer-links a {\n font-size: 12px;\n }\n\n .disclaimer-box {\n padding: 10px;\n }\n\n .disclaimer-box strong,\n .disclaimer-box p {\n font-size: 11px;\n }\n\n .footer-bottom {\n gap: 15px;\n }\n\n .payment-text {\n font-size: 11px;\n }\n\n .payment-icons {\n padding: 6px 12px;\n }\n\n .payment-icons img {\n height: 22px;\n }\n\n .footer-copyright {\n font-size: 11px;\n }\n }\n\n \/* 320px devices *\/\n @media (max-width: 320px) {\n .footer-container {\n padding: 25px 10px 18px;\n }\n\n .footer-main {\n gap: 25px;\n margin-bottom: 25px;\n }\n\n .footer-logo-img {\n height: 70px;\n width: 70px;\n }\n\n .footer-brand p {\n font-size: 12px;\n }\n\n .contact-item {\n font-size: 10px;\n gap: 6px;\n }\n\n .contact-icon {\n width: 16px;\n height: 16px;\n }\n\n .footer-column h3 {\n font-size: 12px;\n margin-bottom: 12px;\n }\n\n .footer-links li {\n margin-bottom: 10px;\n }\n\n .footer-links a {\n font-size: 11px;\n }\n\n .disclaimer-box {\n padding: 8px;\n margin-top: 15px;\n }\n\n .disclaimer-box strong {\n font-size: 10px;\n margin-bottom: 6px;\n }\n\n .disclaimer-box p {\n font-size: 10px;\n line-height: 1.5;\n }\n\n .footer-bottom {\n padding-top: 20px;\n gap: 12px;\n }\n\n .payment-text {\n font-size: 10px;\n }\n\n .payment-icons {\n padding: 5px 10px;\n }\n\n .payment-icons img {\n height: 20px;\n }\n\n .footer-copyright {\n font-size: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <footer>\n <div class=\"footer-pattern\"><\/div>\n \n <div class=\"footer-container\">\n <div class=\"footer-main\">\n \n <div class=\"footer-column footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Result (90).webp\" alt=\"Vida Sabia\" class=\"footer-logo-img\">\n <p>Vida Sabia se dedica a transformar vidas a trav\u00e9s de soluciones naturales para el bienestar. Ofrecemos productos de salud de primera calidad respaldados por la ciencia para ayudarle a alcanzar un bienestar \u00f3ptimo y vivir su mejor vida.<\/p>\n \n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <svg class=\"contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n <span>1309 Coffeen Ave, Ste. 17988, Sheridan, Wyoming 82801<\/span>\n <\/div>\n <div class=\"contact-item\">\n <svg class=\"contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg>\n <span>support@vida-sabia.com<\/span>\n <\/div>\n <div class=\"contact-item\">\n <svg class=\"contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\n <\/svg>\n <span>Lun-Vie: 9AM - 6PM EST<\/span>\n <\/div>\n <\/div>\n\n <div class=\"disclaimer-box\">\n <strong>Descargo de responsabilidad de la FDA<\/strong>\n <p>Estas afirmaciones no han sido evaluadas por la Food and Drug Administration. Este producto no est\u00e1 destinado a diagnosticar, tratar, curar o prevenir ninguna enfermedad.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-column footer-links-column\">\n <h3>Aviso legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/vida-sabia.com\/es\/privacy-policy\/\">Pol\u00edtica de privacidad<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/terms-of-use\/\">Condiciones de uso<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/refund-autoship-and-cancellation-policy\/\">Pol\u00edtica de reembolso<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/gdpr-policy\/\">Pol\u00edtica GDPR<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/data-protection-policy\/\">Protecci\u00f3n de datos<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/anti-money-laundering-aml-policy\/\">Pol\u00edtica AML<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/suspicious-or-fraudulent-activity-risk-assessment-policy\/\">Pol\u00edtica de lucha contra el fraude<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/vida-sabia-income-statement\/\">Cuenta de resultados<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-bottom\">\n \n <div class=\"footer-copyright\">\n 2025 Vida Sabia LLC. Todos los derechos reservados.\n <\/div>\n\n \n <div class=\"payment-info\">\n <span class=\"payment-text\">Aceptamos<\/span>\n <div class=\"payment-icons\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/credit-paypal-copy-1.png\" alt=\"Payment Methods\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d5c8fc elementor-widget elementor-widget-html\" data-id=\"3d5c8fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Vida Sabia Header - Elegant & Modern<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n SCOPED HEADER STYLES - MODERN EDITION\n All styles prefixed with .vida-sabia-header\n to avoid conflicts with external styles\n ================================ *\/\n\n .vida-sabia-header-wrapper {\n \/* Vida Sabia Brand Colors - Enhanced Palette *\/\n --vida-sabia-dark-green: #2d7a3e;\n --vida-sabia-leaf-green: #7cb342;\n --vida-sabia-lime-green: #9ccc65;\n --vida-sabia-yellow-green: #d4e157;\n --vida-sabia-forest: #1b5e20;\n --vida-sabia-amber: #fbc02d;\n --vida-sabia-mint: #81c784;\n --vida-sabia-dark: #0f172a;\n --vida-sabia-white: #ffffff;\n \n \/* Modern Gradients *\/\n --vida-sabia-primary-gradient: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%);\n --vida-sabia-secondary-gradient: linear-gradient(135deg, #9ccc65 0%, #7cb342 100%);\n --vida-sabia-accent-gradient: linear-gradient(135deg, #d4e157 0%, #9ccc65 100%);\n --vida-sabia-shimmer-gradient: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\n --vida-sabia-glass-gradient: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);\n \n --vida-sabia-dark-bg: #ffffff;\n --vida-sabia-card-bg: rgba(124, 179, 66, 0.06);\n --vida-sabia-text-light: #0f172a;\n --vida-sabia-accent-primary: #7cb342;\n --vida-sabia-accent-secondary: #9ccc65;\n --vida-sabia-accent-tertiary: #d4e157;\n --vida-sabia-border-color: rgba(124, 179, 66, 0.15);\n --vida-sabia-hover-bg: rgba(124, 179, 66, 0.08);\n }\n\n \/* Automatic body padding to prevent content from being hidden under fixed header *\/\n body {\n padding-top: 80px !important;\n }\n\n @media (min-width: 768px) {\n body {\n padding-top: 90px !important;\n }\n }\n\n \/* Header Container *\/\n .vida-sabia-header-wrapper {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 2px solid rgba(124, 179, 66, 0.12);\n box-shadow: 0 2px 12px rgba(124, 179, 66, 0.08);\n transition: all 0.3s ease;\n min-height: 60px;\n height: auto;\n }\n\n .vida-sabia-header-wrapper.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: 0 4px 20px rgba(124, 179, 66, 0.15);\n border-bottom-color: rgba(124, 179, 66, 0.2);\n }\n\n \/* Navigation *\/\n .vida-sabia-header-wrapper .vida-sabia-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 1rem;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n min-height: 60px;\n flex-wrap: nowrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-nav {\n padding: 1rem 1.5rem;\n gap: 0.75rem;\n }\n }\n\n @media (min-width: 1200px) {\n .vida-sabia-header-wrapper .vida-sabia-nav {\n padding: 1rem 2rem;\n }\n }\n\n \/* Logo *\/\n .vida-sabia-header-wrapper .vida-sabia-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n flex-shrink: 0;\n }\n\n @media (max-width: 767px) {\n .vida-sabia-header-wrapper .vida-sabia-logo {\n order: 2;\n flex: 1;\n justify-content: center;\n }\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo a {\n display: flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 45px;\n width: auto;\n filter: drop-shadow(0 2px 8px rgba(124, 179, 66, 0.25));\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo a:hover img {\n opacity: 0.85;\n transform: scale(1.02);\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 50px;\n }\n }\n\n @media (min-width: 1200px) {\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 55px;\n }\n }\n\n \/* Desktop Navigation Links *\/\n .vida-sabia-header-wrapper .vida-sabia-nav-links {\n display: none;\n gap: clamp(1rem, 2vw, 2rem);\n align-items: center;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-nav-links {\n display: flex;\n }\n }\n\n \/* Navigation Link Styles *\/\n .vida-sabia-header-wrapper .vida-sabia-nav-links a {\n color: var(--vida-sabia-text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: clamp(0.85rem, 1vw, 1rem);\n padding: 0.25rem 0.5rem;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--vida-sabia-primary-gradient);\n transition: width 0.3s ease;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a:hover::after {\n width: 100%;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a:hover {\n color: var(--vida-sabia-leaf-green);\n }\n\n \/* Buttons *\/\n .vida-sabia-header-wrapper .vida-sabia-btn {\n padding: 0.6rem 1.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n flex-shrink: 0;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-primary {\n background: var(--vida-sabia-primary-gradient);\n color: white !important;\n box-shadow: 0 4px 16px rgba(124, 179, 66, 0.35);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-primary:hover {\n box-shadow: 0 6px 20px rgba(124, 179, 66, 0.45);\n transform: translateY(-2px);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-secondary {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid var(--vida-sabia-leaf-green);\n color: var(--vida-sabia-dark-green) !important;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-secondary:hover {\n background: var(--vida-sabia-hover-bg);\n transform: translateY(-2px);\n }\n\n \/* Desktop \"My Account\" button - initially hidden *\/\n .vida-sabia-header-wrapper .vida-sabia-btn-myaccount {\n display: none;\n }\n\n .vida-sabia-header-wrapper.logged-in .vida-sabia-btn-myaccount {\n display: inline-block;\n }\n\n \/* Cart Icon Wrapper - Desktop *\/\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper {\n display: none;\n flex-shrink: 0;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper {\n display: flex;\n }\n }\n\n \/* Cart Icon Wrapper - Mobile *\/\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper-mobile {\n display: flex;\n flex-shrink: 0;\n order: 3;\n z-index: 1002;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper-mobile {\n display: none;\n }\n }\n\n \/* Mobile Navigation Container *\/\n .vida-sabia-header-wrapper .vida-sabia-mobile-nav-container {\n display: flex;\n align-items: center;\n order: 1;\n z-index: 1002;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-mobile-nav-container {\n display: none;\n }\n }\n\n \/* Hamburger Menu - Modern Style *\/\n .vida-sabia-header-wrapper .vida-sabia-hamburger {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n gap: 5px;\n padding: 0.5rem;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger::before {\n content: '';\n position: absolute;\n inset: -4px;\n background: var(--vida-sabia-hover-bg);\n border-radius: 12px;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger:hover::before {\n opacity: 1;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger span {\n display: block;\n width: 25px;\n height: 3px;\n background: var(--vida-sabia-dark-green);\n border-radius: 3px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger:hover span {\n background: var(--vida-sabia-leaf-green);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(3) {\n transform: rotate(-45deg) translate(8px, -8px);\n }\n\n \/* Mobile Menu Overlay - Enhanced *\/\n .vida-sabia-mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: linear-gradient(135deg, rgba(45, 122, 62, 0.98) 0%, rgba(27, 94, 32, 0.98) 100%);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n transform: translateX(-100%);\n transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .vida-sabia-mobile-menu::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 80%, rgba(156, 204, 101, 0.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(124, 179, 66, 0.2) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .vida-sabia-mobile-menu.active {\n transform: translateX(0);\n }\n\n .vida-sabia-mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2.5rem;\n padding: 2rem;\n max-width: 90%;\n width: 400px;\n position: relative;\n z-index: 1;\n }\n\n \/* Modern Menu Links *\/\n .vida-sabia-mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n }\n\n .vida-sabia-mobile-menu-links a {\n color: white;\n text-decoration: none;\n font-size: 1.4rem;\n font-weight: 600;\n text-align: center;\n padding: 1.2rem;\n border-radius: 18px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n background: rgba(255, 255, 255, 0.1);\n border: 2px solid rgba(255, 255, 255, 0.2);\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n \/* Shimmer effect on menu links *\/\n .vida-sabia-mobile-menu-links a::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--vida-sabia-shimmer-gradient);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu-links a:active::before {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu-links a:active {\n transform: scale(0.96);\n background: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.3);\n }\n\n \/* Mobile Menu Buttons Container *\/\n .vida-sabia-mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1.2rem;\n width: 100%;\n }\n\n \/* MODERN & ELEGANT: Mobile menu secondary button (Login\/Logout) *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary {\n position: relative;\n background: var(--vida-sabia-glass-gradient) !important;\n border: 2px solid rgba(255, 255, 255, 0.4) !important;\n color: var(--vida-sabia-dark-green) !important;\n font-weight: 700 !important;\n padding: 1.1rem 2rem !important;\n font-size: 1.05rem !important;\n border-radius: 30px !important;\n box-shadow: \n 0 8px 32px rgba(0, 0, 0, 0.12),\n inset 0 1px 0 rgba(255, 255, 255, 0.6),\n 0 1px 3px rgba(0, 0, 0, 0.08) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n letter-spacing: 0.3px;\n }\n\n \/* Gradient overlay on secondary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(124, 179, 66, 0.15) 0%, transparent 100%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:hover::before {\n opacity: 1;\n }\n\n \/* Shimmer effect for secondary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:active::after {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:active {\n transform: scale(0.96) translateY(2px);\n box-shadow: \n 0 4px 16px rgba(0, 0, 0, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;\n border-color: rgba(255, 255, 255, 0.5) !important;\n }\n\n \/* MODERN & ELEGANT: Mobile menu primary button (My Account) *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-primary {\n position: relative;\n background: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%) !important;\n color: white !important;\n font-weight: 700 !important;\n padding: 1.1rem 2rem !important;\n font-size: 1.05rem !important;\n border-radius: 30px !important;\n border: 2px solid rgba(255, 255, 255, 0.25) !important;\n box-shadow: \n 0 10px 40px rgba(124, 179, 66, 0.35),\n inset 0 1px 0 rgba(255, 255, 255, 0.3),\n 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n letter-spacing: 0.3px;\n }\n\n \/* Shimmer effect for primary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-primary:active::before {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-primary:active {\n transform: scale(0.96) translateY(2px);\n box-shadow: \n 0 6px 24px rgba(124, 179, 66, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\n }\n\n \/* Hide mobile My Account button by default *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-myaccount-mobile {\n display: none;\n }\n\n .vida-sabia-header-wrapper.logged-in ~ .vida-sabia-mobile-menu .vida-sabia-btn-myaccount-mobile {\n display: inline-block;\n }\n\n \/* Locale Switcher *\/\n .vida-sabia-header-wrapper .vida-sabia-locale-switcher-wrapper {\n display: flex;\n align-items: center;\n min-width: fit-content;\n flex-shrink: 0;\n }\n\n \/* Add subtle animation to locale switcher in mobile menu *\/\n .vida-sabia-mobile-menu .vida-sabia-locale-switcher-wrapper {\n padding: 1rem;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 15px;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.15);\n }\n\n \/* Keyframe animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Stagger animation for menu items *\/\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-links a:nth-child(1) {\n animation: fadeInUp 0.5s ease 0.1s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-links a:nth-child(2) {\n animation: fadeInUp 0.5s ease 0.2s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-buttons .vida-sabia-btn-secondary {\n animation: fadeInUp 0.5s ease 0.3s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-buttons .vida-sabia-btn-primary {\n animation: fadeInUp 0.5s ease 0.4s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-locale-switcher-wrapper {\n animation: fadeInUp 0.5s ease 0.5s backwards;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"vida-sabia-header-wrapper\" id=\"vida-sabiaHeader\">\n <nav class=\"vida-sabia-nav\">\n \n <div class=\"vida-sabia-mobile-nav-container\">\n <div class=\"vida-sabia-hamburger\" id=\"vida-sabiaHamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"vida-sabia-logo\">\n <a href=\"\/es\/\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Result%20(90).webp\" alt=\"Vida Sabia\">\n <\/a>\n <\/div>\n \n \n <div class=\"vida-sabia-nav-links\">\n <a href=\"\/es\/\">Inicio<\/a>\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/complete-detox-starter-package\/\">Comprar ahora<\/a>\n <a href=\"\/es\/c_login\/\" id=\"desktopLoginLink\">Iniciar sesi\u00f3n<\/a>\n \n <div class=\"vida-sabia-locale-switcher-wrapper\" id=\"vida-sabiaLocaleSwitcher\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n \n \n <a href=\"\/es\/my-account\/\" class=\"vida-sabia-btn vida-sabia-btn-primary vida-sabia-btn-myaccount\" id=\"desktopMyAccountBtn\">Mi cuenta<\/a>\n <\/div>\n \n \n <div class=\"vida-sabia-cart-wrapper\">\n \n <\/div>\n \n \n <div class=\"vida-sabia-cart-wrapper-mobile\">\n \n <\/div>\n <\/nav>\n<\/div>\n\n\n<div class=\"vida-sabia-mobile-menu\" id=\"vida-sabiaMobileMenu\">\n <div class=\"vida-sabia-mobile-menu-content\">\n <div class=\"vida-sabia-mobile-menu-links\">\n <a href=\"\/es\/\">Inicio<\/a>\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/complete-detox-starter-package\/\">Comprar ahora<\/a>\n <\/div>\n <div class=\"vida-sabia-mobile-menu-buttons\">\n <a href=\"\/es\/c_login\/\" class=\"vida-sabia-btn vida-sabia-btn-secondary\" id=\"mobileLoginLink\">Iniciar sesi\u00f3n<\/a>\n \n \n <a href=\"\/es\/my-account\/\" class=\"vida-sabia-btn vida-sabia-btn-primary vida-sabia-btn-myaccount-mobile\" id=\"mobileMyAccountBtn\">Mi cuenta<\/a>\n \n <div class=\"vida-sabia-locale-switcher-wrapper\" id=\"vida-sabiaLocaleSwitcherMobile\" style=\"margin-top: 0.5rem;\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/center><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ================================\n\/\/ VIDA SABIA HEADER SCRIPTS\n\/\/ All namespaced to avoid conflicts\n\/\/ ================================\n(function() {\n 'use strict';\n \n const header = document.getElementById('vida-sabiaHeader');\n const hamburger = document.getElementById('vida-sabiaHamburger');\n const mobileMenu = document.getElementById('vida-sabiaMobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.vida-sabia-mobile-menu .vida-sabia-mobile-menu-links a');\n const body = document.body;\n\n \/\/ Function to dynamically set body padding based on header height\n function adjustBodyPadding() {\n if (header) {\n const headerHeight = header.offsetHeight;\n body.style.paddingTop = headerHeight + 'px';\n }\n }\n\n \/\/ Adjust padding on load and resize\n adjustBodyPadding();\n window.addEventListener('resize', adjustBodyPadding);\n window.addEventListener('load', adjustBodyPadding);\n\n \/\/ Mobile Navigation Toggle\n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n \/\/ Close menu when clicking a link\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n \/\/ Close menu when clicking outside\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n\n \/\/ Header Scroll Effect\n window.addEventListener('scroll', function() {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ WordPress Integration - Handle Login\/Logout and My Account\n function setupAuthButtons() {\n const isLoggedIn = window.wpUserLoggedIn || document.body.classList.contains('logged-in');\n \n \/\/ Get elements\n const desktopLoginLink = document.getElementById('desktopLoginLink');\n const mobileLoginLink = document.getElementById('mobileLoginLink');\n const desktopMyAccountBtn = document.getElementById('desktopMyAccountBtn');\n const mobileMyAccountBtn = document.getElementById('mobileMyAccountBtn');\n \n if (isLoggedIn) {\n \/\/ User is logged in\n header.classList.add('logged-in');\n \n const logoutUrl = window.wpLogoutUrl || '\/wp-login.php?action=logout';\n const myAccountUrl = '\/my-account';\n \n \/\/ Update login links to logout\n if (desktopLoginLink) {\n desktopLoginLink.textContent = 'Log Out';\n desktopLoginLink.href = logoutUrl;\n }\n if (mobileLoginLink) {\n mobileLoginLink.textContent = 'Log Out';\n mobileLoginLink.href = logoutUrl;\n }\n \n \/\/ Update My Account buttons URLs\n if (desktopMyAccountBtn) {\n desktopMyAccountBtn.href = myAccountUrl;\n }\n if (mobileMyAccountBtn) {\n mobileMyAccountBtn.href = myAccountUrl;\n }\n } else {\n \/\/ User is not logged in - My Account buttons remain hidden via CSS\n header.classList.remove('logged-in');\n }\n }\n \n \/\/ Run auth setup on different events to ensure it catches the login state\n setupAuthButtons();\n document.addEventListener('DOMContentLoaded', setupAuthButtons);\n window.addEventListener('load', setupAuthButtons);\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Detox Starter Package - Vida Sabia Click to enlarge Free Shipping Money-Back Guarantee BEST VALUE Complete Detox Starter Package \u2605\u2605\u2605\u2605\u2605 (2,847 verified reviews) $999.99 Save $200 vs. buying separately Complete 60-day detox protocol 6 premium products included 4 complete treatment cycles 100% natural ingredients Secure checkout \u00b7 SSL encrypted VISA AMEX DISCOVER Verified Secure 256-bit […]<\/p>","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"product_brand":[],"product_cat":[15],"product_tag":[],"class_list":{"0":"post-68331","1":"product","2":"type-product","3":"status-publish","5":"product_cat-uncategorized","7":"first","8":"instock","9":"purchasable","10":"product-type-simple"},"_links":{"self":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product\/68331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/comments?post=68331"}],"version-history":[{"count":5,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product\/68331\/revisions"}],"predecessor-version":[{"id":69024,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product\/68331\/revisions\/69024"}],"wp:attachment":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/media?parent=68331"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product_brand?post=68331"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product_cat?post=68331"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product_tag?post=68331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Detox Starter Package - Vida Sabia<\/title>\n \n <style>\n \/* Global Reset & Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: #ffffff;\n overflow-x: hidden;\n max-width: 100%;\n }\n\n \/* Prevent horizontal overflow *\/\n html {\n overflow-x: hidden;\n max-width: 100vw;\n }\n\n * {\n max-width: 100%;\n }\n\n \/* Color Palette *\/\n :root {\n --primary-dark-green: #2d7a3e;\n --primary-leaf-green: #7cb342;\n --primary-lime-green: #9ccc65;\n --primary-yellow-green: #d4e157;\n \n --secondary-forest: #1b5e20;\n --secondary-amber: #fbc02d;\n --secondary-mint: #81c784;\n \n --dark-navy: #1a1a2e;\n --dark-slate: #2d3748;\n --medium-gray: #64748b;\n --light-gray: #e2e8f0;\n --ultra-light: #f8fafc;\n --white: #ffffff;\n \n --gradient-primary: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%);\n --gradient-secondary: linear-gradient(135deg, #9ccc65 0%, #7cb342 100%);\n --gradient-accent: linear-gradient(135deg, #d4e157 0%, #9ccc65 100%);\n \n --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\n --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\n --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);\n --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.15);\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.9);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-20px);\n }\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Purchase Landing Section *\/\n .purchase-landing {\n background: linear-gradient(180deg, #ffffff 0%, #f8fdf5 100%);\n padding: 40px 0 80px;\n border-bottom: 1px solid var(--light-gray);\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n }\n\n .purchase-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: start;\n margin-top: 40px;\n width: 100%;\n max-width: 100%;\n }\n\n \/* Left: Product Visual *\/\n .purchase-visual {\n position: sticky;\n top: 20px;\n }\n\n .product-showcase-main {\n background: white;\n border-radius: 24px;\n padding: 40px;\n box-shadow: var(--shadow-lg);\n border: 2px solid var(--light-gray);\n }\n\n .product-images-grid {\n margin-bottom: 30px;\n }\n\n .main-product-image {\n width: 100%;\n height: 350px;\n background: var(--ultra-light);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n overflow: hidden;\n cursor: zoom-in;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .main-product-image:hover {\n box-shadow: var(--shadow-md);\n }\n\n .main-product-image img {\n width: 70%;\n height: 70%;\n object-fit: contain;\n transition: transform 0.3s ease;\n }\n\n .main-product-image:hover img {\n transform: scale(1.05);\n }\n\n .fullscreen-hint {\n position: absolute;\n bottom: 12px;\n right: 12px;\n background: rgba(0, 0, 0, 0.7);\n color: white;\n padding: 6px 12px;\n border-radius: 8px;\n font-size: 12px;\n display: flex;\n align-items: center;\n gap: 6px;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .main-product-image:hover .fullscreen-hint {\n opacity: 1;\n }\n\n .product-thumbnails {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n }\n\n .product-thumbnails img {\n width: 100%;\n height: 80px;\n object-fit: contain;\n background: var(--ultra-light);\n border-radius: 12px;\n padding: 10px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .product-thumbnails img:hover {\n border-color: var(--primary-leaf-green);\n transform: translateY(-2px);\n }\n\n .product-thumbnails img.active {\n border-color: var(--primary-leaf-green);\n background: white;\n box-shadow: var(--shadow-sm);\n }\n\n \/* Lightbox Styles *\/\n .lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.95);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n animation: fadeIn 0.3s ease;\n }\n\n .lightbox.active {\n display: flex;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .lightbox-content {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n animation: zoomIn 0.3s ease;\n }\n\n @keyframes zoomIn {\n from { transform: scale(0.8); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n\n .lightbox-image {\n max-width: 100%;\n max-height: 90vh;\n object-fit: contain;\n border-radius: 8px;\n }\n\n .lightbox-close {\n position: absolute;\n top: -50px;\n right: 0;\n background: white;\n border: none;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: var(--dark-navy);\n transition: all 0.3s ease;\n box-shadow: var(--shadow-lg);\n }\n\n .lightbox-close:hover {\n background: var(--primary-leaf-green);\n color: white;\n transform: rotate(90deg);\n }\n\n .lightbox-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: var(--dark-navy);\n transition: all 0.3s ease;\n box-shadow: var(--shadow-lg);\n }\n\n .lightbox-nav:hover {\n background: var(--primary-leaf-green);\n color: white;\n }\n\n .lightbox-prev {\n left: -70px;\n }\n\n .lightbox-next {\n right: -70px;\n }\n\n .lightbox-counter {\n position: absolute;\n bottom: -50px;\n left: 50%;\n transform: translateX(-50%);\n background: white;\n padding: 8px 20px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 700;\n color: var(--dark-navy);\n box-shadow: var(--shadow-md);\n }\n\n .trust-indicators {\n display: flex;\n gap: 20px;\n padding-top: 20px;\n border-top: 1px solid var(--light-gray);\n }\n\n .trust-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--dark-slate);\n font-weight: 600;\n }\n\n .trust-item svg {\n color: var(--primary-leaf-green);\n }\n\n \/* Right: Purchase Form *\/\n .purchase-form-container {\n background: white;\n border-radius: 24px;\n padding: 50px;\n box-shadow: var(--shadow-xl);\n border: 3px solid var(--light-gray);\n position: relative;\n }\n\n .purchase-form-container .showcase-badge-top {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--gradient-primary);\n color: white;\n padding: 8px 20px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n }\n\n .purchase-header {\n margin-bottom: 30px;\n }\n\n .purchase-title {\n font-size: 36px;\n font-weight: 800;\n color: var(--dark-navy);\n margin-bottom: 16px;\n line-height: 1.2;\n }\n\n .purchase-rating {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .stars {\n color: var(--secondary-amber);\n font-size: 20px;\n }\n\n .rating-count {\n color: var(--medium-gray);\n font-size: 14px;\n }\n\n .price-display {\n background: var(--ultra-light);\n padding: 25px;\n border-radius: 16px;\n margin-bottom: 30px;\n }\n\n .price-main {\n margin-bottom: 12px;\n }\n\n .price-info {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .price-value {\n font-size: 56px;\n font-weight: 800;\n color: var(--primary-dark-green);\n line-height: 1;\n }\n\n .price-savings {\n margin-top: 12px;\n }\n\n .savings-badge {\n display: inline-block;\n background: var(--gradient-secondary);\n color: white;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 700;\n }\n\n .package-highlights {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 30px;\n }\n\n .highlight-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 15px;\n color: var(--dark-slate);\n font-weight: 600;\n }\n\n .highlight-item svg {\n color: var(--primary-leaf-green);\n flex-shrink: 0;\n }\n\n .add-to-cart-button {\n width: 100%;\n padding: 20px;\n background: var(--gradient-primary);\n color: white;\n font-size: 18px;\n font-weight: 700;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n box-shadow: var(--shadow-lg);\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-bottom: 20px;\n }\n\n .add-to-cart-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(124, 179, 66, 0.4);\n }\n\n .add-to-cart-button:active {\n transform: translateY(-1px);\n }\n\n .secure-checkout {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: var(--medium-gray);\n font-size: 14px;\n margin-bottom: 25px;\n padding-bottom: 25px;\n border-bottom: 1px solid var(--light-gray);\n }\n\n .secure-checkout svg {\n color: var(--primary-leaf-green);\n }\n\n .guarantee-badge {\n display: flex;\n gap: 16px;\n align-items: start;\n background: linear-gradient(135deg, #f1f8e9 0%, #e8f5e9 100%);\n padding: 20px;\n border-radius: 16px;\n border: 2px solid var(--primary-lime-green);\n }\n\n .guarantee-badge svg {\n color: var(--primary-leaf-green);\n flex-shrink: 0;\n }\n\n .guarantee-badge strong {\n display: block;\n font-size: 16px;\n color: var(--dark-navy);\n margin-bottom: 4px;\n }\n\n .guarantee-badge p {\n font-size: 13px;\n color: var(--medium-gray);\n margin: 0;\n }\n\n \/* Payment Badges *\/\n .payment-badges {\n background: var(--ultra-light);\n padding: 20px;\n border-radius: 16px;\n border: 2px solid var(--light-gray);\n }\n\n .payment-cards {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n flex-wrap: wrap;\n }\n\n .card-icon {\n height: 32px;\n width: 50px;\n opacity: 0.9;\n transition: opacity 0.3s ease;\n border-radius: 4px;\n }\n\n .card-badge {\n height: 32px;\n width: 50px;\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 10px;\n letter-spacing: 0.5px;\n }\n\n .card-badge.visa {\n background: #1A1F71;\n color: white;\n font-style: italic;\n font-size: 14px;\n }\n\n .card-badge.mastercard {\n background: #f5f5f5;\n border: 1px solid #e0e0e0;\n }\n\n .mc-circles {\n display: flex;\n align-items: center;\n }\n\n .mc-red {\n width: 18px;\n height: 18px;\n background: #EB001B;\n border-radius: 50%;\n margin-right: -6px;\n }\n\n .mc-yellow {\n width: 18px;\n height: 18px;\n background: #F79E1B;\n border-radius: 50%;\n }\n\n .card-badge.amex {\n background: #006FCF;\n color: white;\n font-size: 9px;\n }\n\n .card-badge.discover {\n background: #F47216;\n color: white;\n font-size: 7px;\n letter-spacing: 0.3px;\n }\n\n .card-icon:hover {\n opacity: 1;\n }\n\n .security-badges {\n display: flex;\n justify-content: center;\n gap: 20px;\n padding-top: 12px;\n border-top: 1px solid var(--light-gray);\n }\n\n .security-item {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--medium-gray);\n font-weight: 600;\n }\n\n .security-item svg {\n color: var(--primary-leaf-green);\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Hero Section *\/\n .hero-section {\n background: linear-gradient(180deg, #f1f8e9 0%, #ffffff 100%);\n padding: 80px 0 60px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-decoration {\n position: absolute;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(124, 179, 66, 0.1) 0%, transparent 70%);\n }\n\n .hero-decoration-1 {\n top: -200px;\n right: -100px;\n }\n\n .hero-decoration-2 {\n bottom: -200px;\n left: -100px;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n animation: fadeInUp 1s ease;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 24px;\n background: white;\n border-radius: 50px;\n border: 2px solid var(--primary-leaf-green);\n margin-bottom: 30px;\n box-shadow: var(--shadow-sm);\n }\n\n .badge-dot {\n width: 8px;\n height: 8px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .badge-text {\n font-size: 13px;\n font-weight: 700;\n color: var(--primary-dark-green);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-title {\n font-size: 64px;\n font-weight: 800;\n line-height: 1.1;\n margin-bottom: 24px;\n color: var(--dark-navy);\n }\n\n .hero-title .highlight {\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero-subtitle {\n font-size: 22px;\n color: var(--medium-gray);\n max-width: 700px;\n margin: 0 auto 50px;\n line-height: 1.7;\n }\n\n \/* Stats Bar *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n gap: 60px;\n margin-top: 50px;\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-size: 42px;\n font-weight: 800;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: block;\n margin-bottom: 8px;\n }\n\n .stat-label {\n font-size: 14px;\n color: var(--medium-gray);\n font-weight: 600;\n }\n\n \/* Package Card Section *\/\n .package-section {\n padding: 80px 0;\n background: white;\n }\n\n .section-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: start;\n }\n\n \/* Left Column - Package Details *\/\n .package-card {\n background: white;\n border-radius: 30px;\n padding: 50px;\n box-shadow: var(--shadow-xl);\n border: 3px solid var(--light-gray);\n position: sticky;\n top: 20px;\n }\n\n .price-section {\n background: var(--gradient-primary);\n padding: 35px;\n border-radius: 20px;\n margin-bottom: 40px;\n text-align: center;\n }\n\n .price-label {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.9);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 12px;\n }\n\n .price-amount {\n font-size: 64px;\n font-weight: 800;\n color: white;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n }\n\n .price-note {\n font-size: 14px;\n color: rgba(255, 255, 255, 0.85);\n margin-top: 12px;\n }\n\n .included-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 30px;\n }\n\n .included-icon {\n width: 32px;\n height: 32px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n }\n\n .included-title {\n font-size: 20px;\n font-weight: 700;\n color: var(--dark-navy);\n }\n\n .product-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .product-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px;\n background: var(--ultra-light);\n border-radius: 16px;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .product-item:hover {\n background: white;\n border-color: var(--primary-lime-green);\n box-shadow: var(--shadow-md);\n transform: translateX(5px);\n }\n\n .product-quantity {\n width: 48px;\n height: 48px;\n background: var(--gradient-primary);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 800;\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .product-image-wrapper {\n width: 70px;\n height: 70px;\n flex-shrink: 0;\n border-radius: 12px;\n overflow: hidden;\n background: white;\n box-shadow: var(--shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .product-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 6px;\n }\n\n .product-details {\n flex: 1;\n }\n\n .product-name {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .product-icon {\n width: 20px;\n height: 20px;\n fill: currentColor;\n }\n\n .product-icon.green { color: #4caf50; }\n .product-icon.purple { color: #9c27b0; }\n .product-icon.orange { color: #ff9800; }\n .product-icon.tea { color: #795548; }\n .product-icon.blue { color: #2196f3; }\n .product-icon.coffee { color: #6d4c41; }\n\n .product-subtitle {\n font-size: 13px;\n color: var(--medium-gray);\n }\n\n .kit-note {\n background: linear-gradient(135deg, #fff9e6 0%, #fef5d0 100%);\n padding: 20px;\n border-radius: 16px;\n margin-top: 24px;\n border-left: 4px solid var(--secondary-amber);\n }\n\n .kit-note-text {\n font-size: 14px;\n color: var(--dark-slate);\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .kit-note-icon {\n width: 20px;\n height: 20px;\n fill: var(--secondary-amber);\n flex-shrink: 0;\n }\n\n .cta-button {\n width: 100%;\n padding: 20px;\n background: var(--gradient-primary);\n color: white;\n font-size: 18px;\n font-weight: 700;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n margin-top: 30px;\n box-shadow: var(--shadow-lg);\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(124, 179, 66, 0.4);\n }\n\n .cta-icon {\n width: 20px;\n height: 20px;\n fill: white;\n }\n\n \/* Right Column - Information Cards *\/\n .info-column {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n\n \/* What You Get Section *\/\n .info-card {\n background: white;\n border-radius: 24px;\n padding: 40px;\n box-shadow: var(--shadow-md);\n border: 2px solid var(--light-gray);\n }\n\n .info-card-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 30px;\n }\n\n .info-icon {\n width: 56px;\n height: 56px;\n background: var(--gradient-secondary);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n }\n\n .info-icon svg {\n width: 28px;\n height: 28px;\n fill: white;\n }\n\n .info-card-title {\n font-size: 24px;\n font-weight: 700;\n color: var(--dark-navy);\n }\n\n .benefit-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .benefit-item {\n display: flex;\n gap: 16px;\n align-items: start;\n }\n\n .benefit-icon {\n width: 28px;\n height: 28px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .benefit-icon svg {\n width: 14px;\n height: 14px;\n fill: white;\n }\n\n .benefit-text {\n flex: 1;\n }\n\n .benefit-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 6px;\n }\n\n .benefit-description {\n font-size: 14px;\n color: var(--medium-gray);\n line-height: 1.6;\n }\n\n \/* How It Works Section *\/\n .how-it-works {\n padding: 100px 0;\n background: linear-gradient(180deg, #ffffff 0%, #f1f8e9 50%, #ffffff 100%);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 70px;\n }\n\n .section-title {\n font-size: 48px;\n font-weight: 800;\n color: var(--dark-navy);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 20px;\n color: var(--medium-gray);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .steps-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n position: relative;\n }\n\n .step-card {\n background: white;\n padding: 40px 30px;\n border-radius: 20px;\n box-shadow: var(--shadow-md);\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .step-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-xl);\n border-color: var(--primary-leaf-green);\n }\n\n .step-number {\n width: 60px;\n height: 60px;\n background: var(--gradient-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 28px;\n font-weight: 800;\n margin: 0 auto 24px;\n box-shadow: var(--shadow-md);\n }\n\n .step-title {\n font-size: 18px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 12px;\n }\n\n .step-description {\n font-size: 14px;\n color: var(--medium-gray);\n line-height: 1.6;\n }\n\n \/* Product Showcase Section *\/\n .product-showcase {\n padding: 100px 0;\n background: white;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .showcase-card {\n background: white;\n border-radius: 24px;\n padding: 35px;\n box-shadow: var(--shadow-lg);\n transition: all 0.4s ease;\n border: 3px solid var(--light-gray);\n }\n\n .showcase-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-xl);\n border-color: var(--primary-leaf-green);\n }\n\n .showcase-image {\n width: 100%;\n height: 200px;\n background: var(--ultra-light);\n border-radius: 16px;\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .showcase-image img {\n width: 80%;\n height: 80%;\n object-fit: contain;\n }\n\n .showcase-badge {\n display: inline-block;\n padding: 6px 16px;\n background: var(--gradient-secondary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n border-radius: 20px;\n margin-bottom: 16px;\n }\n\n .showcase-title {\n font-size: 20px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 12px;\n }\n\n .showcase-description {\n font-size: 14px;\n color: var(--medium-gray);\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .showcase-features {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .feature-tag {\n padding: 6px 12px;\n background: var(--ultra-light);\n border-radius: 8px;\n font-size: 12px;\n color: var(--dark-slate);\n font-weight: 600;\n }\n\n \/* Testimonials Section *\/\n .testimonials-section {\n padding: 100px 0;\n background: linear-gradient(180deg, #f1f8e9 0%, #ffffff 100%);\n }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .testimonial-card {\n background: white;\n padding: 35px;\n border-radius: 20px;\n box-shadow: var(--shadow-md);\n border: 2px solid var(--light-gray);\n }\n\n .testimonial-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 20px;\n }\n\n .testimonial-avatar {\n width: 56px;\n height: 56px;\n background: var(--gradient-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: 700;\n }\n\n .testimonial-info {\n flex: 1;\n }\n\n .testimonial-name {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n margin-bottom: 4px;\n }\n\n .testimonial-role {\n font-size: 13px;\n color: var(--medium-gray);\n }\n\n .testimonial-stars {\n color: var(--secondary-amber);\n font-size: 18px;\n margin-bottom: 16px;\n }\n\n .testimonial-text {\n font-size: 14px;\n color: var(--dark-slate);\n line-height: 1.7;\n font-style: italic;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n padding: 100px 0;\n background: white;\n }\n\n .faq-list {\n max-width: 900px;\n margin: 60px auto 0;\n }\n\n .faq-item {\n background: white;\n border-radius: 16px;\n margin-bottom: 20px;\n box-shadow: var(--shadow-md);\n border: 2px solid var(--light-gray);\n overflow: hidden;\n }\n\n .faq-question {\n padding: 24px 30px;\n font-size: 18px;\n font-weight: 700;\n color: var(--dark-navy);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n background: var(--ultra-light);\n }\n\n .faq-toggle {\n width: 24px;\n height: 24px;\n background: var(--primary-leaf-green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n transition: transform 0.3s ease;\n }\n\n .faq-item.active .faq-toggle {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n padding: 0 30px 24px 30px;\n font-size: 15px;\n color: var(--medium-gray);\n line-height: 1.7;\n display: none;\n }\n\n .faq-item.active .faq-answer {\n display: block;\n }\n\n \/* Quality Badges *\/\n .quality-section {\n padding: 60px 0;\n background: var(--ultra-light);\n }\n\n .quality-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .quality-badge {\n background: white;\n padding: 30px;\n border-radius: 16px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n border: 2px solid var(--light-gray);\n }\n\n .quality-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 16px;\n color: var(--primary-leaf-green);\n }\n\n .quality-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark-navy);\n line-height: 1.3;\n }\n\n \/* Final CTA Section *\/\n .final-cta {\n padding: 100px 0;\n background: var(--gradient-primary);\n text-align: center;\n color: white;\n }\n\n .final-cta-title {\n font-size: 48px;\n font-weight: 800;\n margin-bottom: 20px;\n }\n\n .final-cta-subtitle {\n font-size: 20px;\n margin-bottom: 40px;\n opacity: 0.9;\n }\n\n .final-cta-button {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 22px 50px;\n background: white;\n color: var(--primary-dark-green);\n font-size: 18px;\n font-weight: 700;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n }\n\n .final-cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n }\n\n .final-cta-button svg {\n width: 20px;\n height: 20px;\n fill: currentColor;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .hero-title {\n font-size: 48px;\n }\n\n .purchase-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .purchase-visual {\n position: static;\n }\n\n .section-grid {\n grid-template-columns: 1fr;\n }\n\n .package-card {\n position: static;\n }\n\n .steps-grid,\n .products-grid,\n .testimonials-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .quality-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 36px;\n }\n\n .purchase-landing {\n padding: 20px 0 60px;\n }\n\n .container {\n padding: 0 15px;\n }\n\n .purchase-title {\n font-size: 28px;\n padding-right: 0;\n margin-bottom: 50px;\n }\n\n .purchase-form-container {\n padding: 30px 20px;\n width: 100%;\n }\n\n .purchase-form-container .showcase-badge-top {\n position: static;\n display: inline-block;\n margin-bottom: 20px;\n }\n\n .price-value {\n font-size: 42px;\n }\n\n \/* Product Showcase - Wider and Bigger Images on Mobile *\/\n .product-showcase-main {\n padding: 30px 20px;\n margin: 0;\n width: 100%;\n }\n\n .main-product-image {\n height: 450px;\n margin-bottom: 25px;\n width: 100%;\n }\n\n .main-product-image img {\n width: 85%;\n height: 85%;\n }\n\n .product-thumbnails {\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n width: 100%;\n }\n\n .product-thumbnails img {\n height: 120px;\n padding: 12px;\n width: 100%;\n }\n\n .trust-indicators {\n flex-direction: column;\n gap: 12px;\n }\n\n .stats-bar {\n flex-direction: column;\n gap: 30px;\n }\n\n .steps-grid,\n .products-grid,\n .testimonials-grid,\n .quality-grid {\n grid-template-columns: 1fr;\n }\n\n .section-title {\n font-size: 36px;\n }\n\n \/* Lightbox adjustments for mobile *\/\n .lightbox-prev {\n left: 10px;\n }\n\n .lightbox-next {\n right: 10px;\n }\n\n .lightbox-close {\n top: 10px;\n right: 10px;\n }\n }\n\n \/* Smooth scroll behavior *\/\n html {\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"purchase-landing\" id=\"add-to-cart-section\">\n <div class=\"container\">\n <div class=\"purchase-grid\">\n \n <div class=\"purchase-visual\">\n <div class=\"product-showcase-main\">\n <div class=\"product-images-grid\">\n <div class=\"main-product-image\" onclick=\"openLightbox(0)\">\n <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Detox Package\">\n <div class=\"fullscreen-hint\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\n <\/svg>\n Haga clic para ampliar\n <\/div>\n <\/div>\n <div class=\"product-thumbnails\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Hepa Pure\" class=\"active\" onclick=\"changeImage(this, 0)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"Hepa Flow\" onclick=\"changeImage(this, 1)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"Hepa Guard\" onclick=\"changeImage(this, 2)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\" onclick=\"changeImage(this, 3)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp\" alt=\"DailyPro\" onclick=\"changeImage(this, 4)\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost Caf\u00e9\" onclick=\"changeImage(this, 5)\">\n <\/div>\n <\/div>\n <div class=\"trust-indicators\">\n <div class=\"trust-item\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <span>Env\u00edo gratuito<\/span>\n <\/div>\n <div class=\"trust-item\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <span>Garant\u00eda de devoluci\u00f3n del dinero<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"purchase-form-container\">\n <div class=\"showcase-badge-top\">MEJOR VALOR<\/div>\n <div class=\"purchase-header\">\n <h1 class=\"purchase-title\">Paquete b\u00e1sico de desintoxicaci\u00f3n completa<\/h1>\n <div class=\"purchase-rating\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <span class=\"rating-count\">(2.847 opiniones verificadas)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"price-display\">\n <div class=\"price-main\">\n <div class=\"price-info\">\n <span class=\"price-value\">$999.99<\/span>\n <\/div>\n <\/div>\n <div class=\"price-savings\">\n <span class=\"savings-badge\">Ahorre $200 frente a la compra por separado<\/span>\n <\/div>\n <\/div>\n\n <div class=\"package-highlights\">\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>Protocolo completo de desintoxicaci\u00f3n de 60 d\u00edas<\/span>\n <\/div>\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>6 productos premium incluidos<\/span>\n <\/div>\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>4 ciclos completos de tratamiento<\/span>\n <\/div>\n <div class=\"highlight-item\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <span>100% ingredientes naturales<\/span>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 20px;\">\n <div class=\"custom-add-to-cart-wrapper center-wrapper\" data-product-id=\"68331\">\n \n \n \n\n \n <a href=\"https:\/\/vida-sabia.com\/es\/?buy_now=68331\" class=\"custom-add-to-cart-btn buy-now-btn\">\n Comprar ahora <\/a>\n\n <\/div>\n \n <style>\n.custom-add-to-cart-wrapper {\n width: 100%; \/* Make the container fill its column *\/\n max-width: 350px; \/* Set a max width to match your layout *\/\n padding: 0 20px 20px 20px;\n background: #fff;\n border-radius: 12px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.custom-add-to-cart-wrapper.center-wrapper {\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n}\n\t\n.custom-price-display {\n font-size: 24px;\n font-weight: 600;\n margin-bottom: 15px;\n color: #333;\n}\n\t\n.custom-price-display del {\n opacity: 0.5;\n font-size: 18px;\n margin-right: 10px;\n}\n\t\n.custom-price-display ins {\n text-decoration: none;\n color: #7FBF3F;\n}\n\t\n.custom-stock-display {\n margin-bottom: 15px;\n font-size: 14px;\n}\n\t\n.custom-stock-display .in-stock {\n color: #7FBF3F;\n font-weight: 500;\n}\n\t\n.custom-variation-selector {\n margin-bottom: 15px;\n}\n\t\n.custom-variation-selector label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n font-size: 14px;\n color: #666;\n}\n\t\n.custom-variation-select {\n width: 100%;\n padding: 10px 12px;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 15px;\n background: #fff;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\t\n.custom-variation-select:focus {\n outline: none;\n border-color: #7FBF3F;\n box-shadow: 0 0 0 3px rgba(127, 191, 63, 0.1);\n}\n\t\n.custom-variation-price {\n margin: 15px 0;\n font-size: 20px;\n font-weight: 600;\n color: #7FBF3F;\n}\n\t\n.custom-variation-description {\n margin: 15px 0;\n padding: 12px;\n background: #f8f9fa;\n border-radius: 8px;\n font-size: 14px;\n color: #666;\n}\n\t\n.custom-quantity-wrapper {\n margin: 20px 0;\n}\n\t\n.custom-quantity-wrapper label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n font-size: 14px;\n color: #666;\n}\n\t\n.custom-quantity-selector {\n display: inline-flex;\n align-items: center;\n background: #f5f5f5;\n border-radius: 8px;\n overflow: hidden;\n border: 2px solid #e0e0e0;\n}\n\t\n.qty-btn {\n width: 40px;\n height: 40px;\n border: none;\n background: transparent;\n cursor: pointer;\n font-size: 20px;\n color: #666;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\t\n.qty-btn:hover {\n background: #7FBF3F;\n color: white;\n}\n\t\n.custom-qty-input {\n width: 60px;\n text-align: center;\n border: none;\n background: transparent;\n font-size: 16px;\n font-weight: 600;\n padding: 0 10px;\n}\n\t\n.custom-qty-input::-webkit-inner-spin-button,\n.custom-qty-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\t\n.custom-add-to-cart-btn {\n width: 100%;\n padding: 16px 24px; \/* Increased top\/bottom padding for a taller button *\/\n background: linear-gradient(135deg, #7FBF3F 0%, #6FA535 100%);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 700; \/* Made font a little bolder *\/\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n text-align: center; \/* Ensures text is centered for <a> tags *\/\n text-decoration: none; \/* Removes underline from <a> tags *\/\n display: block; \/* Ensures <a> tag behaves like a block *\/\n}\n\t\n.custom-add-to-cart-btn:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(127, 191, 63, 0.4);\n}\n\t\n.custom-add-to-cart-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\t\n.custom-add-to-cart-btn.loading {\n color: transparent;\n}\n\t\n.custom-add-to-cart-btn.loading::after {\n content: '';\n position: absolute;\n width: 20px;\n height: 20px;\n top: 50%;\n left: 50%;\n margin-left: -10px;\n margin-top: -10px;\n border: 2px solid #fff;\n border-radius: 50%;\n border-top-color: transparent;\n animation: spinner 0.8s linear infinite;\n}\n\t\n.custom-add-to-cart-btn.added {\n background: #4CAF50;\n}\n\t\n.custom-add-to-cart-btn.added::before {\n content: '\u2713 ';\n}\n\t\n@keyframes spinner {\n to { transform: rotate(360deg); }\n}\n\t\n\/* Grouped Products *\/\n.grouped-product-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #e0e0e0;\n}\n\t\n.grouped-product-item label {\n flex: 1;\n font-size: 14px;\n}\n\t\n.grouped-qty {\n width: 60px;\n padding: 5px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\t\n\/* Responsive *\/\n@media (max-width: 480px) {\n .custom-add-to-cart-wrapper {\n padding: 5px 15px 15px 15px; \/* Or whatever top padding you chose *\/\n }\n \n .custom-price-display {\n font-size: 20px;\n }\n}\n<\/style>\n \n <script>\n jQuery(function($) {\n \/\/ Initialize each custom add to cart form\n $('.custom-add-to-cart-wrapper').each(function() {\n var $wrapper = $(this);\n var productId = $wrapper.data('product-id');\n \n \/\/ Quantity selector\n $wrapper.on('click', '.qty-btn', function() {\n var $btn = $(this);\n var $input = $wrapper.find('.custom-qty-input');\n var currentVal = parseInt($input.val()) || 1;\n var max = parseInt($input.attr('max')) || 9999;\n \n if ($btn.hasClass('plus')) {\n if (currentVal < max) {\n $input.val(currentVal + 1).trigger('change');\n }\n } else {\n if (currentVal > 1) {\n $input.val(currentVal - 1).trigger('change');\n }\n }\n });\n \n \/\/ Update data-quantity attribute when quantity changes\n $wrapper.on('change', '.custom-qty-input', function() {\n var qty = $(this).val();\n $wrapper.find('.custom-add-to-cart-btn').attr('data-quantity', qty);\n $wrapper.find('a.buy-now-btn').attr('href', 'https:\/\/vida-sabia.com\/es\/?buy_now=68331&quantity=' + qty);\n });\n \n \/\/ Variable product handling\n if ($wrapper.find('.custom-variations-form').length) {\n var $form = $wrapper.find('.custom-variations-form');\n var variationsData = JSON.parse($form.find('.variations_data').html());\n \n $form.on('change', '.custom-variation-select', function() {\n var attributes = {};\n var allSelected = true;\n \n $form.find('.custom-variation-select').each(function() {\n var attributeName = $(this).attr('name');\n var value = $(this).val();\n \n if (value) {\n attributes[attributeName] = value;\n } else {\n allSelected = false;\n }\n });\n \n if (allSelected) {\n \/\/ Find matching variation\n var matchingVariation = findMatchingVariation(variationsData, attributes);\n \n if (matchingVariation) {\n \/\/ Update variation ID\n $form.find('.variation_id').val(matchingVariation.variation_id);\n \n \/\/ Update price\n if (matchingVariation.price_html) {\n $wrapper.find('.custom-variation-price').html(matchingVariation.price_html).show();\n $wrapper.find('.custom-price-display').hide();\n }\n \n \/\/ Update description\n if (matchingVariation.variation_description) {\n $wrapper.find('.custom-variation-description').html(matchingVariation.variation_description).show();\n } else {\n $wrapper.find('.custom-variation-description').hide();\n }\n \n\/\/ Update stock and button text\nvar $button = $form.find('.custom-add-to-cart-btn');\nif (!$button.data('original-text')) {\n $button.data('original-text', $button.text());\n}\n\nif (matchingVariation.is_in_stock) {\n $button.prop('disabled', false).text($button.data('original-text'));\n} else {\n $button.prop('disabled', true).text('Out of stock');\n}\n \n \/\/ Update max quantity\n if (matchingVariation.max_qty) {\n $form.find('.custom-qty-input').attr('max', matchingVariation.max_qty);\n }\n }\n } else {\n var $button = $form.find('.custom-add-to-cart-btn');\n if (!$button.data('original-text')) {\n $button.data('original-text', $button.text());\n }\n $button.prop('disabled', true).text($button.data('original-text'));\n $form.find('.variation_id').val('');\n $wrapper.find('.custom-variation-price').hide();\n $wrapper.find('.custom-variation-description').hide();\n $wrapper.find('.custom-price-display').show();\n}\n });\n \n \/\/ Handle variation form submission\n $form.on('submit', function(e) {\n e.preventDefault();\n \n var variationId = $form.find('.variation_id').val();\n if (!variationId) {\n alert('Please select product options');\n return;\n }\n \n var $button = $form.find('.custom-add-to-cart-btn');\n var quantity = $form.find('.custom-qty-input').val() || 1;\n \n $button.addClass('loading');\n \n var data = {\n action: 'woocommerce_ajax_add_to_cart',\n product_id: productId,\n variation_id: variationId,\n quantity: quantity\n };\n \n \/\/ Add variation attributes\n $form.find('.custom-variation-select').each(function() {\n var name = $(this).attr('name');\n data[name] = $(this).val();\n });\n \n $.post(wc_add_to_cart_params.ajax_url, data, function(response) {\n if (response.error) {\n alert(response.error_message);\n $button.removeClass('loading');\n } else {\n $button.removeClass('loading').addClass('added').text('Added to cart!');\n \n \/\/ Trigger cart update\n $(document.body).trigger('added_to_cart', [response.fragments, response.cart_hash, $button]);\n \n setTimeout(function() {\n $button.removeClass('added').text($button.data('original-text') || 'Add to cart');\n }, 2000);\n }\n });\n });\n }\n \n \/\/ Simple product AJAX submission\n $wrapper.find('.custom-simple-form').on('submit', function(e) {\n e.preventDefault();\n \n var $form = $(this);\n var $button = $form.find('.custom-add-to-cart-btn');\n var quantity = $form.find('.custom-qty-input').val() || 1;\n \n $button.addClass('loading');\n \n $.post(wc_add_to_cart_params.ajax_url, {\n action: 'woocommerce_ajax_add_to_cart',\n product_id: productId,\n quantity: quantity\n }, function(response) {\n if (response.error) {\n alert(response.error_message);\n $button.removeClass('loading');\n } else {\n $button.removeClass('loading').addClass('added').text('Added to cart!');\n \n \/\/ Trigger cart update\n $(document.body).trigger('added_to_cart', [response.fragments, response.cart_hash, $button]);\n \n setTimeout(function() {\n $button.removeClass('added').text($button.data('original-text') || 'Add to cart');\n }, 2000);\n }\n });\n });\n });\n \n \/\/ Helper function to find matching variation\n function findMatchingVariation(variations, attributes) {\n for (var i = 0; i < variations.length; i++) {\n var variation = variations[i];\n var matched = true;\n \n for (var attrName in attributes) {\n var attrValue = attributes[attrName];\n var variationAttrName = attrName.replace('attribute_', '');\n \n if (variation.attributes['attribute_' + variationAttrName] !== attrValue && \n variation.attributes['attribute_' + variationAttrName] !== '') {\n matched = false;\n break;\n }\n }\n \n if (matched) {\n return variation;\n }\n }\n return null;\n }\n });\n <\/script>\n \n <\/div>\n\n <div class=\"secure-checkout\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\/>\n <\/svg>\n <span>Pago seguro: cifrado SSL<\/span>\n <\/div>\n\n <div class=\"payment-badges\">\n <div class=\"payment-cards\">\n \n <div class=\"card-badge visa\">\n <span>VISA<\/span>\n <\/div>\n \n <div class=\"card-badge mastercard\">\n <div class=\"mc-circles\">\n <span class=\"mc-red\"><\/span>\n <span class=\"mc-yellow\"><\/span>\n <\/div>\n <\/div>\n \n <div class=\"card-badge amex\">\n <span>AMEX<\/span>\n <\/div>\n \n <div class=\"card-badge discover\">\n <span>DESCUBRA<\/span>\n <\/div>\n <\/div>\n <div class=\"security-badges\">\n <div class=\"security-item\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <span>Seguridad verificada<\/span>\n <\/div>\n <div class=\"security-item\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\/>\n <\/svg>\n <span>SSL de 256 bits<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"hero-section\">\n <div class=\"hero-decoration hero-decoration-1\"><\/div>\n <div class=\"hero-decoration hero-decoration-2\"><\/div>\n \n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <div class=\"badge-dot\"><\/div>\n <span class=\"badge-text\">Paquete de inicio<\/span>\n <\/div>\n \n <h1 class=\"hero-title\">\n Transforme su salud con el<br>\n <span class=\"highlight\">Programa completo de desintoxicaci\u00f3n<\/span>\n <\/h1>\n \n <p class=\"hero-subtitle\">\n Experimente una renovaci\u00f3n corporal total con nuestro completo paquete de desintoxicaci\u00f3n.\n Dise\u00f1ado por expertos para limpiar, regenerar y revitalizar todos los sistemas de su cuerpo de forma natural y eficaz.\n <\/p>\n\n <div class=\"stats-bar\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">4<\/span>\n <span class=\"stat-label\">Ciclos completos<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">6<\/span>\n <span class=\"stat-label\">Productos Premium<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">100%<\/span>\n <span class=\"stat-label\">Natural<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"package-section\">\n <div class=\"container\">\n <div class=\"section-grid\">\n \n <div class=\"package-card\">\n <div class=\"price-section\">\n <div class=\"price-label\">Precio de distribuidor<\/div>\n <div class=\"price-amount\">$1,000<\/div>\n <div class=\"price-note\">Valor del paquete completo<\/div>\n <\/div>\n\n <div class=\"included-header\">\n <div class=\"included-icon\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"included-title\">Productos incluidos<\/h3>\n <\/div>\n\n <div class=\"product-list\">\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Hepa Pure\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon green\" viewbox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <\/svg>\n Hepa Puro\n <\/div>\n <div class=\"product-subtitle\">Desintoxicaci\u00f3n y regeneraci\u00f3n del h\u00edgado<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"Hepa Flow\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon purple\" viewbox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <\/svg>\n Flujo Hepa\n <\/div>\n <div class=\"product-subtitle\">Estimula la funci\u00f3n biliar<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"Hepa Guard\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon orange\" viewbox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <\/svg>\n Protector Hepa\n <\/div>\n <div class=\"product-subtitle\">Protecci\u00f3n hep\u00e1tica avanzada<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">2<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon tea\" viewbox=\"0 0 24 24\">\n <path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3z\"\/>\n <\/svg>\n RenovaT\u00e9\n <\/div>\n <div class=\"product-subtitle\">Limpieza digestiva natural<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp\" alt=\"DailyPro\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon blue\" viewbox=\"0 0 24 24\">\n <path d=\"M3 2l2.01 18.23C5.13 21.23 5.97 22 7 22h10c1.03 0 1.87-.77 1.99-1.77L21 2H3zm9 17c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z\"\/>\n <\/svg>\n DailyPro\n <\/div>\n <div class=\"product-subtitle\">Nutrici\u00f3n diaria completa<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-item\">\n <div class=\"product-quantity\">1<\/div>\n <div class=\"product-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost Caf\u00e9\" class=\"product-image\">\n <\/div>\n <div class=\"product-details\">\n <div class=\"product-name\">\n <svg class=\"product-icon coffee\" viewbox=\"0 0 24 24\">\n <path d=\"M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 5h-2V5h2v3z\"\/>\n <\/svg>\n Caf\u00e9 NeuroBoost\n <\/div>\n <div class=\"product-subtitle\">Energ\u00eda y concentraci\u00f3n mental<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"kit-note\">\n <div class=\"kit-note-text\">\n <svg class=\"kit-note-icon\" viewbox=\"0 0 24 24\">\n <path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"\/>\n <\/svg>\n Incluye 4 KITS completos de productos para un protocolo de desintoxicaci\u00f3n eficaz\n <\/div>\n <\/div>\n\n <button class=\"cta-button\" onclick=\"scrollToTop()\">\n <svg class=\"cta-icon\" viewbox=\"0 0 24 24\">\n <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/>\n <\/svg>\n A\u00f1adir a la cesta\n <\/button>\n <\/div>\n\n \n <div class=\"info-column\">\n \n <div class=\"info-card\">\n <div class=\"info-card-header\">\n <div class=\"info-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"info-card-title\">Lo que obtiene<\/h3>\n <\/div>\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Desintoxicaci\u00f3n hep\u00e1tica completa<\/div>\n <div class=\"benefit-description\">Limpieza profunda y regeneraci\u00f3n de su \u00f3rgano m\u00e1s importante con la combinaci\u00f3n sin\u00e9rgica de Hepa Pure, Flow y Guard.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Limpieza digestiva natural<\/div>\n <div class=\"benefit-description\">RenovaT\u00e9 elimina las toxinas del sistema digestivo y act\u00faa como un limpiador natural del colon.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Nutrici\u00f3n completa<\/div>\n <div class=\"benefit-description\">DailyPro con 25 g de prote\u00ednas por raci\u00f3n, adem\u00e1s de vitaminas y minerales esenciales para su recuperaci\u00f3n.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Energ\u00eda mental sostenida<\/div>\n <div class=\"benefit-description\">NeuroBoost Caf\u00e9 con hongos adapt\u00f3genos para claridad mental y energ\u00eda sin los efectos negativos del caf\u00e9 tradicional.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"info-card\">\n <div class=\"info-card-header\">\n <div class=\"info-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"info-card-title\">Principales ventajas<\/h3>\n <\/div>\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Aumente su energ\u00eda<\/div>\n <div class=\"benefit-description\">Recupere su vitalidad natural y diga adi\u00f3s a la fatiga cr\u00f3nica.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Mejorar la digesti\u00f3n<\/div>\n <div class=\"benefit-description\">Elimina la hinchaz\u00f3n, los gases y las molestias digestivas.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Fortalecer el sistema inmunitario<\/div>\n <div class=\"benefit-description\">Protecci\u00f3n natural contra las enfermedades y mejor respuesta inmunitaria.<\/div>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>\n <\/svg>\n <\/div>\n <div class=\"benefit-text\">\n <div class=\"benefit-title\">Piel radiante<\/div>\n <div class=\"benefit-description\">La limpieza interna se refleja en una piel m\u00e1s clara y sana.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"how-it-works\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">C\u00f3mo funciona el programa<\/h2>\n <p class=\"section-subtitle\">\n Un protocolo completo dise\u00f1ado para obtener los m\u00e1ximos resultados en 4 fases de desintoxicaci\u00f3n\n <\/p>\n <\/div>\n\n <div class=\"steps-grid\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Preparaci\u00f3n<\/h3>\n <p class=\"step-description\">\n D\u00edas 1-7: Su cuerpo se prepara para la desintoxicaci\u00f3n con NeuroBoost Caf\u00e9 y DailyPro, optimizando su nutrici\u00f3n de base.\n <\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">Limpieza del h\u00edgado<\/h3>\n <p class=\"step-description\">\n D\u00edas 8-21: Hepa Pure, Flow y Guard trabajan sin\u00e9rgicamente para limpiar profundamente y regenerar su h\u00edgado.\n <\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Limpieza digestiva<\/h3>\n <p class=\"step-description\">\n D\u00edas 22-35: RenovaT\u00e9 elimina las toxinas del sistema digestivo y regula de forma natural su tr\u00e1nsito intestinal.\n <\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Mantenimiento<\/h3>\n <p class=\"step-description\">\n D\u00edas 36-60: Consolide los resultados con una nutrici\u00f3n completa y energ\u00eda sostenida para su nuevo estilo de vida.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"product-showcase\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Descubra cada producto<\/h2>\n <p class=\"section-subtitle\">\n Ingredientes de primera calidad respaldados por la ciencia para su bienestar integral\n <\/p>\n <\/div>\n\n <div class=\"products-grid\">\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp\" alt=\"Hepa Pure\">\n <\/div>\n <span class=\"showcase-badge\">Regeneraci\u00f3n hep\u00e1tica<\/span>\n <h3 class=\"showcase-title\">Hepa Puro<\/h3>\n <p class=\"showcase-description\">\n 80% Silimarina y Extracto de Diente de Le\u00f3n 4:1 para una desintoxicaci\u00f3n profunda del h\u00edgado.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Antioxidante<\/span>\n <span class=\"feature-tag\">Regenerativo<\/span>\n <span class=\"feature-tag\">Protecci\u00f3n<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp\" alt=\"Hepa Flow\">\n <\/div>\n <span class=\"showcase-badge\">Funci\u00f3n biliar<\/span>\n <h3 class=\"showcase-title\">Flujo Hepa<\/h3>\n <p class=\"showcase-description\">\n 5% Alcachofa y remolacha para estimular la producci\u00f3n de bilis y mejorar la digesti\u00f3n de las grasas.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Digestivo<\/span>\n <span class=\"feature-tag\">Metab\u00f3lico<\/span>\n <span class=\"feature-tag\">Energizante<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp\" alt=\"Hepa Guard\">\n <\/div>\n <span class=\"showcase-badge\">Protecci\u00f3n avanzada<\/span>\n <h3 class=\"showcase-title\">Protector Hepa<\/h3>\n <p class=\"showcase-description\">\n 95% Curcuminoides con piperina para una m\u00e1xima absorci\u00f3n y protecci\u00f3n celular.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Antiinflamatorio<\/span>\n <span class=\"feature-tag\">Protecci\u00f3n<\/span>\n <span class=\"feature-tag\">Biodisponible<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp\" alt=\"RenovaT\u00e9\">\n <\/div>\n <span class=\"showcase-badge\">Limpieza suave<\/span>\n <h3 class=\"showcase-title\">RenovaT\u00e9<\/h3>\n <p class=\"showcase-description\">\n Mezcla \u00fanica de hierbas con acci\u00f3n limpiadora del colon y propiedades antiparasitarias naturales.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">A base de plantas<\/span>\n <span class=\"feature-tag\">Digestivo<\/span>\n <span class=\"feature-tag\">Suave<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp\" alt=\"DailyPro\">\n <\/div>\n <span class=\"showcase-badge\">Nutrici\u00f3n completa<\/span>\n <h3 class=\"showcase-title\">DailyPro<\/h3>\n <p class=\"showcase-description\">\n 80% Aislado de prote\u00edna de suero con vitaminas, minerales y amino\u00e1cidos esenciales.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">25g Prote\u00edna<\/span>\n <span class=\"feature-tag\">Vitaminas<\/span>\n <span class=\"feature-tag\">Minerales<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"showcase-card\">\n <div class=\"showcase-image\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp\" alt=\"NeuroBoost Caf\u00e9\">\n <\/div>\n <span class=\"showcase-badge\">Energ\u00eda mental<\/span>\n <h3 class=\"showcase-title\">Caf\u00e9 NeuroBoost<\/h3>\n <p class=\"showcase-description\">\n Caf\u00e9 con hongos funcionales, adapt\u00f3genos y nootr\u00f3picos para obtener energ\u00eda y claridad mental.\n <\/p>\n <div class=\"showcase-features\">\n <span class=\"feature-tag\">Enfoque<\/span>\n <span class=\"feature-tag\">Energ\u00eda<\/span>\n <span class=\"feature-tag\">Adaptog\u00e9nico<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"testimonials-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Lo que dicen nuestros clientes<\/h2>\n <p class=\"section-subtitle\">\n Miles de personas han transformado su salud con nuestro programa\n <\/p>\n <\/div>\n\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">MC<\/div>\n <div class=\"testimonial-info\">\n <div class=\"testimonial-name\">Mar\u00eda Castro<\/div>\n <div class=\"testimonial-role\">Ejecutivo, 42 a\u00f1os<\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"Despu\u00e9s de 2 meses con el programa Detox, mi energ\u00eda se dispar\u00f3. Ya no tengo esa sensaci\u00f3n de cansancio constante y mi digesti\u00f3n mejor\u00f3 incre\u00edblemente. Lo recomiendo encarecidamente!\"\n <\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">JR<\/div>\n <div class=\"testimonial-info\">\n <div class=\"testimonial-name\">Jorge Ram\u00edrez<\/div>\n <div class=\"testimonial-role\">Empresario, 38 a\u00f1os<\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"Como empresario, necesito estar siempre al 100%. Este paquete no s\u00f3lo limpi\u00f3 mi cuerpo sino que mejor\u00f3 mi claridad mental. NeuroBoost Caf\u00e9 es mi secreto matutino\".\n <\/p>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">LM<\/div>\n <div class=\"testimonial-info\">\n <div class=\"testimonial-name\">Laura M\u00e9ndez<\/div>\n <div class=\"testimonial-role\">Profesora, 35 a\u00f1os<\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\n \"He perdido peso de forma natural, mi piel luce radiante y me siento m\u00e1s vital que nunca. El protocolo es f\u00e1cil de seguir y los resultados son evidentes desde la primera semana.\"\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Preguntas frecuentes<\/h2>\n <p class=\"section-subtitle\">\n Todo lo que necesita saber sobre el Paquete Detox\n <\/p>\n <\/div>\n\n <div class=\"faq-list\">\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfCu\u00e1nto dura el programa completo?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n El paquete incluye 4 kits completos dise\u00f1ados para un protocolo de 60 d\u00edas (2 meses). Esto permite 4 ciclos completos de desintoxicaci\u00f3n y mantenimiento para obtener resultados \u00f3ptimos y duraderos.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfEs seguro para todos?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n Todos nuestros productos son 100% naturales y seguros. Sin embargo, si usted est\u00e1 embarazada, amamantando, tomando medicamentos o tiene alguna condici\u00f3n m\u00e9dica, le recomendamos consultar con su m\u00e9dico antes de comenzar el programa.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfQu\u00e9 resultados puedo esperar?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n Los resultados var\u00edan seg\u00fan la persona, pero la mayor\u00eda afirma tener m\u00e1s energ\u00eda, una mejor digesti\u00f3n, una piel m\u00e1s radiante, p\u00e9rdida de peso natural, mejor sue\u00f1o y claridad mental en las 2-3 primeras semanas del programa.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfNecesito seguir una dieta especial?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n No es obligatorio, pero recomendamos reducir el consumo de alimentos procesados, alcohol y az\u00facares refinados durante el programa. Beber mucha agua y aumentar la ingesta de frutas y verduras mejorar\u00e1 los resultados.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfC\u00f3mo se toman los productos?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n Cada producto incluye instrucciones detalladas. Generalmente: Hepa Pure, Flow y Guard se toman con las comidas; RenovaT\u00e9 como infusi\u00f3n antes de acostarse; DailyPro como batido nutricional; y NeuroBoost Caf\u00e9 por la ma\u00f1ana.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"quality-section\">\n <div class=\"container\">\n <div class=\"quality-grid\">\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <div class=\"quality-title\">100% Natural<br>Ingredientes<\/div>\n <\/div>\n\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2L3.5 7v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V7L12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg>\n <div class=\"quality-title\">GMP<br>Certificado<\/div>\n <\/div>\n\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z\"\/>\n <\/svg>\n <div class=\"quality-title\">Laboratorio<br>Probado<\/div>\n <\/div>\n\n <div class=\"quality-badge\">\n <svg class=\"quality-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 8.5 12 4.66-1.26 8.5-6.45 8.5-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n <\/svg>\n <div class=\"quality-title\">Calidad<br>Garantizado<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"final-cta\">\n <div class=\"container\">\n <h2 class=\"final-cta-title\">\u00bfListo para transformar su salud?<\/h2>\n <p class=\"final-cta-subtitle\">\n \u00danase a miles de personas que ya llevan una vida m\u00e1s sana y en\u00e9rgica\n <\/p>\n <button class=\"final-cta-button\" onclick=\"scrollToTop()\">\n Empezar ahora\n <svg viewbox=\"0 0 24 24\">\n <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n \n <div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\n <div class=\"lightbox-content\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox(event)\">\u00d7<\/button>\n <button class=\"lightbox-nav lightbox-prev\" onclick=\"navigateLightbox(-1, event)\">'<\/button>\n <img decoding=\"async\" class=\"lightbox-image\" id=\"lightboxImage\" src=\"\" alt=\"Product Image\">\n <button class=\"lightbox-nav lightbox-next\" onclick=\"navigateLightbox(1, event)\">'<\/button>\n <div class=\"lightbox-counter\" id=\"lightboxCounter\">1 \/ 6<\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Image gallery data\n const imageGallery = [\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Pure.webp',\n alt: 'Hepa Pure'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Flow.webp',\n alt: 'Hepa Flow'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Hepa-Guard.webp',\n alt: 'Hepa Guard'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/RenovaTe.webp',\n alt: 'RenovaT\u00e9'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Daily-Pro.webp',\n alt: 'DailyPro'\n },\n {\n src: 'https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Neuro-Boost-Cafe.webp',\n alt: 'NeuroBoost Caf\u00e9'\n }\n ];\n\n let currentImageIndex = 0;\n\n \/\/ Change main image when clicking thumbnail\n function changeImage(thumbnail, index) {\n const mainImage = document.getElementById('mainImage');\n mainImage.src = thumbnail.src;\n mainImage.alt = thumbnail.alt;\n currentImageIndex = index;\n\n \/\/ Update active thumbnail\n document.querySelectorAll('.product-thumbnails img').forEach(img => {\n img.classList.remove('active');\n });\n thumbnail.classList.add('active');\n }\n\n \/\/ Open lightbox\n function openLightbox(index) {\n currentImageIndex = index;\n const lightbox = document.getElementById('lightbox');\n const lightboxImage = document.getElementById('lightboxImage');\n \n lightboxImage.src = imageGallery[currentImageIndex].src;\n lightboxImage.alt = imageGallery[currentImageIndex].alt;\n updateLightboxCounter();\n \n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n }\n\n \/\/ Close lightbox\n function closeLightbox(event) {\n if (event.target.id === 'lightbox' || event.target.classList.contains('lightbox-close')) {\n const lightbox = document.getElementById('lightbox');\n lightbox.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n }\n\n \/\/ Navigate through images in lightbox\n function navigateLightbox(direction, event) {\n event.stopPropagation(); \/\/ Prevent closing lightbox\n \n currentImageIndex += direction;\n \n \/\/ Loop around\n if (currentImageIndex < 0) {\n currentImageIndex = imageGallery.length - 1;\n } else if (currentImageIndex >= imageGallery.length) {\n currentImageIndex = 0;\n }\n \n const lightboxImage = document.getElementById('lightboxImage');\n lightboxImage.src = imageGallery[currentImageIndex].src;\n lightboxImage.alt = imageGallery[currentImageIndex].alt;\n updateLightboxCounter();\n }\n\n \/\/ Update lightbox counter\n function updateLightboxCounter() {\n const counter = document.getElementById('lightboxCounter');\n counter.textContent = `${currentImageIndex + 1} \/ ${imageGallery.length}`;\n }\n\n \/\/ Keyboard navigation\n document.addEventListener('keydown', function(event) {\n const lightbox = document.getElementById('lightbox');\n if (lightbox.classList.contains('active')) {\n if (event.key === 'Escape') {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n } else if (event.key === 'ArrowLeft') {\n navigateLightbox(-1, event);\n } else if (event.key === 'ArrowRight') {\n navigateLightbox(1, event);\n }\n }\n });\n\n \/\/ Add to cart function - redirects to custom checkout\n function addToCart() {\n const productId = 68331;\n \n \/\/ Check for preferred language cookie\n const preferredLang = getCookie('preferred_language');\n \n \/\/ Build URL with language prefix if Spanish\n let checkoutUrl = 'https:\/\/vida-sabia.com\/';\n if (preferredLang === 'es') {\n checkoutUrl += 'es\/';\n }\n checkoutUrl += 'custom-checkout\/?add-to-cart=' + productId;\n \n window.location.href = checkoutUrl;\n}\n\n\/\/ Helper function to get cookie\nfunction getCookie(name) {\n const value = `; ${document.cookie}`;\n const parts = value.split(`; ${name}=`);\n if (parts.length === 2) return parts.pop().split(';').shift();\n return null;\n}\n\n \/\/ Scroll to top function\n function scrollToTop() {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n }\n\n \/\/ Smooth animations on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Observe animated elements\n document.querySelectorAll('.step-card, .showcase-card, .testimonial-card, .benefit-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n\n \/\/ FAQ Toggle\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', () => {\n const faqItem = question.parentElement;\n const isActive = faqItem.classList.contains('active');\n \n \/\/ Close all FAQs\n document.querySelectorAll('.faq-item').forEach(item => {\n item.classList.remove('active');\n });\n \n \/\/ Toggle current FAQ\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-333c8b6 elementor-widget elementor-widget-html\" data-id=\"333c8b6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Vida Sabia Footer<\/title>\n <style>\n :root {\n \/* Vida Sabia Brand Colors *\/\n --primary-blue: #0e7cc7;\n --primary-green: #7fc242;\n --primary-orange: #f5821f;\n --light-blue: #4a9fd9;\n --light-green: #9ed667;\n --dark-blue: #0a5a9e;\n --dark: #0f172a;\n --dark-lighter: #1e293b;\n --gray-600: #475569;\n --gray-400: #94a3b8;\n --gray-200: #e2e8f0;\n --gray-100: #f1f5f9;\n --white: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Remove default gaps - Elementor compatibility *\/\n html, body {\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden;\n }\n\n \/* Footer Styles - Modern Clean Design *\/\n footer {\n background: var(--dark);\n color: var(--white);\n position: relative;\n overflow: hidden;\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n \/* Top accent strip - subtle *\/\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-green) 0%, var(--primary-blue) 50%, var(--primary-orange) 100%);\n }\n\n .footer-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 60px 20px 30px;\n position: relative;\n z-index: 1;\n }\n\n \/* Main Footer Grid *\/\n .footer-main {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 60px;\n margin-bottom: 60px;\n padding-bottom: 50px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-column h3 {\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 20px;\n color: var(--white);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n position: relative;\n padding-bottom: 10px;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50px;\n height: 2px;\n background: var(--primary-green);\n }\n\n \/* Brand Column *\/\n .footer-brand {\n animation: fadeInUp 0.6s ease;\n }\n\n .footer-logo-img {\n height: 120px;\n width: 120px;\n object-fit: contain;\n margin-bottom: 20px;\n filter: brightness(0) invert(1);\n transition: all 0.3s ease;\n }\n\n .footer-logo-img:hover {\n filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(127, 194, 66, 0.5));\n transform: scale(1.05);\n }\n\n .footer-brand p {\n font-size: 15px;\n line-height: 1.8;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 25px;\n }\n\n \/* Contact Info Styling *\/\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 12px;\n color: rgba(255, 255, 255, 0.8);\n font-size: 14px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n\n .contact-item span {\n word-wrap: break-word;\n overflow-wrap: break-word;\n max-width: 100%;\n }\n\n .contact-icon {\n width: 20px;\n height: 20px;\n color: var(--primary-green);\n flex-shrink: 0;\n }\n\n \/* Links Columns *\/\n .footer-links-column {\n animation: fadeInUp 0.6s ease;\n }\n\n .footer-links-column:nth-child(2) {\n animation-delay: 0.1s;\n }\n\n .footer-links-column:nth-child(3) {\n animation-delay: 0.2s;\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 12px;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n font-size: 14px;\n transition: all 0.3s ease;\n display: inline-block;\n }\n\n .footer-links a:hover {\n color: var(--primary-green);\n transform: translateX(5px);\n }\n\n \/* Footer Bottom Section *\/\n .footer-bottom {\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 30px;\n padding-top: 30px;\n }\n\n \/* Copyright *\/\n .footer-copyright {\n font-size: 14px;\n color: rgba(255, 255, 255, 0.6);\n }\n\n \/* Payment Methods - Right *\/\n .payment-info {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 15px;\n }\n\n .payment-text {\n font-size: 13px;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 500;\n }\n\n .payment-icons {\n background: rgba(255, 255, 255, 0.05);\n padding: 8px 16px;\n border-radius: 8px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .payment-icons img {\n height: 28px;\n width: auto;\n display: block;\n }\n\n \/* FDA Disclaimer Box *\/\n .disclaimer-box {\n background: rgba(245, 130, 31, 0.1);\n border: 1px solid rgba(245, 130, 31, 0.3);\n border-radius: 8px;\n padding: 15px;\n margin-top: 20px;\n }\n\n .disclaimer-box strong {\n color: var(--primary-orange);\n display: block;\n margin-bottom: 8px;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .disclaimer-box p {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n }\n\n \/* Background subtle pattern *\/\n .footer-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.03;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.03) 35px, rgba(255,255,255,.03) 70px);\n pointer-events: none;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .footer-main {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .footer-container {\n padding: 50px 25px 30px;\n }\n }\n\n @media (max-width: 768px) {\n .footer-container {\n padding: 40px 20px 25px;\n }\n\n .footer-main {\n grid-template-columns: 1fr;\n gap: 35px;\n margin-bottom: 35px;\n }\n\n .footer-bottom {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 20px;\n }\n\n .footer-copyright {\n order: 2;\n font-size: 13px;\n }\n\n .payment-info {\n order: 1;\n justify-content: center;\n flex-direction: column;\n }\n\n .footer-logo-img {\n height: 100px;\n width: 100px;\n }\n\n .contact-info {\n gap: 10px;\n }\n\n .contact-item {\n font-size: 13px;\n word-break: break-word;\n }\n }\n\n @media (max-width: 480px) {\n .footer-container {\n padding: 35px 15px 20px;\n }\n\n .footer-main {\n gap: 30px;\n margin-bottom: 30px;\n }\n\n .footer-logo-img {\n height: 90px;\n width: 90px;\n }\n\n .footer-brand p {\n font-size: 14px;\n }\n\n .contact-item {\n font-size: 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n\n .footer-column h3 {\n font-size: 14px;\n margin-bottom: 15px;\n }\n\n .footer-links a {\n font-size: 13px;\n }\n\n .disclaimer-box {\n padding: 12px;\n }\n\n .disclaimer-box strong {\n font-size: 12px;\n }\n\n .disclaimer-box p {\n font-size: 12px;\n }\n\n .payment-icons img {\n height: 24px;\n }\n\n .footer-copyright {\n font-size: 12px;\n line-height: 1.6;\n }\n }\n\n \/* Extra small devices (320px) *\/\n @media (max-width: 360px) {\n .footer-container {\n padding: 30px 12px 20px;\n }\n\n .footer-logo-img {\n height: 80px;\n width: 80px;\n }\n\n .footer-brand p {\n font-size: 13px;\n line-height: 1.6;\n }\n\n .contact-item {\n font-size: 11px;\n }\n\n .contact-icon {\n width: 18px;\n height: 18px;\n }\n\n .footer-column h3 {\n font-size: 13px;\n letter-spacing: 1px;\n }\n\n .footer-links a {\n font-size: 12px;\n }\n\n .disclaimer-box {\n padding: 10px;\n }\n\n .disclaimer-box strong,\n .disclaimer-box p {\n font-size: 11px;\n }\n\n .footer-bottom {\n gap: 15px;\n }\n\n .payment-text {\n font-size: 11px;\n }\n\n .payment-icons {\n padding: 6px 12px;\n }\n\n .payment-icons img {\n height: 22px;\n }\n\n .footer-copyright {\n font-size: 11px;\n }\n }\n\n \/* 320px devices *\/\n @media (max-width: 320px) {\n .footer-container {\n padding: 25px 10px 18px;\n }\n\n .footer-main {\n gap: 25px;\n margin-bottom: 25px;\n }\n\n .footer-logo-img {\n height: 70px;\n width: 70px;\n }\n\n .footer-brand p {\n font-size: 12px;\n }\n\n .contact-item {\n font-size: 10px;\n gap: 6px;\n }\n\n .contact-icon {\n width: 16px;\n height: 16px;\n }\n\n .footer-column h3 {\n font-size: 12px;\n margin-bottom: 12px;\n }\n\n .footer-links li {\n margin-bottom: 10px;\n }\n\n .footer-links a {\n font-size: 11px;\n }\n\n .disclaimer-box {\n padding: 8px;\n margin-top: 15px;\n }\n\n .disclaimer-box strong {\n font-size: 10px;\n margin-bottom: 6px;\n }\n\n .disclaimer-box p {\n font-size: 10px;\n line-height: 1.5;\n }\n\n .footer-bottom {\n padding-top: 20px;\n gap: 12px;\n }\n\n .payment-text {\n font-size: 10px;\n }\n\n .payment-icons {\n padding: 5px 10px;\n }\n\n .payment-icons img {\n height: 20px;\n }\n\n .footer-copyright {\n font-size: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <footer>\n <div class=\"footer-pattern\"><\/div>\n \n <div class=\"footer-container\">\n <div class=\"footer-main\">\n \n <div class=\"footer-column footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Result (90).webp\" alt=\"Vida Sabia\" class=\"footer-logo-img\">\n <p>Vida Sabia se dedica a transformar vidas a trav\u00e9s de soluciones naturales para el bienestar. Ofrecemos productos de salud de primera calidad respaldados por la ciencia para ayudarle a alcanzar un bienestar \u00f3ptimo y vivir su mejor vida.<\/p>\n \n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <svg class=\"contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n <span>1309 Coffeen Ave, Ste. 17988, Sheridan, Wyoming 82801<\/span>\n <\/div>\n <div class=\"contact-item\">\n <svg class=\"contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg>\n <span>support@vida-sabia.com<\/span>\n <\/div>\n <div class=\"contact-item\">\n <svg class=\"contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\n <\/svg>\n <span>Lun-Vie: 9AM - 6PM EST<\/span>\n <\/div>\n <\/div>\n\n <div class=\"disclaimer-box\">\n <strong>Descargo de responsabilidad de la FDA<\/strong>\n <p>Estas afirmaciones no han sido evaluadas por la Food and Drug Administration. Este producto no est\u00e1 destinado a diagnosticar, tratar, curar o prevenir ninguna enfermedad.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-column footer-links-column\">\n <h3>Aviso legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/vida-sabia.com\/es\/privacy-policy\/\">Pol\u00edtica de privacidad<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/terms-of-use\/\">Condiciones de uso<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/refund-autoship-and-cancellation-policy\/\">Pol\u00edtica de reembolso<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/gdpr-policy\/\">Pol\u00edtica GDPR<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/data-protection-policy\/\">Protecci\u00f3n de datos<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/anti-money-laundering-aml-policy\/\">Pol\u00edtica AML<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/suspicious-or-fraudulent-activity-risk-assessment-policy\/\">Pol\u00edtica de lucha contra el fraude<\/a><\/li>\n <li><a href=\"https:\/\/vida-sabia.com\/es\/vida-sabia-income-statement\/\">Cuenta de resultados<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-bottom\">\n \n <div class=\"footer-copyright\">\n 2025 Vida Sabia LLC. Todos los derechos reservados.\n <\/div>\n\n \n <div class=\"payment-info\">\n <span class=\"payment-text\">Aceptamos<\/span>\n <div class=\"payment-icons\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/credit-paypal-copy-1.png\" alt=\"Payment Methods\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d5c8fc elementor-widget elementor-widget-html\" data-id=\"3d5c8fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Vida Sabia Header - Elegant & Modern<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n SCOPED HEADER STYLES - MODERN EDITION\n All styles prefixed with .vida-sabia-header\n to avoid conflicts with external styles\n ================================ *\/\n\n .vida-sabia-header-wrapper {\n \/* Vida Sabia Brand Colors - Enhanced Palette *\/\n --vida-sabia-dark-green: #2d7a3e;\n --vida-sabia-leaf-green: #7cb342;\n --vida-sabia-lime-green: #9ccc65;\n --vida-sabia-yellow-green: #d4e157;\n --vida-sabia-forest: #1b5e20;\n --vida-sabia-amber: #fbc02d;\n --vida-sabia-mint: #81c784;\n --vida-sabia-dark: #0f172a;\n --vida-sabia-white: #ffffff;\n \n \/* Modern Gradients *\/\n --vida-sabia-primary-gradient: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%);\n --vida-sabia-secondary-gradient: linear-gradient(135deg, #9ccc65 0%, #7cb342 100%);\n --vida-sabia-accent-gradient: linear-gradient(135deg, #d4e157 0%, #9ccc65 100%);\n --vida-sabia-shimmer-gradient: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\n --vida-sabia-glass-gradient: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);\n \n --vida-sabia-dark-bg: #ffffff;\n --vida-sabia-card-bg: rgba(124, 179, 66, 0.06);\n --vida-sabia-text-light: #0f172a;\n --vida-sabia-accent-primary: #7cb342;\n --vida-sabia-accent-secondary: #9ccc65;\n --vida-sabia-accent-tertiary: #d4e157;\n --vida-sabia-border-color: rgba(124, 179, 66, 0.15);\n --vida-sabia-hover-bg: rgba(124, 179, 66, 0.08);\n }\n\n \/* Automatic body padding to prevent content from being hidden under fixed header *\/\n body {\n padding-top: 80px !important;\n }\n\n @media (min-width: 768px) {\n body {\n padding-top: 90px !important;\n }\n }\n\n \/* Header Container *\/\n .vida-sabia-header-wrapper {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 2px solid rgba(124, 179, 66, 0.12);\n box-shadow: 0 2px 12px rgba(124, 179, 66, 0.08);\n transition: all 0.3s ease;\n min-height: 60px;\n height: auto;\n }\n\n .vida-sabia-header-wrapper.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: 0 4px 20px rgba(124, 179, 66, 0.15);\n border-bottom-color: rgba(124, 179, 66, 0.2);\n }\n\n \/* Navigation *\/\n .vida-sabia-header-wrapper .vida-sabia-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 1rem;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n min-height: 60px;\n flex-wrap: nowrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-nav {\n padding: 1rem 1.5rem;\n gap: 0.75rem;\n }\n }\n\n @media (min-width: 1200px) {\n .vida-sabia-header-wrapper .vida-sabia-nav {\n padding: 1rem 2rem;\n }\n }\n\n \/* Logo *\/\n .vida-sabia-header-wrapper .vida-sabia-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n flex-shrink: 0;\n }\n\n @media (max-width: 767px) {\n .vida-sabia-header-wrapper .vida-sabia-logo {\n order: 2;\n flex: 1;\n justify-content: center;\n }\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo a {\n display: flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 45px;\n width: auto;\n filter: drop-shadow(0 2px 8px rgba(124, 179, 66, 0.25));\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-logo a:hover img {\n opacity: 0.85;\n transform: scale(1.02);\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 50px;\n }\n }\n\n @media (min-width: 1200px) {\n .vida-sabia-header-wrapper .vida-sabia-logo img {\n height: 55px;\n }\n }\n\n \/* Desktop Navigation Links *\/\n .vida-sabia-header-wrapper .vida-sabia-nav-links {\n display: none;\n gap: clamp(1rem, 2vw, 2rem);\n align-items: center;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-nav-links {\n display: flex;\n }\n }\n\n \/* Navigation Link Styles *\/\n .vida-sabia-header-wrapper .vida-sabia-nav-links a {\n color: var(--vida-sabia-text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: clamp(0.85rem, 1vw, 1rem);\n padding: 0.25rem 0.5rem;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--vida-sabia-primary-gradient);\n transition: width 0.3s ease;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a:hover::after {\n width: 100%;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-nav-links a:hover {\n color: var(--vida-sabia-leaf-green);\n }\n\n \/* Buttons *\/\n .vida-sabia-header-wrapper .vida-sabia-btn {\n padding: 0.6rem 1.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n flex-shrink: 0;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-primary {\n background: var(--vida-sabia-primary-gradient);\n color: white !important;\n box-shadow: 0 4px 16px rgba(124, 179, 66, 0.35);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-primary:hover {\n box-shadow: 0 6px 20px rgba(124, 179, 66, 0.45);\n transform: translateY(-2px);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-secondary {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid var(--vida-sabia-leaf-green);\n color: var(--vida-sabia-dark-green) !important;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-btn-secondary:hover {\n background: var(--vida-sabia-hover-bg);\n transform: translateY(-2px);\n }\n\n \/* Desktop \"My Account\" button - initially hidden *\/\n .vida-sabia-header-wrapper .vida-sabia-btn-myaccount {\n display: none;\n }\n\n .vida-sabia-header-wrapper.logged-in .vida-sabia-btn-myaccount {\n display: inline-block;\n }\n\n \/* Cart Icon Wrapper - Desktop *\/\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper {\n display: none;\n flex-shrink: 0;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper {\n display: flex;\n }\n }\n\n \/* Cart Icon Wrapper - Mobile *\/\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper-mobile {\n display: flex;\n flex-shrink: 0;\n order: 3;\n z-index: 1002;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-cart-wrapper-mobile {\n display: none;\n }\n }\n\n \/* Mobile Navigation Container *\/\n .vida-sabia-header-wrapper .vida-sabia-mobile-nav-container {\n display: flex;\n align-items: center;\n order: 1;\n z-index: 1002;\n }\n\n @media (min-width: 768px) {\n .vida-sabia-header-wrapper .vida-sabia-mobile-nav-container {\n display: none;\n }\n }\n\n \/* Hamburger Menu - Modern Style *\/\n .vida-sabia-header-wrapper .vida-sabia-hamburger {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n gap: 5px;\n padding: 0.5rem;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger::before {\n content: '';\n position: absolute;\n inset: -4px;\n background: var(--vida-sabia-hover-bg);\n border-radius: 12px;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger:hover::before {\n opacity: 1;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger span {\n display: block;\n width: 25px;\n height: 3px;\n background: var(--vida-sabia-dark-green);\n border-radius: 3px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger:hover span {\n background: var(--vida-sabia-leaf-green);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .vida-sabia-header-wrapper .vida-sabia-hamburger.active span:nth-child(3) {\n transform: rotate(-45deg) translate(8px, -8px);\n }\n\n \/* Mobile Menu Overlay - Enhanced *\/\n .vida-sabia-mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: linear-gradient(135deg, rgba(45, 122, 62, 0.98) 0%, rgba(27, 94, 32, 0.98) 100%);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n transform: translateX(-100%);\n transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .vida-sabia-mobile-menu::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 80%, rgba(156, 204, 101, 0.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(124, 179, 66, 0.2) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .vida-sabia-mobile-menu.active {\n transform: translateX(0);\n }\n\n .vida-sabia-mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2.5rem;\n padding: 2rem;\n max-width: 90%;\n width: 400px;\n position: relative;\n z-index: 1;\n }\n\n \/* Modern Menu Links *\/\n .vida-sabia-mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n }\n\n .vida-sabia-mobile-menu-links a {\n color: white;\n text-decoration: none;\n font-size: 1.4rem;\n font-weight: 600;\n text-align: center;\n padding: 1.2rem;\n border-radius: 18px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n background: rgba(255, 255, 255, 0.1);\n border: 2px solid rgba(255, 255, 255, 0.2);\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n \/* Shimmer effect on menu links *\/\n .vida-sabia-mobile-menu-links a::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--vida-sabia-shimmer-gradient);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu-links a:active::before {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu-links a:active {\n transform: scale(0.96);\n background: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.3);\n }\n\n \/* Mobile Menu Buttons Container *\/\n .vida-sabia-mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1.2rem;\n width: 100%;\n }\n\n \/* MODERN & ELEGANT: Mobile menu secondary button (Login\/Logout) *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary {\n position: relative;\n background: var(--vida-sabia-glass-gradient) !important;\n border: 2px solid rgba(255, 255, 255, 0.4) !important;\n color: var(--vida-sabia-dark-green) !important;\n font-weight: 700 !important;\n padding: 1.1rem 2rem !important;\n font-size: 1.05rem !important;\n border-radius: 30px !important;\n box-shadow: \n 0 8px 32px rgba(0, 0, 0, 0.12),\n inset 0 1px 0 rgba(255, 255, 255, 0.6),\n 0 1px 3px rgba(0, 0, 0, 0.08) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n letter-spacing: 0.3px;\n }\n\n \/* Gradient overlay on secondary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(124, 179, 66, 0.15) 0%, transparent 100%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:hover::before {\n opacity: 1;\n }\n\n \/* Shimmer effect for secondary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:active::after {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-secondary:active {\n transform: scale(0.96) translateY(2px);\n box-shadow: \n 0 4px 16px rgba(0, 0, 0, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;\n border-color: rgba(255, 255, 255, 0.5) !important;\n }\n\n \/* MODERN & ELEGANT: Mobile menu primary button (My Account) *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-primary {\n position: relative;\n background: linear-gradient(135deg, #7cb342 0%, #2d7a3e 100%) !important;\n color: white !important;\n font-weight: 700 !important;\n padding: 1.1rem 2rem !important;\n font-size: 1.05rem !important;\n border-radius: 30px !important;\n border: 2px solid rgba(255, 255, 255, 0.25) !important;\n box-shadow: \n 0 10px 40px rgba(124, 179, 66, 0.35),\n inset 0 1px 0 rgba(255, 255, 255, 0.3),\n 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n letter-spacing: 0.3px;\n }\n\n \/* Shimmer effect for primary button *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n transition: left 0.6s ease;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-primary:active::before {\n left: 100%;\n }\n\n .vida-sabia-mobile-menu .vida-sabia-btn-primary:active {\n transform: scale(0.96) translateY(2px);\n box-shadow: \n 0 6px 24px rgba(124, 179, 66, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\n }\n\n \/* Hide mobile My Account button by default *\/\n .vida-sabia-mobile-menu .vida-sabia-btn-myaccount-mobile {\n display: none;\n }\n\n .vida-sabia-header-wrapper.logged-in ~ .vida-sabia-mobile-menu .vida-sabia-btn-myaccount-mobile {\n display: inline-block;\n }\n\n \/* Locale Switcher *\/\n .vida-sabia-header-wrapper .vida-sabia-locale-switcher-wrapper {\n display: flex;\n align-items: center;\n min-width: fit-content;\n flex-shrink: 0;\n }\n\n \/* Add subtle animation to locale switcher in mobile menu *\/\n .vida-sabia-mobile-menu .vida-sabia-locale-switcher-wrapper {\n padding: 1rem;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 15px;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.15);\n }\n\n \/* Keyframe animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Stagger animation for menu items *\/\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-links a:nth-child(1) {\n animation: fadeInUp 0.5s ease 0.1s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-links a:nth-child(2) {\n animation: fadeInUp 0.5s ease 0.2s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-buttons .vida-sabia-btn-secondary {\n animation: fadeInUp 0.5s ease 0.3s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-mobile-menu-buttons .vida-sabia-btn-primary {\n animation: fadeInUp 0.5s ease 0.4s backwards;\n }\n\n .vida-sabia-mobile-menu.active .vida-sabia-locale-switcher-wrapper {\n animation: fadeInUp 0.5s ease 0.5s backwards;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"vida-sabia-header-wrapper\" id=\"vida-sabiaHeader\">\n <nav class=\"vida-sabia-nav\">\n \n <div class=\"vida-sabia-mobile-nav-container\">\n <div class=\"vida-sabia-hamburger\" id=\"vida-sabiaHamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"vida-sabia-logo\">\n <a href=\"\/es\/\">\n <img decoding=\"async\" src=\"https:\/\/vida-sabia.com\/wp-content\/uploads\/2025\/10\/Result%20(90).webp\" alt=\"Vida Sabia\">\n <\/a>\n <\/div>\n \n \n <div class=\"vida-sabia-nav-links\">\n <a href=\"\/es\/\">Inicio<\/a>\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/complete-detox-starter-package\/\">Comprar ahora<\/a>\n <a href=\"\/es\/c_login\/\" id=\"desktopLoginLink\">Iniciar sesi\u00f3n<\/a>\n \n <div class=\"vida-sabia-locale-switcher-wrapper\" id=\"vida-sabiaLocaleSwitcher\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n \n \n <a href=\"\/es\/my-account\/\" class=\"vida-sabia-btn vida-sabia-btn-primary vida-sabia-btn-myaccount\" id=\"desktopMyAccountBtn\">Mi cuenta<\/a>\n <\/div>\n \n \n <div class=\"vida-sabia-cart-wrapper\">\n \n <\/div>\n \n \n <div class=\"vida-sabia-cart-wrapper-mobile\">\n \n <\/div>\n <\/nav>\n<\/div>\n\n\n<div class=\"vida-sabia-mobile-menu\" id=\"vida-sabiaMobileMenu\">\n <div class=\"vida-sabia-mobile-menu-content\">\n <div class=\"vida-sabia-mobile-menu-links\">\n <a href=\"\/es\/\">Inicio<\/a>\n <a href=\"https:\/\/vida-sabia.com\/es\/producto\/complete-detox-starter-package\/\">Comprar ahora<\/a>\n <\/div>\n <div class=\"vida-sabia-mobile-menu-buttons\">\n <a href=\"\/es\/c_login\/\" class=\"vida-sabia-btn vida-sabia-btn-secondary\" id=\"mobileLoginLink\">Iniciar sesi\u00f3n<\/a>\n \n \n <a href=\"\/es\/my-account\/\" class=\"vida-sabia-btn vida-sabia-btn-primary vida-sabia-btn-myaccount-mobile\" id=\"mobileMyAccountBtn\">Mi cuenta<\/a>\n \n <div class=\"vida-sabia-locale-switcher-wrapper\" id=\"vida-sabiaLocaleSwitcherMobile\" style=\"margin-top: 0.5rem;\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/center><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ================================\n\/\/ VIDA SABIA HEADER SCRIPTS\n\/\/ All namespaced to avoid conflicts\n\/\/ ================================\n(function() {\n 'use strict';\n \n const header = document.getElementById('vida-sabiaHeader');\n const hamburger = document.getElementById('vida-sabiaHamburger');\n const mobileMenu = document.getElementById('vida-sabiaMobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.vida-sabia-mobile-menu .vida-sabia-mobile-menu-links a');\n const body = document.body;\n\n \/\/ Function to dynamically set body padding based on header height\n function adjustBodyPadding() {\n if (header) {\n const headerHeight = header.offsetHeight;\n body.style.paddingTop = headerHeight + 'px';\n }\n }\n\n \/\/ Adjust padding on load and resize\n adjustBodyPadding();\n window.addEventListener('resize', adjustBodyPadding);\n window.addEventListener('load', adjustBodyPadding);\n\n \/\/ Mobile Navigation Toggle\n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n \/\/ Close menu when clicking a link\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n \/\/ Close menu when clicking outside\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n\n \/\/ Header Scroll Effect\n window.addEventListener('scroll', function() {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ WordPress Integration - Handle Login\/Logout and My Account\n function setupAuthButtons() {\n const isLoggedIn = window.wpUserLoggedIn || document.body.classList.contains('logged-in');\n \n \/\/ Get elements\n const desktopLoginLink = document.getElementById('desktopLoginLink');\n const mobileLoginLink = document.getElementById('mobileLoginLink');\n const desktopMyAccountBtn = document.getElementById('desktopMyAccountBtn');\n const mobileMyAccountBtn = document.getElementById('mobileMyAccountBtn');\n \n if (isLoggedIn) {\n \/\/ User is logged in\n header.classList.add('logged-in');\n \n const logoutUrl = window.wpLogoutUrl || '\/wp-login.php?action=logout';\n const myAccountUrl = '\/my-account';\n \n \/\/ Update login links to logout\n if (desktopLoginLink) {\n desktopLoginLink.textContent = 'Log Out';\n desktopLoginLink.href = logoutUrl;\n }\n if (mobileLoginLink) {\n mobileLoginLink.textContent = 'Log Out';\n mobileLoginLink.href = logoutUrl;\n }\n \n \/\/ Update My Account buttons URLs\n if (desktopMyAccountBtn) {\n desktopMyAccountBtn.href = myAccountUrl;\n }\n if (mobileMyAccountBtn) {\n mobileMyAccountBtn.href = myAccountUrl;\n }\n } else {\n \/\/ User is not logged in - My Account buttons remain hidden via CSS\n header.classList.remove('logged-in');\n }\n }\n \n \/\/ Run auth setup on different events to ensure it catches the login state\n setupAuthButtons();\n document.addEventListener('DOMContentLoaded', setupAuthButtons);\n window.addEventListener('load', setupAuthButtons);\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Detox Starter Package - Vida Sabia Click to enlarge Free Shipping Money-Back Guarantee BEST VALUE Complete Detox Starter Package \u2605\u2605\u2605\u2605\u2605 (2,847 verified reviews) $999.99 Save $200 vs. buying separately Complete 60-day detox protocol 6 premium products included 4 complete treatment cycles 100% natural ingredients Secure checkout \u00b7 SSL encrypted VISA AMEX DISCOVER Verified Secure 256-bit […]<\/p>","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"product_brand":[],"product_cat":[15],"product_tag":[],"class_list":{"0":"post-68331","1":"product","2":"type-product","3":"status-publish","5":"product_cat-uncategorized","7":"first","8":"instock","9":"purchasable","10":"product-type-simple"},"_links":{"self":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product\/68331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/comments?post=68331"}],"version-history":[{"count":5,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product\/68331\/revisions"}],"predecessor-version":[{"id":69024,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product\/68331\/revisions\/69024"}],"wp:attachment":[{"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/media?parent=68331"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product_brand?post=68331"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product_cat?post=68331"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/vida-sabia.com\/es\/wp-json\/wp\/v2\/product_tag?post=68331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}