{"product_id":"yerba-magic-te-mate-suplemento-natural","title":"Yerba Magic Mate Durazno-Mango 🍑🥭","description":"\u003cbody\u003e\n\u003ch2 style=\"text-align: center;\" class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\"\u003e\u003cstrong\u003e¡DESPIERTA CON ENERGÍA Y SABOR MÁGICO! ✨🌸 Transforma tu mate en una experiencia inolvidable\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eImagina comenzar cada día con una yerba que no solo te activa, sino que te transporta a un oasis de sabor tropical. Sin amargura, sin complicaciones.\u003cstrong\u003e Solo tú, tu mate y ese momento perfecto que te mereces. \u003c\/strong\u003e💛🌺\u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\" class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"\u003e\u003cimg height=\"501\" width=\"501\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/GIF_YERBA_MAGIC_PEACHMANGO_a8cfe962-9cb1-4674-9b14-686cc3777b5b.gif?v=1770071402\"\u003e\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\"\u003e\u003cstrong\u003e⚡💛 ENERGÍA SIN BAJONES\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eOlvídate del cansancio de media tarde. Yerba Magic te da la energía natural que necesitas para rendir todo el día, sin nervios ni ansiedad. \u003cstrong\u003eSolo vitalidad pura desde el primer sorbo.\u003c\/strong\u003e ☀️✨\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cimg height=\"499\" width=\"499\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN_2_d34cf88b-11cc-4ea5-b61d-9391ff2071b3.png?v=1770071472\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e🌸🥭 SABOR ÚNICO QUE ENAMORA\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eDurazno dulce + mango tropical = tu nueva adicción saludable. Cada mate es una explosión de sabor que hace que no puedas dejar de cebar. \u003cstrong\u003ePerfecto para quienes buscan algo diferente y delicioso.\u003c\/strong\u003e 🍑💕\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cimg height=\"498\" width=\"498\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN_4_bf2cf438-a397-4213-a6fb-9a1635fe17ea.png?v=1770071574\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e💎🌟 CALIDAD PREMIUM EN CADA SORBO\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eCon 2g de cafeína natural por porción, prebióticos para tu salud intestinal y una mezcla equilibrada sin palo batido\u003c\/strong\u003e. La yerba que tu cuerpo y mente necesitan. 🌿💛\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e\u003cimg height=\"501\" width=\"501\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN_PRODUCTO_81c58faf-b507-4213-b052-0e9d48015784.jpg?v=1770071658\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eYa no es solo un mate, es tu ritual diario de bienestar. ✨🌸\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003e Aprovecha hoy y descubre por qué miles ya eligieron lo mágico sobre lo común. \u003c\/strong\u003e💕\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"\u003e\u003cstrong\u003e💬🌺 LO QUE DICEN NUESTROS CLIENTES:\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003e⭐⭐⭐⭐⭐ \u003cem\u003e\"Llevo 3 semanas tomándola y no vuelvo a la yerba común. El sabor es increíble y la energía dura todo el día sin ponerme nerviosa.\"\u003c\/em\u003e – \u003cstrong\u003eValentina S.\u003c\/strong\u003e 💛\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e⭐⭐⭐⭐⭐ \u003cem\u003e\"Al principio dudé por el precio, pero vale cada peso. Mi mate de la tarde ahora es mi momento favorito del día.\"\u003c\/em\u003e – \u003cstrong\u003eMartín G.\u003c\/strong\u003e ✨\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e⭐⭐⭐⭐⭐ \u003cem\u003e\"El empaque es hermoso, el sabor espectacular y realmente siento la diferencia en mi concentración. ¡La recomiendo 100%!\"\u003c\/em\u003e – \u003cstrong\u003eSofía L.\u003c\/strong\u003e 🌸\u003c\/p\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eYerba Magic - Durazno Mango | BRAINISTA\u003c\/title\u003e\n    \u003cstyle\u003e\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            line-height: 1.6;\n            color: #2c3e50;\n            background: #fff;\n            padding: 0;\n            margin: 0;\n        }\n\n        .container {\n            max-width: 100%;\n            padding: 15px;\n            margin: 0 auto;\n        }\n\n        @media (min-width: 768px) {\n            .container {\n                max-width: 900px;\n                padding: 20px;\n            }\n        }\n\n        \/* SECCIÓN: PIDE Y PAGA EN CASA *\/\n        .hero-section {\n            margin: 30px 0;\n            padding: 25px 15px;\n            background: linear-gradient(135deg, #b794f6 0%, #ec4899 50%, #f59e0b 100%);\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(183, 148, 246, 0.3);\n        }\n\n        @media (min-width: 768px) {\n            .hero-section {\n                margin: 40px 0;\n                padding: 35px 25px;\n            }\n        }\n\n        .hero-title {\n            text-align: center;\n            color: white;\n            font-size: 22px;\n            margin-bottom: 8px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n\n        @media (min-width: 768px) {\n            .hero-title {\n                font-size: 28px;\n            }\n        }\n\n        .hero-subtitle {\n            text-align: center;\n            color: white;\n            font-size: 13px;\n            margin-bottom: 20px;\n            line-height: 1.4;\n        }\n\n        @media (min-width: 768px) {\n            .hero-subtitle {\n                font-size: 15px;\n                margin-bottom: 30px;\n            }\n        }\n\n        \/* Proceso de Compra *\/\n        .process-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 12px;\n            margin-bottom: 20px;\n        }\n\n        @media (min-width: 600px) {\n            .process-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 15px;\n                margin-bottom: 30px;\n            }\n        }\n\n        .process-card {\n            background: white;\n            padding: 20px 15px;\n            border-radius: 15px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n        }\n\n        .process-card:hover {\n            transform: translateY(-5px);\n        }\n\n        @media (min-width: 768px) {\n            .process-card {\n                padding: 25px 18px;\n            }\n        }\n\n        .step-number {\n            background: linear-gradient(135deg, #f59e0b, #ec4899);\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            margin: 0 auto 12px;\n            line-height: 40px;\n            font-weight: bold;\n            color: white;\n            font-size: 18px;\n            box-shadow: 0 4px 10px rgba(245, 158, 11, 0.4);\n        }\n\n        .step-icon {\n            font-size: 40px;\n            margin-bottom: 10px;\n        }\n\n        @media (min-width: 768px) {\n            .step-icon {\n                font-size: 45px;\n            }\n        }\n\n        .step-title {\n            font-size: 15px;\n            font-weight: bold;\n            margin-bottom: 6px;\n            color: #2c3e50;\n        }\n\n        @media (min-width: 768px) {\n            .step-title {\n                font-size: 17px;\n            }\n        }\n\n        .step-desc {\n            color: #666;\n            font-size: 12px;\n            line-height: 1.4;\n        }\n\n        @media (min-width: 768px) {\n            .step-desc {\n                font-size: 13px;\n            }\n        }\n\n        \/* Métodos de Pago *\/\n        .payment-section {\n            background: white;\n            padding: 20px 15px;\n            border-radius: 15px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n\n        @media (min-width: 768px) {\n            .payment-section {\n                padding: 25px 20px;\n            }\n        }\n\n        .payment-title {\n            text-align: center;\n            font-size: 18px;\n            font-weight: bold;\n            margin-bottom: 20px;\n            color: #2c3e50;\n        }\n\n        @media (min-width: 768px) {\n            .payment-title {\n                font-size: 22px;\n            }\n        }\n\n        .payment-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n            margin-bottom: 20px;\n        }\n\n        @media (min-width: 600px) {\n            .payment-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 0;\n            }\n        }\n\n        .payment-method {\n            padding: 15px;\n            text-align: center;\n            border: none;\n        }\n\n        @media (min-width: 600px) {\n            .payment-method {\n                border-right: 1px solid #e0e0e0;\n            }\n            .payment-method:last-child {\n                border-right: none;\n            }\n        }\n\n        .payment-icon {\n            font-size: 38px;\n            margin-bottom: 8px;\n        }\n\n        .payment-name {\n            font-size: 14px;\n            font-weight: bold;\n            margin-bottom: 5px;\n            color: #2c3e50;\n        }\n\n        @media (min-width: 768px) {\n            .payment-name {\n                font-size: 16px;\n            }\n        }\n\n        .payment-desc {\n            color: #666;\n            font-size: 11px;\n            line-height: 1.3;\n        }\n\n        @media (min-width: 768px) {\n            .payment-desc {\n                font-size: 12px;\n            }\n        }\n\n        \/* Beneficios *\/\n        .benefits-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 8px;\n            margin-top: 20px;\n            padding-top: 20px;\n            border-top: 2px solid #f0f0f0;\n        }\n\n        @media (min-width: 600px) {\n            .benefits-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 10px;\n            }\n        }\n\n        .benefit-item {\n            background: linear-gradient(135deg, #f0fdf4, #d1fae5);\n            padding: 12px;\n            border-radius: 10px;\n            text-align: center;\n        }\n\n        .benefit-text {\n            font-weight: 600;\n            color: #059669;\n            font-size: 12px;\n        }\n\n        @media (min-width: 768px) {\n            .benefit-text {\n                font-size: 13px;\n            }\n        }\n\n        \/* TABLA COMPARATIVA *\/\n        .comparison-section {\n            margin: 40px 0;\n            padding: 25px 15px;\n            background: linear-gradient(135deg, #b794f6 0%, #ec4899 100%);\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(183, 148, 246, 0.3);\n        }\n\n        @media (min-width: 768px) {\n            .comparison-section {\n                padding: 35px 25px;\n            }\n        }\n\n        .section-title {\n            text-align: center;\n            color: white;\n            font-size: 24px;\n            margin-bottom: 10px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n\n        @media (min-width: 768px) {\n            .section-title {\n                font-size: 32px;\n            }\n        }\n\n        .section-subtitle {\n            text-align: center;\n            color: white;\n            margin-bottom: 25px;\n            font-size: 13px;\n            line-height: 1.5;\n        }\n\n        @media (min-width: 768px) {\n            .section-subtitle {\n                font-size: 15px;\n                margin-bottom: 30px;\n            }\n        }\n\n        .comparison-table {\n            width: 100%;\n            background: white;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n        }\n\n        .comparison-table thead {\n            background: #2c3e50;\n        }\n\n        .comparison-table th {\n            padding: 12px 8px;\n            color: white;\n            font-weight: 600;\n            font-size: 12px;\n        }\n\n        @media (min-width: 768px) {\n            .comparison-table th {\n                padding: 15px 12px;\n                font-size: 14px;\n            }\n        }\n\n        .comparison-table td {\n            padding: 12px 8px;\n            border-bottom: 1px solid #e0e0e0;\n            font-size: 12px;\n        }\n\n        @media (min-width: 768px) {\n            .comparison-table td {\n                padding: 15px 12px;\n                font-size: 14px;\n            }\n        }\n\n        .comparison-table tr:nth-child(even) {\n            background: #f8f9fa;\n        }\n\n        .comparison-table td:first-child {\n            font-weight: 600;\n            text-align: left;\n        }\n\n        .comparison-table td:not(:first-child) {\n            text-align: center;\n        }\n\n        .check-icon {\n            color: #10b981;\n            font-size: 24px;\n        }\n\n        @media (min-width: 768px) {\n            .check-icon {\n                font-size: 28px;\n            }\n        }\n\n        .cross-icon {\n            color: #ef4444;\n            font-size: 24px;\n        }\n\n        @media (min-width: 768px) {\n            .cross-icon {\n                font-size: 28px;\n            }\n        }\n\n        \/* BENEFICIOS CLAVE *\/\n        .benefits-section {\n            margin: 40px 0;\n        }\n\n        .benefits-header {\n            text-align: center;\n            font-size: 24px;\n            margin-bottom: 12px;\n            color: #2c3e50;\n            font-weight: bold;\n        }\n\n        @media (min-width: 768px) {\n            .benefits-header {\n                font-size: 32px;\n                margin-bottom: 15px;\n            }\n        }\n\n        .benefits-desc {\n            text-align: center;\n            color: #666;\n            margin-bottom: 25px;\n            font-size: 13px;\n        }\n\n        @media (min-width: 768px) {\n            .benefits-desc {\n                font-size: 15px;\n                margin-bottom: 30px;\n            }\n        }\n\n        .benefits-cards {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        @media (min-width: 600px) {\n            .benefits-cards {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 20px;\n            }\n        }\n\n        .benefit-card {\n            background: linear-gradient(135deg, #faf5ff, #f3e8ff);\n            padding: 25px 20px;\n            border-radius: 15px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(183, 148, 246, 0.2);\n            transition: transform 0.3s ease;\n        }\n\n        .benefit-card:hover {\n            transform: translateY(-5px);\n        }\n\n        .benefit-emoji {\n            font-size: 45px;\n            margin-bottom: 12px;\n        }\n\n        @media (min-width: 768px) {\n            .benefit-emoji {\n                font-size: 50px;\n            }\n        }\n\n        .benefit-card-title {\n            font-size: 16px;\n            font-weight: bold;\n            margin-bottom: 8px;\n            color: #2c3e50;\n        }\n\n        @media (min-width: 768px) {\n            .benefit-card-title {\n                font-size: 18px;\n            }\n        }\n\n        .benefit-card-text {\n            color: #666;\n            font-size: 13px;\n            line-height: 1.5;\n        }\n\n        @media (min-width: 768px) {\n            .benefit-card-text {\n                font-size: 14px;\n            }\n        }\n\n        \/* FAQ *\/\n        .faq-section {\n            margin: 40px 0;\n            padding: 25px 15px;\n            background: linear-gradient(135deg, #faf5ff, #f3e8ff);\n            border-radius: 20px;\n        }\n\n        @media (min-width: 768px) {\n            .faq-section {\n                padding: 35px 25px;\n            }\n        }\n\n        .faq-item {\n            background: white;\n            margin-bottom: 15px;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n        }\n\n        .faq-question {\n            padding: 18px 15px;\n            cursor: pointer;\n            font-size: 15px;\n            font-weight: 600;\n            color: #2c3e50;\n            position: relative;\n            transition: background 0.3s ease;\n        }\n\n        @media (min-width: 768px) {\n            .faq-question {\n                padding: 20px 20px;\n                font-size: 17px;\n            }\n        }\n\n        .faq-question:hover {\n            background: #f8f9fa;\n        }\n\n        .faq-answer {\n            padding: 0 15px;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease, padding 0.3s ease;\n            color: #666;\n            font-size: 13px;\n            line-height: 1.8;\n        }\n\n        @media (min-width: 768px) {\n            .faq-answer {\n                padding: 0 20px;\n                font-size: 15px;\n            }\n        }\n\n        .faq-item.active .faq-answer {\n            max-height: 500px;\n            padding: 15px;\n        }\n\n        @media (min-width: 768px) {\n            .faq-item.active .faq-answer {\n                padding: 20px;\n            }\n        }\n\n        .faq-icon {\n            display: inline-block;\n            margin-right: 10px;\n            transition: transform 0.3s ease;\n        }\n\n        .faq-item.active .faq-icon {\n            transform: rotate(90deg);\n        }\n\n        \/* ÁREAS DE IMPACTO *\/\n        .impact-section {\n            margin: 40px 0;\n        }\n\n        .impact-title {\n            text-align: center;\n            font-size: 22px;\n            margin-bottom: 30px;\n            color: #2c3e50;\n            font-weight: bold;\n        }\n\n        @media (min-width: 768px) {\n            .impact-title {\n                font-size: 28px;\n                margin-bottom: 35px;\n            }\n        }\n\n        .impact-item {\n            margin-bottom: 25px;\n        }\n\n        .impact-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n        }\n\n        .impact-label {\n            font-weight: 600;\n            color: #2c3e50;\n            font-size: 14px;\n        }\n\n        @media (min-width: 768px) {\n            .impact-label {\n                font-size: 16px;\n            }\n        }\n\n        .impact-value {\n            font-weight: bold;\n            font-size: 16px;\n        }\n\n        @media (min-width: 768px) {\n            .impact-value {\n                font-size: 18px;\n            }\n        }\n\n        .progress-bar {\n            width: 100%;\n            height: 28px;\n            background: #e5e7eb;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\n        }\n\n        @media (min-width: 768px) {\n            .progress-bar {\n                height: 32px;\n            }\n        }\n\n        .progress-fill {\n            height: 100%;\n            border-radius: 20px;\n            transition: width 1s ease;\n            background: linear-gradient(90deg, #b794f6, #ec4899);\n        }\n\n        \/* COMPARACIÓN ABSORCIÓN *\/\n        .absorption-section {\n            margin: 50px 0;\n        }\n\n        .absorption-title {\n            text-align: center;\n            font-size: 22px;\n            margin-bottom: 35px;\n            color: #2c3e50;\n            font-weight: bold;\n        }\n\n        @media (min-width: 768px) {\n            .absorption-title {\n                font-size: 28px;\n                margin-bottom: 40px;\n            }\n        }\n\n        .absorption-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 20px;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        @media (min-width: 600px) {\n            .absorption-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        .absorption-bar {\n            text-align: center;\n        }\n\n        .bar-container {\n            background: #f3f4f6;\n            border-radius: 12px;\n            overflow: hidden;\n            margin-bottom: 10px;\n        }\n\n        .bar-fill {\n            border-radius: 12px 12px 0 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: bold;\n            font-size: 28px;\n            transition: height 1s ease;\n        }\n\n        @media (min-width: 768px) {\n            .bar-fill {\n                font-size: 32px;\n            }\n        }\n\n        .bar-traditional {\n            height: 120px;\n            background: #ef4444;\n        }\n\n        .bar-yerba {\n            height: 300px;\n            background: linear-gradient(180deg, #10b981 0%, #059669 100%);\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .best-badge {\n            background: #f59e0b;\n            padding: 6px 14px;\n            border-radius: 20px;\n            font-size: 12px;\n            font-weight: bold;\n            color: white;\n        }\n\n        @media (min-width: 768px) {\n            .best-badge {\n                font-size: 13px;\n            }\n        }\n\n        .bar-label {\n            background: #2c3e50;\n            padding: 12px;\n            border-radius: 0 0 12px 12px;\n            color: white;\n            font-weight: 600;\n            font-size: 13px;\n        }\n\n        @media (min-width: 768px) {\n            .bar-label {\n                padding: 15px;\n                font-size: 15px;\n            }\n        }\n\n        .bar-label-green {\n            background: #10b981;\n        }\n\n        .absorption-note {\n            text-align: center;\n            color: #666;\n            margin-top: 25px;\n            font-size: 12px;\n            font-style: italic;\n        }\n\n        @media (min-width: 768px) {\n            .absorption-note {\n                font-size: 13px;\n            }\n        }\n\n        \/* SATISFACCIÓN *\/\n        .satisfaction-section {\n            margin: 40px 0;\n            text-align: center;\n            padding: 25px 15px;\n            background: linear-gradient(135deg, #b794f6 0%, #ec4899 100%);\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(183, 148, 246, 0.3);\n        }\n\n        @media (min-width: 768px) {\n            .satisfaction-section {\n                padding: 35px 25px;\n            }\n        }\n\n        .satisfaction-title {\n            color: white;\n            font-size: 22px;\n            margin-bottom: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n\n        @media (min-width: 768px) {\n            .satisfaction-title {\n                font-size: 28px;\n            }\n        }\n\n        .stars {\n            font-size: 32px;\n            margin-bottom: 15px;\n        }\n\n        @media (min-width: 768px) {\n            .stars {\n                font-size: 36px;\n            }\n        }\n\n        .rating-score {\n            color: white;\n            font-size: 40px;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        @media (min-width: 768px) {\n            .rating-score {\n                font-size: 48px;\n            }\n        }\n\n        .rating-text {\n            color: rgba(255,255,255,0.95);\n            font-size: 14px;\n        }\n\n        @media (min-width: 768px) {\n            .rating-text {\n                font-size: 16px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"container\"\u003e\n        \n        \u003c!-- SECCIÓN: PIDE Y PAGA EN CASA --\u003e\n        \u003cdiv class=\"hero-section\"\u003e\n            \u003ch2 class=\"hero-title\"\u003e🏠 PIDE Y PAGA EN TU CASA\u003c\/h2\u003e\n            \u003cp class=\"hero-subtitle\"\u003eCompra 100% segura con despacho rápido\u003c\/p\u003e\n            \n            \u003c!-- Proceso compacto --\u003e\n            \u003cdiv class=\"process-grid\"\u003e\n                \u003cdiv class=\"process-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n                    \u003cdiv class=\"step-icon\"\u003e🛒\u003c\/div\u003e\n                    \u003ch3 class=\"step-title\"\u003eHaz tu Pedido\u003c\/h3\u003e\n                    \u003cp class=\"step-desc\"\u003eOrden online rápida\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"process-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                    \u003cdiv class=\"step-icon\"\u003e📦\u003c\/div\u003e\n                    \u003ch3 class=\"step-title\"\u003eDespacho\u003c\/h3\u003e\n                    \u003cp class=\"step-desc\"\u003e24-72 horas\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"process-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                    \u003cdiv class=\"step-icon\"\u003e💳\u003c\/div\u003e\n                    \u003ch3 class=\"step-title\"\u003ePaga en Casa\u003c\/h3\u003e\n                    \u003cp class=\"step-desc\"\u003eTodos los métodos\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Métodos de Pago --\u003e\n            \u003cdiv class=\"payment-section\"\u003e\n                \u003ch3 class=\"payment-title\"\u003e💳 Métodos de Pago\u003c\/h3\u003e\n                \u003cdiv class=\"payment-grid\"\u003e\n                    \u003cdiv class=\"payment-method\"\u003e\n                        \u003cdiv class=\"payment-icon\"\u003e💵\u003c\/div\u003e\n                        \u003ch4 class=\"payment-name\"\u003eEfectivo\u003c\/h4\u003e\n                        \u003cp class=\"payment-desc\"\u003ePaga al recibir\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"payment-method\"\u003e\n                        \u003cdiv class=\"payment-icon\"\u003e💳\u003c\/div\u003e\n                        \u003ch4 class=\"payment-name\"\u003eDébito\u003c\/h4\u003e\n                        \u003cp class=\"payment-desc\"\u003eRedCompra\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"payment-method\"\u003e\n                        \u003cdiv class=\"payment-icon\"\u003e💎\u003c\/div\u003e\n                        \u003ch4 class=\"payment-name\"\u003eCrédito\u003c\/h4\u003e\n                        \u003cp class=\"payment-desc\"\u003eTodas las tarjetas\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- Beneficios --\u003e\n                \u003cdiv class=\"benefits-grid\"\u003e\n                    \u003cdiv class=\"benefit-item\"\u003e\n                        \u003cspan style=\"font-size: 16px; margin-right: 5px;\"\u003e✅\u003c\/span\u003e\n                        \u003cspan class=\"benefit-text\"\u003eSin costos ocultos\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"benefit-item\"\u003e\n                        \u003cspan style=\"font-size: 16px; margin-right: 5px;\"\u003e✅\u003c\/span\u003e\n                        \u003cspan class=\"benefit-text\"\u003e100% seguro\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- TABLA COMPARATIVA --\u003e\n        \u003cdiv class=\"comparison-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003eYERBA MAGIC® vs Otras Yerbas\u003c\/h2\u003e\n            \u003cp class=\"section-subtitle\"\u003eNos enorgullecemos de nuestra fórmula premium con ingredientes nootrópicos de alta calidad\u003c\/p\u003e\n            \n            \u003ctable class=\"comparison-table\"\u003e\n                \u003cthead\u003e\n                    \u003ctr\u003e\n                        \u003cth style=\"text-align: left;\"\u003e\u003c\/th\u003e\n                        \u003cth\u003eYERBA MAGIC®\u003c\/th\u003e\n                        \u003cth\u003eOtras Marcas\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eFórmula Nootrópica\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"cross-icon\"\u003e✗\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eMejora el Enfoque\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"cross-icon\"\u003e✗\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eSalud Digestiva\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"cross-icon\"\u003e✗\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eEstimula Creatividad\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"cross-icon\"\u003e✗\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eEnergía Limpia\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"cross-icon\"\u003e✗\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eSabor Durazno Mango\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"cross-icon\"\u003e✗\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- BENEFICIOS CLAVE --\u003e\n        \u003cdiv class=\"benefits-section\"\u003e\n            \u003ch2 class=\"benefits-header\"\u003e¿Por Qué Elegir YERBA MAGIC®?\u003c\/h2\u003e\n            \u003cp class=\"benefits-desc\"\u003eLa diferencia está en los detalles\u003c\/p\u003e\n            \n            \u003cdiv class=\"benefits-cards\"\u003e\n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cdiv class=\"benefit-emoji\"\u003e🎯\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-card-title\"\u003eEnfoque Máximo\u003c\/h3\u003e\n                    \u003cp class=\"benefit-card-text\"\u003eMejora tu concentración y productividad sin nerviosismo\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cdiv class=\"benefit-emoji\"\u003e💎\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-card-title\"\u003eSalud Digestiva\u003c\/h3\u003e\n                    \u003cp class=\"benefit-card-text\"\u003eFórmula que cuida tu sistema digestivo mientras te energiza\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cdiv class=\"benefit-emoji\"\u003e🎨\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-card-title\"\u003eCreatividad Potenciada\u003c\/h3\u003e\n                    \u003cp class=\"benefit-card-text\"\u003eDesbloquea tu potencial creativo con ingredientes nootrópicos\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cdiv class=\"benefit-emoji\"\u003e⚡\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-card-title\"\u003eEnergía Sostenida\u003c\/h3\u003e\n                    \u003cp class=\"benefit-card-text\"\u003e30 porciones de energía limpia sin caídas bruscas\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- PREGUNTAS FRECUENTES --\u003e\n        \u003cdiv class=\"faq-section\"\u003e\n            \u003ch2 class=\"section-title\" style=\"color: #2c3e50;\"\u003ePreguntas Frecuentes\u003c\/h2\u003e\n            \u003cp class=\"section-subtitle\" style=\"color: #666;\"\u003eTodo lo que necesitas saber sobre Yerba Magic\u003c\/p\u003e\n            \n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFAQ(this)\"\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▶\u003c\/span\u003e ¿Qué hace diferente a Yerba Magic?\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    Yerba Magic combina yerba mate orgánica con ingredientes nootrópicos premium que mejoran el enfoque, la creatividad y la salud digestiva. A diferencia de otras yerbas tradicionales, nuestra fórmula está diseñada científicamente para ofrecer energía limpia sin nerviosismo ni caídas bruscas, mientras cuida tu bienestar digestivo.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFAQ(this)\"\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▶\u003c\/span\u003e ¿Cuánto tiempo dura el envase?\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    Cada envase contiene 30 porciones, suficiente para un mes completo si tomas una porción al día. Recomendamos preparar tu Yerba Magic por la mañana o antes de actividades que requieran concentración máxima.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFAQ(this)\"\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▶\u003c\/span\u003e ¿Qué beneficios voy a notar?\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    Con Yerba Magic notarás: mejora en concentración y enfoque mental, aumento de creatividad y claridad mental, energía sostenida sin nerviosismo, mejor salud digestiva, y estado de ánimo más positivo. Los resultados suelen notarse desde la primera toma, con beneficios acumulativos en las primeras 2-3 semanas de uso constante.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFAQ(this)\"\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▶\u003c\/span\u003e ¿Es seguro tomar Yerba Magic todos los días?\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    Absolutamente. Yerba Magic está formulada con ingredientes naturales y orgánicos de la más alta calidad. Nuestra fórmula nootrópica ha sido cuidadosamente diseñada para uso diario, proporcionando beneficios acumulativos sin efectos secundarios. BRAINISTA® cumple con los más altos estándares de calidad y pureza.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- ÁREAS DE IMPACTO --\u003e\n        \u003cdiv class=\"impact-section\"\u003e\n            \u003ch3 class=\"impact-title\"\u003eÁreas de Impacto en tu Bienestar\u003c\/h3\u003e\n            \n            \u003cdiv class=\"impact-item\"\u003e\n                \u003cdiv class=\"impact-header\"\u003e\n                    \u003cspan class=\"impact-label\"\u003e🎯 Enfoque Mental\u003c\/span\u003e\n                    \u003cspan class=\"impact-value\" style=\"color: #b794f6;\"\u003e95%\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"progress-bar\"\u003e\n                    \u003cdiv class=\"progress-fill\" style=\"width: 95%;\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"impact-item\"\u003e\n                \u003cdiv class=\"impact-header\"\u003e\n                    \u003cspan class=\"impact-label\"\u003e💎 Salud Digestiva\u003c\/span\u003e\n                    \u003cspan class=\"impact-value\" style=\"color: #10b981;\"\u003e92%\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"progress-bar\"\u003e\n                    \u003cdiv class=\"progress-fill\" style=\"width: 92%; background: linear-gradient(90deg, #10b981, #059669);\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"impact-item\"\u003e\n                \u003cdiv class=\"impact-header\"\u003e\n                    \u003cspan class=\"impact-label\"\u003e🎨 Creatividad\u003c\/span\u003e\n                    \u003cspan class=\"impact-value\" style=\"color: #ec4899;\"\u003e90%\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"progress-bar\"\u003e\n                    \u003cdiv class=\"progress-fill\" style=\"width: 90%; background: linear-gradient(90deg, #ec4899, #f59e0b);\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"impact-item\"\u003e\n                \u003cdiv class=\"impact-header\"\u003e\n                    \u003cspan class=\"impact-label\"\u003e⚡ Energía Limpia\u003c\/span\u003e\n                    \u003cspan class=\"impact-value\" style=\"color: #f59e0b;\"\u003e94%\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"progress-bar\"\u003e\n                    \u003cdiv class=\"progress-fill\" style=\"width: 94%; background: linear-gradient(90deg, #f59e0b, #ec4899);\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- COMPARACIÓN EFECTIVIDAD --\u003e\n        \u003cdiv class=\"absorption-section\"\u003e\n            \u003ch3 class=\"absorption-title\"\u003eComparación de Efectividad\u003c\/h3\u003e\n            \n            \u003cdiv class=\"absorption-grid\"\u003e\n                \u003cdiv class=\"absorption-bar\"\u003e\n                    \u003cdiv class=\"bar-container\"\u003e\n                        \u003cdiv class=\"bar-fill bar-traditional\"\u003e\n                            \u003cspan\u003e45%\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"bar-label\"\u003eYerba Tradicional\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"absorption-bar\"\u003e\n                    \u003cdiv class=\"bar-container\"\u003e\n                        \u003cdiv class=\"bar-fill bar-yerba\"\u003e\n                            \u003cspan\u003e97%\u003c\/span\u003e\n                            \u003cspan class=\"best-badge\"\u003e⭐ Mejor\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"bar-label bar-label-green\"\u003eYERBA MAGIC®\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cp class=\"absorption-note\"\u003e*Basado en estudios de efectividad de ingredientes nootrópicos y satisfacción de clientes\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- SATISFACCIÓN DE CLIENTES --\u003e\n        \u003cdiv class=\"satisfaction-section\"\u003e\n            \u003ch3 class=\"satisfaction-title\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h3\u003e\n            \u003cdiv class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n            \u003cdiv class=\"rating-score\"\u003e4.9\/5\u003c\/div\u003e\n            \u003cp class=\"rating-text\"\u003eBasado en más de 500+ reseñas verificadas\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function toggleFAQ(element) {\n            const faqItem = element.parentElement;\n            const isActive = faqItem.classList.contains('active');\n            \n            \/\/ Cerrar todos los FAQ\n            document.querySelectorAll('.faq-item').forEach(item =\u003e {\n                item.classList.remove('active');\n            });\n            \n            \/\/ Abrir el clickeado si no estaba activo\n            if (!isActive) {\n                faqItem.classList.add('active');\n            }\n        }\n\n        \/\/ Animación de barras de progreso al hacer scroll\n        function animateOnScroll() {\n            const progressBars = document.querySelectorAll('.progress-fill');\n            const barFills = document.querySelectorAll('.bar-fill');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        if (entry.target.classList.contains('progress-fill')) {\n                            const width = entry.target.style.width;\n                            entry.target.style.width = '0';\n                            setTimeout(() =\u003e {\n                                entry.target.style.width = width;\n                            }, 100);\n                        }\n                    }\n                });\n            }, { threshold: 0.5 });\n            \n            progressBars.forEach(bar =\u003e observer.observe(bar));\n            barFills.forEach(bar =\u003e observer.observe(bar));\n        }\n\n        \/\/ Iniciar animaciones cuando carga la página\n        window.addEventListener('load', animateOnScroll);\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Compra Smart","offers":[{"title":"Default Title","offer_id":52822280667499,"sku":"Yerba Magic Té Mate Suplemento Natural","price":25990.0,"currency_code":"CLP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN1_f20ddd4f-1208-484d-be84-72a83be3963a.jpg?v=1769999175","url":"https:\/\/comprasmartt.com\/products\/yerba-magic-te-mate-suplemento-natural","provider":"Compra Smart","version":"1.0","type":"link"}