{"title":"Home page","description":null,"products":[{"product_id":"alimentacion-barf","title":"Alimentación BARF","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n \u003ctitle\u003eGuía BARF - Alimentación Natural para Perros | Aprende Paso a Paso\u003c\/title\u003e\n \n \u003c!-- SEO --\u003e\n \u003cmeta name=\"description\" content=\"Guía práctica BARF: aprende a alimentar a tu perro con comida natural. Desde cero, sin tecnicismos. Ebook + 4 bonus. Acceso inmediato.\"\u003e\n \u003cmeta name=\"keywords\" content=\"dieta BARF perros, alimentación natural perros, guía BARF, comida casera perros\"\u003e\n \u003cmeta property=\"og:title\" content=\"Guía BARF - Alimentación Natural para Perros\"\u003e\n \u003cmeta property=\"og:description\" content=\"Aprende el método BARF paso a paso. Desde cero, sin tecnicismos.\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0961\/5366\/5857\/files\/20251229_1446_BARF_para_Perros_simple_compose_01kdnkf81ne5eaj6rb96ywd6es.png\"\u003e\n\n \u003c!-- FUENTES --\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;800;900\u0026amp;family=Inter:wght@300;400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n \u003cstyle\u003e\n \/* ═══════════════════════════════════════════════════════════════\n VARIABLES GLOBALES\n ═══════════════════════════════════════════════════════════════ *\/\n :root {\n --primary: #1B5E5E;\n --primary-dark: #0f3f3f;\n --accent: #C9A961;\n --bg-main: #F8F7F5;\n --bg-card: #FFFFFF;\n --text-main: #1A1A1A;\n --text-light: #666666;\n --text-muted: #999999;\n --border-line: #E8E8E8;\n --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);\n --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.06);\n --shadow-lg: 0 15px 35px rgba(0, 0, 0, 0.08);\n --radius-sm: 8px;\n --radius-md: 12px;\n --radius-lg: 16px;\n --radius-pill: 50px;\n --transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n --ease-out: cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n \/* RESET *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background-color: var(--bg-main);\n color: var(--text-main);\n line-height: 1.6;\n overflow-x: hidden;\n padding-top: 70px;\n padding-bottom: 60px;\n }\n\n h1, h2, h3, h4, h5 {\n font-family: 'Playfair Display', serif;\n font-weight: 800;\n line-height: 1.2;\n letter-spacing: -0.5px;\n }\n\n h1 { font-size: 56px; margin-bottom: 20px; }\n h2 { font-size: 42px; margin-bottom: 25px; }\n h3 { font-size: 24px; margin-bottom: 15px; }\n h4 { font-size: 18px; margin-bottom: 12px; }\n\n p { margin-bottom: 16px; font-size: 16px; line-height: 1.65; }\n\n .container {\n max-width: 640px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .text-center { text-align: center; }\n\n \/* ═══════════════════════════════════════════════════════════════\n HEADER STICKY\n ═══════════════════════════════════════════════════════════════ *\/\n .header-sticky {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid rgba(27, 94, 94, 0.1);\n z-index: 1000;\n padding: 12px 0;\n }\n\n .header-inner {\n max-width: 640px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n }\n\n .header-logo {\n font-family: 'Playfair Display', serif;\n font-size: 16px;\n font-weight: 900;\n color: var(--primary);\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .header-logo i { color: var(--accent); }\n\n .header-actions {\n display: flex;\n gap: 10px;\n align-items: center;\n }\n\n .timer-badge {\n background: var(--primary);\n color: white;\n font-weight: 700;\n padding: 6px 12px;\n border-radius: var(--radius-sm);\n font-size: 12px;\n font-family: 'Courier New', monospace;\n }\n\n .btn-header {\n background: var(--accent);\n color: var(--primary);\n font-weight: 700;\n padding: 8px 16px;\n border-radius: var(--radius-pill);\n text-decoration: none;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: var(--transition);\n border: none;\n cursor: pointer;\n }\n\n .btn-header:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(201, 169, 97, 0.25);\n }\n\n \/* BARRA PROGRESO *\/\n .progress-bar {\n position: fixed;\n top: 69px;\n left: 0;\n height: 2px;\n background: var(--accent);\n width: 0%;\n z-index: 999;\n transition: width 0.1s ease;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n HERO SECTION - NUEVA\n ═══════════════════════════════════════════════════════════════ *\/\n .hero {\n padding: 60px 0 40px;\n text-align: center;\n }\n\n .hero h1 {\n color: var(--text-main);\n margin-bottom: 16px;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .hero-subtitle {\n font-size: 18px;\n color: var(--text-light);\n margin-bottom: 30px;\n line-height: 1.7;\n animation: fadeInUp 0.6s ease-out 0.1s both;\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* BOTÓN CTA *\/\n .btn-cta {\n display: inline-block;\n background: linear-gradient(135deg, var(--primary), #0f3f3f);\n color: white;\n padding: 18px 32px;\n border-radius: var(--radius-pill);\n text-align: center;\n text-decoration: none;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: none;\n cursor: pointer;\n transition: var(--transition);\n box-shadow: 0 8px 20px rgba(27, 94, 94, 0.25);\n animation: fadeInUp 0.6s ease-out 0.2s both;\n margin: 20px auto;\n }\n\n .btn-cta:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 30px rgba(27, 94, 94, 0.35);\n }\n\n .btn-cta:active {\n transform: translateY(-1px);\n }\n\n .cta-subtext {\n font-size: 13px;\n color: var(--text-muted);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-top: 12px;\n flex-wrap: wrap;\n animation: fadeInUp 0.6s ease-out 0.3s both;\n }\n\n .cta-subtext span {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: PROBLEMAS (DESPUÉS DEL HERO)\n ═══════════════════════════════════════════════════════════════ *\/\n .pain-section {\n background: var(--bg-card);\n padding: 50px 0;\n margin: 40px 0;\n border-top: 1px solid var(--border-line);\n border-bottom: 1px solid var(--border-line);\n }\n\n .pain-title {\n text-align: center;\n margin-bottom: 35px;\n }\n\n .pain-items {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n }\n\n .pain-item {\n background: linear-gradient(135deg, rgba(27, 94, 94, 0.05), rgba(201, 169, 97, 0.05));\n border: 1px solid rgba(27, 94, 94, 0.1);\n border-radius: var(--radius-md);\n padding: 16px 18px;\n display: flex;\n gap: 12px;\n align-items: flex-start;\n transition: var(--transition);\n animation: fadeInUp 0.5s ease-out forwards;\n opacity: 0;\n }\n\n .pain-item:nth-child(1) { animation-delay: 0.1s; }\n .pain-item:nth-child(2) { animation-delay: 0.15s; }\n .pain-item:nth-child(3) { animation-delay: 0.2s; }\n .pain-item:nth-child(4) { animation-delay: 0.25s; }\n .pain-item:nth-child(5) { animation-delay: 0.3s; }\n\n .pain-item:hover {\n background: linear-gradient(135deg, rgba(27, 94, 94, 0.08), rgba(201, 169, 97, 0.08));\n border-color: var(--accent);\n }\n\n .pain-item i {\n color: var(--primary);\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n .pain-item span {\n font-weight: 500;\n color: var(--text-main);\n line-height: 1.4;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: SOLUCIÓN + EBOOK\n ═══════════════════════════════════════════════════════════════ *\/\n .solution-section {\n padding: 50px 0;\n }\n\n .solution-intro {\n text-align: center;\n margin-bottom: 35px;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .solution-intro p {\n font-size: 18px;\n color: var(--text-light);\n font-style: italic;\n }\n\n .ebook-preview {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin: 40px 0;\n animation: fadeInUp 0.6s ease-out 0.1s both;\n }\n\n .ebook-card {\n background: var(--bg-card);\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-md);\n transition: var(--transition);\n }\n\n .ebook-card:hover {\n box-shadow: var(--shadow-lg);\n transform: translateY(-4px);\n }\n\n .ebook-card img {\n width: 100%;\n height: 200px;\n object-fit: contain;\n background: var(--bg-main);\n display: block;\n }\n\n .ebook-card-label {\n padding: 14px;\n text-align: center;\n background: var(--bg-main);\n border-top: 1px solid var(--border-line);\n }\n\n .ebook-card-label h4 {\n margin: 0 0 4px 0;\n color: var(--primary);\n font-size: 14px;\n }\n\n .ebook-card-label p {\n margin: 0;\n font-size: 12px;\n color: var(--text-muted);\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n CARRUSEL BONUS\n ═══════════════════════════════════════════════════════════════ *\/\n .bonus-carousel-container {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 30px;\n overflow: hidden;\n width: 100%;\n }\n\n .bonus-slides {\n display: flex;\n transition: transform 0.4s ease-out;\n width: 100%;\n overflow: hidden;\n }\n\n .bonus-slide {\n min-width: 100%;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .bonus-carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: var(--primary);\n color: white;\n border: none;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: var(--transition);\n font-size: 14px;\n }\n\n .bonus-carousel-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-50%) scale(1.08);\n }\n\n .bonus-carousel-btn.prev { \n left: 0; \n }\n .bonus-carousel-btn.next { \n right: 0; \n }\n\n .bonus-carousel-dots {\n position: absolute;\n bottom: -40px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 6px;\n z-index: 10;\n }\n\n .bonus-dot {\n width: 8px;\n height: 8px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 50%;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .bonus-dot.active {\n background: var(--accent);\n transform: scale(1.3);\n }\n\n \/* Estilos específicos para ebook-card en el carrusel bonus *\/\n .bonus-slide .ebook-card {\n max-width: 280px;\n width: 100%;\n }\n\n .bonus-slide .ebook-card img {\n width: 100%;\n height: 280px;\n object-fit: cover;\n background: var(--bg-main);\n display: block;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: DENTRO DEL EBOOK VAS A APRENDER\n ═══════════════════════════════════════════════════════════════ *\/\n .benefits-section {\n background: linear-gradient(135deg, rgba(27, 94, 94, 0.05), rgba(201, 169, 97, 0.05));\n border-radius: var(--radius-lg);\n padding: 35px;\n margin: 40px 0;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .benefits-section h3 {\n text-align: center;\n margin-bottom: 25px;\n color: var(--primary);\n }\n\n .benefits-list {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n list-style: none;\n }\n\n .benefit-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n font-size: 15px;\n line-height: 1.5;\n }\n\n .benefit-item i {\n color: var(--accent);\n margin-top: 3px;\n flex-shrink: 0;\n font-weight: 700;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: LO QUE MÁS VALORAN\n ═══════════════════════════════════════════════════════════════ *\/\n .values-section {\n padding: 50px 0;\n }\n\n .values-title {\n text-align: center;\n margin-bottom: 35px;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .values-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n animation: fadeInUp 0.6s ease-out 0.1s both;\n }\n\n .value-card {\n background: var(--bg-card);\n border: 1px solid var(--border-line);\n border-radius: var(--radius-md);\n padding: 16px;\n display: flex;\n gap: 12px;\n align-items: flex-start;\n transition: var(--transition);\n }\n\n .value-card:hover {\n border-color: var(--accent);\n box-shadow: var(--shadow-md);\n }\n\n .value-card i {\n color: var(--primary);\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .value-card span {\n font-weight: 500;\n color: var(--text-main);\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: BONUS COMO REGALOS\n ═══════════════════════════════════════════════════════════════ *\/\n .bonus-section {\n padding: 40px 0;\n background: var(--bg-card);\n margin: 40px 0;\n border-top: 1px solid var(--border-line);\n border-bottom: 1px solid var(--border-line);\n }\n\n .bonus-intro {\n text-align: center;\n margin-bottom: 30px;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .bonus-intro h3 {\n color: var(--primary);\n margin-bottom: 8px;\n }\n\n .bonus-intro p {\n color: var(--text-light);\n font-size: 15px;\n }\n\n .bonus-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n animation: fadeInUp 0.6s ease-out 0.1s both;\n }\n\n .bonus-card {\n background: linear-gradient(135deg, rgba(27, 94, 94, 0.05), rgba(201, 169, 97, 0.05));\n border: 1px solid rgba(27, 94, 94, 0.1);\n border-radius: var(--radius-md);\n padding: 14px;\n text-align: center;\n transition: var(--transition);\n }\n\n .bonus-card:hover {\n border-color: var(--accent);\n background: linear-gradient(135deg, rgba(27, 94, 94, 0.08), rgba(201, 169, 97, 0.08));\n transform: translateY(-2px);\n }\n\n .bonus-emoji {\n font-size: 28px;\n margin-bottom: 8px;\n }\n\n .bonus-card h4 {\n font-size: 14px;\n color: var(--primary);\n margin: 0 0 4px 0;\n }\n\n .bonus-card p {\n font-size: 12px;\n color: var(--text-muted);\n margin: 0;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: TU PERRO SUFRE DE ESTO?\n ═══════════════════════════════════════════════════════════════ *\/\n .suffers-section {\n padding: 50px 0;\n background: linear-gradient(135deg, rgba(27, 94, 94, 0.03), rgba(201, 169, 97, 0.03));\n margin: 40px 0;\n border-top: 1px solid var(--border-line);\n border-bottom: 1px solid var(--border-line);\n }\n\n .suffers-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 16px;\n margin-bottom: 30px;\n }\n\n .suffers-card {\n background: var(--bg-card);\n border: 1px solid var(--border-line);\n border-radius: var(--radius-md);\n padding: 18px;\n text-align: center;\n transition: var(--transition);\n animation: fadeInUp 0.5s ease-out forwards;\n opacity: 0;\n }\n\n .suffers-card:nth-child(1) { animation-delay: 0.05s; }\n .suffers-card:nth-child(2) { animation-delay: 0.1s; }\n .suffers-card:nth-child(3) { animation-delay: 0.15s; }\n .suffers-card:nth-child(4) { animation-delay: 0.2s; }\n .suffers-card:nth-child(5) { animation-delay: 0.25s; }\n .suffers-card:nth-child(6) { animation-delay: 0.3s; }\n\n .suffers-card:hover {\n border-color: var(--primary);\n box-shadow: var(--shadow-md);\n transform: translateY(-4px);\n background: linear-gradient(135deg, rgba(27, 94, 94, 0.05), rgba(201, 169, 97, 0.05));\n }\n\n .suffers-card i {\n font-size: 28px;\n color: var(--primary);\n margin-bottom: 10px;\n display: block;\n }\n\n .suffers-card h4 {\n font-size: 14px;\n color: var(--primary);\n margin: 0 0 6px 0;\n font-weight: 700;\n }\n\n .suffers-card p {\n font-size: 12px;\n color: var(--text-muted);\n margin: 0;\n line-height: 1.4;\n }\n\n .benefit-box {\n text-align: center;\n padding: 20px;\n background: var(--bg-card);\n border-radius: var(--radius-md);\n border: 1px solid var(--border-line);\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n CARRUSEL DE TESTIMONIOS\n ═══════════════════════════════════════════════════════════════ *\/\n .testimonials-section {\n padding: 50px 0;\n }\n\n .testimonials-intro {\n text-align: center;\n margin-bottom: 35px;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .carousel-wrapper {\n position: relative;\n background: var(--bg-card);\n border-radius: var(--radius-lg);\n padding: 25px 20px;\n box-shadow: var(--shadow-md);\n margin: 30px 0;\n animation: fadeInUp 0.6s ease-out 0.1s both;\n }\n\n .carousel-slides {\n display: flex;\n transition: transform 0.4s ease-out;\n }\n\n .carousel-slide {\n min-width: 100%;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .testimonial-stars {\n color: #facc15;\n font-size: 14px;\n }\n\n .testimonial-name {\n font-weight: 700;\n color: var(--primary);\n font-size: 14px;\n }\n\n .testimonial-date {\n font-size: 12px;\n color: var(--text-muted);\n }\n\n .testimonial-text {\n font-size: 15px;\n color: var(--text-light);\n line-height: 1.6;\n font-style: italic;\n margin: 0;\n }\n\n .carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: var(--primary);\n color: white;\n border: none;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: var(--transition);\n font-size: 14px;\n }\n\n .carousel-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-50%) scale(1.08);\n }\n\n .carousel-btn.prev { left: 10px; }\n .carousel-btn.next { right: 10px; }\n\n .carousel-dots {\n position: absolute;\n bottom: 15px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 6px;\n z-index: 10;\n }\n\n .dot {\n width: 8px;\n height: 8px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 50%;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .dot.active {\n background: var(--accent);\n transform: scale(1.3);\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: PARA QUIÉN ES \/ NO ES\n ═══════════════════════════════════════════════════════════════ *\/\n .for-whom-section {\n padding: 50px 0;\n background: var(--bg-main);\n margin: 50px 0;\n border-top: 1px solid var(--border-line);\n border-bottom: 1px solid var(--border-line);\n animation: fadeInUp 0.6s ease-out;\n }\n\n .for-whom-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n }\n\n .for-whom-card h3 {\n margin-bottom: 20px;\n font-size: 18px;\n }\n\n .for-whom-card:first-child h3 {\n color: var(--primary);\n }\n\n .for-whom-card:last-child h3 {\n color: #d32f2f;\n }\n\n .for-whom-items {\n display: grid;\n gap: 12px;\n list-style: none;\n }\n\n .for-whom-item {\n display: flex;\n gap: 10px;\n font-size: 14px;\n line-height: 1.5;\n align-items: flex-start;\n }\n\n .for-whom-item i {\n margin-top: 3px;\n flex-shrink: 0;\n font-weight: 700;\n }\n\n .for-whom-card:first-child i { color: var(--primary); }\n .for-whom-card:last-child i { color: #d32f2f; }\n\n \/* ═══════════════════════════════════════════════════════════════\n SECCIÓN: OFERTA PRINCIPAL\n ═══════════════════════════════════════════════════════════════ *\/\n .offer-section {\n padding: 50px 0;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .offer-box {\n background: linear-gradient(135deg, var(--primary), #0f3f3f);\n color: white;\n padding: 45px 30px;\n border-radius: var(--radius-lg);\n text-align: center;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: var(--shadow-lg);\n }\n\n .offer-label {\n font-size: 12px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--accent);\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .offer-title {\n font-size: 32px;\n margin-bottom: 20px;\n line-height: 1.2;\n }\n\n .offer-content {\n margin: 30px 0;\n }\n\n .price-old {\n font-size: 20px;\n color: rgba(255, 255, 255, 0.5);\n text-decoration: line-through;\n margin-right: 12px;\n }\n\n .price-new {\n font-size: 52px;\n font-weight: 900;\n color: var(--accent);\n display: block;\n margin-top: 8px;\n }\n\n .discount-badge {\n display: inline-block;\n background: #ff6b6b;\n color: white;\n padding: 8px 16px;\n border-radius: var(--radius-pill);\n font-size: 14px;\n font-weight: 800;\n margin-top: 12px;\n animation: pulse-red 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse-red {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .offer-box .btn-cta {\n margin: 25px auto 0;\n }\n\n .security-checks {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n margin-top: 25px;\n text-align: left;\n }\n\n .security-check {\n display: flex;\n gap: 8px;\n font-size: 13px;\n align-items: flex-start;\n }\n\n .security-check i {\n color: var(--accent);\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n FAQ\n ═══════════════════════════════════════════════════════════════ *\/\n .faq-section {\n padding: 50px 0;\n animation: fadeInUp 0.6s ease-out;\n }\n\n .faq-title {\n text-align: center;\n margin-bottom: 35px;\n }\n\n .faq-item {\n background: var(--bg-card);\n border: 1px solid var(--border-line);\n border-radius: var(--radius-md);\n margin-bottom: 12px;\n overflow: hidden;\n transition: var(--transition);\n }\n\n .faq-item:hover {\n box-shadow: var(--shadow-md);\n }\n\n .faq-btn {\n width: 100%;\n padding: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: none;\n border: none;\n text-align: left;\n font-weight: 600;\n font-size: 15px;\n color: var(--text-main);\n cursor: pointer;\n transition: var(--transition);\n }\n\n .faq-btn:hover {\n color: var(--primary);\n }\n\n .faq-btn i {\n color: var(--accent);\n transition: var(--transition);\n font-size: 16px;\n }\n\n .faq-item.active .faq-btn i {\n transform: rotate(45deg);\n color: #d32f2f;\n }\n\n .faq-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background: var(--bg-main);\n }\n\n .faq-body {\n padding: 0 16px 16px;\n font-size: 14px;\n color: var(--text-light);\n line-height: 1.6;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n CTA FINAL\n ═══════════════════════════════════════════════════════════════ *\/\n .cta-final {\n text-align: center;\n padding: 40px 0;\n }\n\n .cta-final h2 {\n font-size: 32px;\n color: var(--primary);\n margin-bottom: 15px;\n }\n\n .cta-final p {\n font-size: 16px;\n color: var(--text-light);\n margin-bottom: 25px;\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n FLOTANTE MÓVIL CTA\n ═══════════════════════════════════════════════════════════════ *\/\n .floating-cta {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: var(--primary);\n padding: 10px 12px;\n z-index: 1001;\n display: none;\n animation: slideUp 0.3s ease-out;\n }\n\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n\n .floating-cta.show { display: block; }\n\n .floating-cta a {\n display: block;\n background: var(--accent);\n color: var(--primary);\n text-decoration: none;\n padding: 11px 14px;\n border-radius: var(--radius-md);\n text-align: center;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: all 0.2s ease;\n }\n\n .floating-cta a:active {\n transform: scale(0.96);\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n NOTIFICACIÓN FLOTANTE (SOCIAL PROOF)\n ═══════════════════════════════════════════════════════════════ *\/\n .float-notify {\n position: fixed;\n bottom: 20px;\n left: 20px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 1px solid var(--border-line);\n padding: 12px 16px;\n border-radius: var(--radius-pill);\n box-shadow: var(--shadow-lg);\n display: flex;\n align-items: center;\n gap: 12px;\n z-index: 950;\n transform: translateY(120px);\n opacity: 0;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n max-width: 90%;\n pointer-events: auto;\n will-change: transform, opacity;\n }\n\n .float-notify.show {\n transform: translateY(0);\n opacity: 1;\n pointer-events: auto;\n }\n\n .notify-avatar {\n width: 40px;\n height: 40px;\n background: var(--bg-main);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .notify-text {\n font-size: 12px;\n line-height: 1.3;\n color: var(--text-main);\n }\n\n .notify-text b {\n display: block;\n font-weight: 700;\n color: var(--primary);\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n FOOTER\n ═══════════════════════════════════════════════════════════════ *\/\n footer {\n background: var(--primary);\n color: rgba(255, 255, 255, 0.8);\n padding: 40px 20px 20px;\n text-align: center;\n font-size: 12px;\n margin-top: 60px;\n }\n\n footer h4 {\n color: white;\n margin-bottom: 15px;\n margin-top: 10px;\n font-size: 16px;\n }\n\n .footer-links {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin: 20px 0;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n transition: var(--transition);\n font-size: 11px;\n }\n\n .footer-links a:hover {\n color: var(--accent);\n }\n\n \/* ═══════════════════════════════════════════════════════════════\n RESPONSIVE\n ═══════════════════════════════════════════════════════════════ *\/\n @media (max-width: 768px) {\n body { padding-bottom: 90px; padding-top: 70px; font-size: 15px; }\n h1 { font-size: 36px; }\n h2 { font-size: 28px; }\n section { padding: 35px 0; }\n\n .ebook-preview { grid-template-columns: 1fr; gap: 16px; }\n .bonus-grid { grid-template-columns: 1fr 1fr; }\n .for-whom-grid { grid-template-columns: 1fr; gap: 20px; }\n .security-checks { grid-template-columns: 1fr; }\n .suffers-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n .suffers-benefits { grid-template-columns: 1fr 1fr !important; }\n\n .carousel-btn { width: 32px; height: 32px; font-size: 12px; }\n .offer-box { padding: 30px 20px; }\n .offer-title { font-size: 26px; }\n .price-new { font-size: 40px; }\n\n .cta-final h2 { font-size: 24px; }\n }\n\n @media (max-width: 480px) {\n h1 { font-size: 28px; }\n h2 { font-size: 22px; }\n .btn-cta { font-size: 14px; padding: 14px 24px; }\n .price-new { font-size: 36px; }\n .suffers-grid { grid-template-columns: 1fr; gap: 10px; }\n .suffers-benefits { grid-template-columns: 1fr !important; }\n .suffers-card h4 { font-size: 13px; }\n .suffers-card p { font-size: 11px; }\n }\n \u003c\/style\u003e\n\n\n\n \u003c!-- HEADER STICKY --\u003e\n \u003cdiv class=\"header-sticky\"\u003e\n \u003cdiv class=\"header-inner\"\u003e\n \u003cdiv class=\"header-logo\"\u003e\n \u003ci class=\"fas fa-paw\"\u003e\u003c\/i\u003e BARF\n \u003c\/div\u003e\n \u003cdiv class=\"header-actions\"\u003e\n \u003cdiv class=\"timer-badge\" id=\"headerTimer\"\u003e15:00\u003c\/div\u003e\n \u003ca href=\"#offer\" class=\"btn-header\"\u003eComprar\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BARRA PROGRESO --\u003e\n \u003cdiv class=\"progress-bar\" id=\"progressBar\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"container\"\u003e\n\n \u003c!-- HERO - NUEVO MENSAJE --\u003e\n \u003csection class=\"hero\"\u003e\n \u003ch1\u003eDescubrí Cómo Alimentar a tu Perro de Forma Natural, Aunque No Sepas Por Dónde Empezar\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eUna guía práctica, clara y paso a paso para aprender qué alimentos ofrecer, cómo hacer la transición correctamente y evitar los errores más comunes.\u003c\/p\u003e\n \n \u003cbutton class=\"btn-cta\" onclick=\"document.getElementById('offer').scrollIntoView({behavior: 'smooth'})\"\u003e\n Quiero Mi Ebook + 4 Bonus \u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \n \u003cdiv class=\"cta-subtext\"\u003e\n \u003cspan\u003e\u003ci class=\"fas fa-lock\"\u003e\u003c\/i\u003e Compra 100% segura\u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"fas fa-lightning-bolt\"\u003e\u003c\/i\u003e Acceso inmediato\u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"fas fa-mobile-alt\"\u003e\u003c\/i\u003e Compatible celular\u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"fas fa-file-pdf\"\u003e\u003c\/i\u003e PDF descargable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"pain-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"pain-title\"\u003e\n \u003ch2\u003e¿Te Pasa Alguna de Estas Situaciones?\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pain-items\"\u003e\n \u003cdiv class=\"pain-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eNo sabés qué puede comer tu perro.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pain-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eTenés miedo de hacer una dieta casera incorrecta.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pain-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEncontrás información contradictoria en internet.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pain-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eNo sabés cómo hacer la transición.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pain-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eQuerés alimentarlo mejor pero no sabés por dónde empezar.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"container\"\u003e\n\n \u003c!-- SOLUCIÓN --\u003e\n \u003csection class=\"solution-section\"\u003e\n \u003cdiv class=\"solution-intro\"\u003e\n \u003ch2\u003eNo Necesitás Ser Veterinario ni Nutricionista\u003c\/h2\u003e\n \u003cp\u003eSolo necesitás una guía que te lleve paso a paso.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ebook-preview\"\u003e\n \u003cdiv class=\"ebook-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0961\/5366\/5857\/files\/20251229_1446_BARF_para_Perros_simple_compose_01kdnkf81ne5eaj6rb96ywd6es.png?v=1767572603\" alt=\"Ebook BARF\"\u003e\n \u003cdiv class=\"ebook-card-label\"\u003e\n \u003ch4\u003eEbook Completo\u003c\/h4\u003e\n \u003cp\u003e80+ páginas prácticas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARRUSEL BONUS --\u003e\n \u003cdiv class=\"bonus-carousel-container\" id=\"bonusCarousel\"\u003e\n \u003cdiv class=\"bonus-slides\"\u003e\n \u003c!-- Bonus 1 --\u003e\n \u003cdiv class=\"bonus-slide\"\u003e\n \u003cdiv class=\"ebook-card\"\u003e\n \u003cimg loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0961\/5366\/5857\/files\/20251229_1455_Lista_de_Compras_BARF_simple_compose_01kdnkz0nvfhesd17fzkpf129y.png?v=1767572602\" alt=\"Bonus 1\"\u003e\n \u003cdiv class=\"ebook-card-label\"\u003e\n \u003ch4\u003eBonus 1\u003c\/h4\u003e\n \u003cp\u003eLista de Compras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Bonus 2 --\u003e\n \u003cdiv class=\"bonus-slide\"\u003e\n \u003cdiv class=\"ebook-card\"\u003e\n \u003cimg loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0961\/5366\/5857\/files\/20251229_1455_Lista_de_Compras_BARF_simple_compose_01kdnkz0nvfhesd17fzkpf129y.png?v=1767572602\" alt=\"Bonus 2\"\u003e\n \u003cdiv class=\"ebook-card-label\"\u003e\n \u003ch4\u003eBonus 2\u003c\/h4\u003e\n \u003cp\u003eCaldo de Hueso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Bonus 3 --\u003e\n \u003cdiv class=\"bonus-slide\"\u003e\n \u003cdiv class=\"ebook-card\"\u003e\n \u003cimg loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0961\/5366\/5857\/files\/20251229_1455_Lista_de_Compras_BARF_simple_compose_01kdnkz0nvfhesd17fzkpf129y.png?v=1767572602\" alt=\"Bonus 3\"\u003e\n \u003cdiv class=\"ebook-card-label\"\u003e\n \u003ch4\u003eBonus 3\u003c\/h4\u003e\n \u003cp\u003eCalculadora BARF\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Bonus 4 --\u003e\n \u003cdiv class=\"bonus-slide\"\u003e\n \u003cdiv class=\"ebook-card\"\u003e\n \u003cimg loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0961\/5366\/5857\/files\/20251229_1455_Lista_de_Compras_BARF_simple_compose_01kdnkz0nvfhesd17fzkpf129y.png?v=1767572602\" alt=\"Bonus 4\"\u003e\n \u003cdiv class=\"ebook-card-label\"\u003e\n \u003ch4\u003eBonus 4\u003c\/h4\u003e\n \u003cp\u003eRecetas de Premios\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CONTROLES CARRUSEL --\u003e\n \u003cbutton class=\"bonus-carousel-btn prev\"\u003e\u003ci class=\"fas fa-chevron-left\"\u003e\u003c\/i\u003e\u003c\/button\u003e\n \u003cbutton class=\"bonus-carousel-btn next\"\u003e\u003ci class=\"fas fa-chevron-right\"\u003e\u003c\/i\u003e\u003c\/button\u003e\n \u003cdiv class=\"bonus-carousel-dots\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- DENTRO DEL EBOOK --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch3\u003eDentro del Ebook Vas a Aprender\u003c\/h3\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003e\u003cstrong\u003eCómo empezar BARF desde cero.\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003e\u003cstrong\u003eQué alimentos son seguros\u003c\/strong\u003e y cuáles evitar.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003e\u003cstrong\u003eCómo calcular las porciones\u003c\/strong\u003e según el peso y edad.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003e\u003cstrong\u003eCómo hacer la transición\u003c\/strong\u003e sin diarreas ni problemas.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003e\u003cstrong\u003eMenús listos para aplicar\u003c\/strong\u003e hoy mismo.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003e\u003cstrong\u003eErrores que pueden afectar\u003c\/strong\u003e la salud de tu perro.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LO QUE MÁS VALORAN --\u003e\n \u003csection class=\"values-section\"\u003e\n \u003cdiv class=\"values-title\"\u003e\n \u003ch2\u003eLo Que Más Valoran Quienes Compraron\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"values-grid\"\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e\n \u003cspan\u003eExplicaciones simples, sin tecnicismos.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e\n \u003cspan\u003eMenús listos para aplicar.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e\n \u003cspan\u003eIdeal para quienes empiezan desde cero.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e\n \u003cspan\u003eIncluye alimentos permitidos y prohibidos.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-card\"\u003e\n \u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e\n \u003cspan\u003eBonus prácticos que ahorran tiempo.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- BONUS COMO REGALOS --\u003e\n \u003cdiv class=\"bonus-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"bonus-intro\"\u003e\n \u003ch3\u003eAdemás, HOY Recibís GRATIS\u003c\/h3\u003e\n \u003cp\u003e4 herramientas prácticas para que empieces desde el primer día\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bonus-grid\"\u003e\n \u003cdiv class=\"bonus-card\"\u003e\n \u003cdiv class=\"bonus-emoji\"\u003e📋\u003c\/div\u003e\n \u003ch4\u003eLista de Compras\u003c\/h4\u003e\n \u003cp\u003eIngredientes exactos y dónde comprar barato\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bonus-card\"\u003e\n \u003cdiv class=\"bonus-emoji\"\u003e🍲\u003c\/div\u003e\n \u003ch4\u003eCaldo de Hueso\u003c\/h4\u003e\n \u003cp\u003eGuía completa con beneficios y tablas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bonus-card\"\u003e\n \u003cdiv class=\"bonus-emoji\"\u003e🧮\u003c\/div\u003e\n \u003ch4\u003eCalculadora BARF\u003c\/h4\u003e\n \u003cp\u003eCalcula porciones según tu perro\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bonus-card\"\u003e\n \u003cdiv class=\"bonus-emoji\"\u003e🎁\u003c\/div\u003e\n \u003ch4\u003eRecetas de Premios\u003c\/h4\u003e\n \u003cp\u003eSnacks naturales caseros\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"suffers-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"text-center\" style=\"margin-bottom: 35px;\"\u003eTu Perro Sufre de Esto?\u003c\/h2\u003e\n \n \u003cdiv class=\"suffers-grid\"\u003e\n \u003cdiv class=\"suffers-card\"\u003e\n \u003ci class=\"fas fa-itching\"\u003e\u003c\/i\u003e\n \u003ch4\u003ePicazón Constante\u003c\/h4\u003e\n \u003cp\u003eRascado excesivo, piel inflamada, otitis recurrente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"suffers-card\"\u003e\n \u003ci class=\"fas fa-stomach\"\u003e\u003c\/i\u003e\n \u003ch4\u003eProblemas Digestivos\u003c\/h4\u003e\n \u003cp\u003eDiarrea, estreñimiento, gases, heces irregulares\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"suffers-card\"\u003e\n \u003ci class=\"fas fa-battery-quarter\"\u003e\u003c\/i\u003e\n \u003ch4\u003eSin Energía\u003c\/h4\u003e\n \u003cp\u003eLetargo, cansancio, poco interés en jugar\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"suffers-card\"\u003e\n \u003ci class=\"fas fa-allergies\"\u003e\u003c\/i\u003e\n \u003ch4\u003eAlergias e Inflamación\u003c\/h4\u003e\n \u003cp\u003eReacciones a alimentos, inflamación articular\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"suffers-card\"\u003e\n \u003ci class=\"fas fa-shaker\"\u003e\u003c\/i\u003e\n \u003ch4\u003ePelaje Opaco\u003c\/h4\u003e\n \u003cp\u003eFalta de brillo, caída excesiva de pelo\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"suffers-card\"\u003e\n \u003ci class=\"fas fa-heart-pulse\"\u003e\u003c\/i\u003e\n \u003ch4\u003eEnvejecimiento Acelerado\u003c\/h4\u003e\n \u003cp\u003eProblemas articulares, movilidad reducida\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"container\"\u003e\n\n \u003c!-- TESTIMONIOS CARRUSEL --\u003e\n \u003csection class=\"testimonials-section\"\u003e\n \u003cdiv class=\"testimonials-intro\"\u003e\n \u003ch2\u003eLo Dicen Otros Dueños\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-light); font-size: 16px;\"\u003eMiles de personas ya comenzaron a alimentar mejor a sus perros\u003c\/p\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"carousel-wrapper\" id=\"testimonialCarousel\"\u003e\n \u003cdiv class=\"carousel-slides\"\u003e\n \u003c!-- TESTIMONIOS GENERADOS AQUÍ POR JS --\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"carousel-btn prev\"\u003e\u003ci class=\"fas fa-chevron-left\"\u003e\u003c\/i\u003e\u003c\/button\u003e\n \u003cbutton class=\"carousel-btn next\"\u003e\u003ci class=\"fas fa-chevron-right\"\u003e\u003c\/i\u003e\u003c\/button\u003e\n \u003cdiv class=\"carousel-dots\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PARA QUIÉN ES \/ NO ES --\u003e\n \u003csection class=\"for-whom-section\"\u003e\n \u003ch2 class=\"text-center\"\u003e¿PARA QUIÉN ES ESTE EBOOK?\u003c\/h2\u003e\n\n \u003cdiv class=\"for-whom-grid\"\u003e\n \u003cdiv class=\"for-whom-card\"\u003e\n \u003ch3\u003e\n\u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e ES PARA VOS SI...\u003c\/h3\u003e\n \u003cul class=\"for-whom-items\"\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eNunca hiciste BARF.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eQuerés dejar el alimento balanceado.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eQuerés entender cómo alimentar mejor.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eBuscás una guía práctica.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"for-whom-card\"\u003e\n \u003ch3\u003e\n\u003ci class=\"fas fa-times-circle\"\u003e\u003c\/i\u003e NO ES PARA VOS SI...\u003c\/h3\u003e\n \u003cul class=\"for-whom-items\"\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-times\"\u003e\u003c\/i\u003e\n \u003cspan\u003eBuscás recetas milagrosas.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-times\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEsperás resultados sin aplicar.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-times\"\u003e\u003c\/i\u003e\n \u003cspan\u003eNo tenés interés en aprender.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"for-whom-item\"\u003e\n \u003ci class=\"fas fa-times\"\u003e\u003c\/i\u003e\n \u003cspan\u003ePrefieres solo seguir indicaciones.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- OFERTA PRINCIPAL --\u003e\n \u003csection class=\"offer-section\" id=\"offer\"\u003e\n \u003cdiv class=\"offer-box\"\u003e\n \u003cp class=\"offer-label\"\u003eOferta por Tiempo Limitado\u003c\/p\u003e\n \u003ch2 class=\"offer-title\"\u003eHoy Obtenés\u003c\/h2\u003e\n\n \u003cdiv class=\"offer-content\"\u003e\n \u003cp style=\"font-size: 16px; margin-bottom: 20px;\"\u003e✅ Ebook Completo\u003cbr\u003e✅ 4 Bonus Gratis\u003c\/p\u003e\n \u003cdiv style=\"margin: 20px 0;\"\u003e\n \u003cspan class=\"price-old\"\u003e$39.999 ARS\u003c\/span\u003e\n \u003cspan class=\"price-new\"\u003e$16.999 ARS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"discount-badge\"\u003e🔥 57% OFF - Válido Hoy\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"https:\/\/alimentacionnatural.store\/cart\/add?id=51194356695361\u0026amp;quantity=1\u0026amp;return_to=\/checkout\" class=\"btn-cta\"\u003e\n Descargar Ebook Ahora \u003ci class=\"fas fa-download\"\u003e\u003c\/i\u003e\n \u003c\/a\u003e\n\n \u003cdiv class=\"security-checks\"\u003e\n \u003cdiv class=\"security-check\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eDescarga inmediata\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"security-check\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eCompra protegida\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"security-check\"\u003e\n \u003ci class=\"fas fa-check\"\u003e\u003c\/i\u003e\n \u003cspan\u003eAcceso para siempre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- COMPRA SEGURA + CAMBIO REAL (movido aquí abajo del offer-box) --\u003e\n \u003cdiv class=\"suffers-benefits\" style=\"margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-top: 30px; border-top: none;\"\u003e\n \u003cdiv class=\"benefit-box\"\u003e\n \u003ci class=\"fas fa-lock\" style=\"color: var(--primary); font-size: 24px; margin-bottom: 10px; display: block;\"\u003e\u003c\/i\u003e\n \u003ch3 style=\"font-size: 18px; color: var(--primary); margin-bottom: 8px;\"\u003eCompra Segura\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: var(--text-light); margin: 0;\"\u003ePago protegido, descarga inmediata, garantía de acceso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-box\"\u003e\n \u003ci class=\"fas fa-calendar-check\" style=\"color: var(--accent); font-size: 24px; margin-bottom: 10px; display: block;\"\u003e\u003c\/i\u003e\n \u003ch3 style=\"font-size: 18px; color: var(--accent); margin-bottom: 8px;\"\u003eCambio Real en Semanas\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: var(--text-light); margin: 0;\"\u003eResultados visibles: piel, energía, digestión mejorada\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ --\u003e\n \u003csection class=\"faq-section\"\u003e\n \u003cdiv class=\"faq-title\"\u003e\n \u003ch2\u003ePreguntas Frecuentes\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Necesito freezer?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n No es obligatorio, pero es muy recomendable. El freezer te permite preparar porciones para varias semanas y congelar la carne antes de darla, lo que elimina prácticamente cualquier riesgo.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Sirve para cachorros?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n Sí, absolutamente. La guía incluye tablas específicas para cachorros en crecimiento, que requieren un porcentaje diferente de alimentos que los adultos.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Y para perros mayores?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n Claro. Los perros mayores se benefician mucho de BARF porque la comida es más digerible y natural. El ebook explica cómo adaptar el método a cada etapa.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Recibo el ebook al instante?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n Sí. Después de completar el pago, recibirás un email automático con el enlace de descarga en menos de 1 minuto.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Cómo lo descargo?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n Es un archivo PDF. Lo descargas desde el enlace del email y lo puedes abrir en tu celular, tablet o computadora con cualquier lector de PDF.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Necesito conocimientos previos?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n No. La guía está diseñada para principiantes. Todo está explicado sin tecnicismos, paso a paso.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Puedo verlo desde el celular?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n Sí. El PDF es totalmente responsive y se ve perfecto en cualquier dispositivo. Muchos usuarios lo leen en celular mientras compran en el supermercado.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-btn\"\u003e\n ¿Es muy caro alimentar así?\n \u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-content\"\u003e\n \u003cdiv class=\"faq-body\"\u003e\n No es un mito. Si compras en carnicerías de barrio y aprovechas ofertas, suele costar lo mismo o menos que un alimento balanceado de buena calidad.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cta-final\"\u003e\n \u003ch2\u003eTu Perro Depende de las Decisiones que Tomás Hoy\u003c\/h2\u003e\n \u003cp\u003eEmpezá a alimentarlo con más confianza y aprendé el método BARF paso a paso.\u003c\/p\u003e\n \n \u003ca href=\"https:\/\/alimentacionnatural.store\/cart\/add?id=51194356695361\u0026amp;quantity=1\u0026amp;return_to=\/checkout\" class=\"btn-cta\"\u003e\n Quiero Descargar el Ebook Ahora \u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e\n \u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- CTA FLOTANTE MÓVIL --\u003e\n \u003cdiv class=\"floating-cta\" id=\"floatingCTA\"\u003e\n \u003ca href=\"https:\/\/alimentacionnatural.store\/cart\/add?id=51194356695361\u0026amp;quantity=1\u0026amp;return_to=\/checkout\"\u003e\n Comprar Ahora - $16.999 \u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003c!-- NOTIFICACIÓN FLOTANTE --\u003e\n \u003cdiv class=\"float-notify\" id=\"floatNotify\" style=\"pointer-events: auto;\"\u003e\n \u003cdiv class=\"notify-avatar\"\u003e🐾\u003c\/div\u003e\n \u003cdiv class=\"notify-text\"\u003e\n \u003cb\u003eNueva Compra\u003c\/b\u003e\n \u003cspan id=\"notifyText\"\u003eAlguien compró hace un momento\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- FOOTER --\u003e\n \u003cfooter\u003e\n \u003ci class=\"fas fa-paw\" style=\"font-size: 24px; color: var(--accent);\"\u003e\u003c\/i\u003e\n \u003ch4\u003eAlimentación Natural BARF\u003c\/h4\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"#\"\u003eTérminos y Condiciones\u003c\/a\u003e\n \u003ca href=\"#\"\u003ePolítica de Privacidad\u003c\/a\u003e\n \u003ca href=\"#\"\u003eContacto\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 Alimentación Natural. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/footer\u003e\n\n \u003c!-- JAVASCRIPT --\u003e\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n\n \/\/ ═══════════════════════════════════════════════════════════════\n \/\/ TESTIMONIOS (8 FICTICIOS REALISTAS)\n \/\/ ═══════════════════════════════════════════════════════════════\n const testimonials = [\n {\n name: \"Carla V.\",\n city: \"Buenos Aires\",\n date: \"Hace 5 días\",\n text: \"Mi perro no paraba de rascarse. A los 15 días con BARF el cambio fue increíble. La guía es fácil de entender, sin tecnicismos. Ya no tiene otitis y duerme mejor.\"\n },\n {\n name: \"Matías G.\",\n city: \"Córdoba\",\n date: \"Hace 3 semanas\",\n text: \"Tenía miedo de los huesos, pero el ebook explica todo clarísimo. Mi Labrador tiene mucha más energía ahora y las heces son más pequeñas. Vale cada peso.\"\n },\n {\n name: \"Andrea M.\",\n city: \"Rosario\",\n date: \"Hace 5 días\",\n text: \"Seguí el plan paso a paso y fue mucho más fácil de lo que imaginé. Mi perrita de 8 años se ve como cachorra. Los menús listos ahorran tiempo.\"\n },\n {\n name: \"Julián P.\",\n city: \"Mendoza\",\n date: \"Hace 3 semanas\",\n text: \"La transición salió perfecto sin diarreas. Mi perro come con más apetito y el pelaje cambió. Recomiendo esta guía a todos mis amigos.\"\n },\n {\n name: \"Sofía L.\",\n city: \"La Plata\",\n date: \"Hace 5 días\",\n text: \"No sabía por dónde empezar. Todo en la guía es sencillo y práctico. Es como tener un nutricionista canino en PDF. Calidad de vida para mi perro.\"\n },\n {\n name: \"Roberto H.\",\n city: \"Tucumán\",\n date: \"Hace 3 semanas\",\n text: \"Dejamos el balanceado hace un mes. Mi Jack Russell ahora tiene mejor digestión y no tiene gases. La calculadora de porciones es genial.\"\n },\n {\n name: \"Martina C.\",\n city: \"Mar del Plata\",\n date: \"Hace 5 días\",\n text: \"Mi Golden tiene alergia y probé todo. Con BARF mejoró notablemente en dos semanas. La lista de alimentos permitidos y prohibidos es invaluable.\"\n },\n {\n name: \"Carlos D.\",\n city: \"Salta\",\n date: \"Hace 3 semanas\",\n text: \"La guía está bien estructurada. Empecé desde cero sin experiencia y funcionó a la primera. Mi perro está más feliz y yo más tranquilo.\"\n }\n ];\n\n \/\/ Renderizar testimonios en carrusel\n const carousel = document.getElementById('testimonialCarousel');\n const slides = carousel.querySelector('.carousel-slides');\n const dotsContainer = carousel.querySelector('.carousel-dots');\n\n testimonials.forEach((test, idx) =\u003e {\n const slide = document.createElement('div');\n slide.className = 'carousel-slide';\n slide.innerHTML = `\n \u003cdiv class=\"testimonial-stars\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-name\"\u003e${test.name} - ${test.city}\u003c\/div\u003e\n \u003cdiv class=\"testimonial-date\"\u003e${test.date}\u003c\/div\u003e\n \u003cp class=\"testimonial-text\"\u003e\"${test.text}\"\u003c\/p\u003e\n `;\n slides.appendChild(slide);\n\n const dot = document.createElement('div');\n dot.className = idx === 0 ? 'dot active' : 'dot';\n dot.addEventListener('click', () =\u003e moveCarousel(idx));\n dotsContainer.appendChild(dot);\n });\n\n \/\/ ═══════════════════════════════════════════════════════════════\n \/\/ CARRUSEL LÓGICA\n \/\/ ═══════════════════════════════════════════════════════════════\n let currentSlide = 0;\n\n function moveCarousel(idx) {\n currentSlide = idx;\n slides.style.transform = `translateX(-${currentSlide * 100}%)`;\n updateDots();\n }\n\n function updateDots() {\n const dots = dotsContainer.querySelectorAll('.dot');\n dots.forEach((d, i) =\u003e d.classList.toggle('active', i === currentSlide));\n }\n\n carousel.querySelector('.next').addEventListener('click', () =\u003e {\n currentSlide = (currentSlide + 1) % testimonials.length;\n moveCarousel(currentSlide);\n });\n\n carousel.querySelector('.prev').addEventListener('click', () =\u003e {\n currentSlide = (currentSlide - 1 + testimonials.length) % testimonials.length;\n moveCarousel(currentSlide);\n });\n\n \/\/ Swipe táctil\n let startX = 0;\n carousel.addEventListener('touchstart', e =\u003e startX = e.changedTouches[0].screenX);\n carousel.addEventListener('touchend', e =\u003e {\n const endX = e.changedTouches[0].screenX;\n if (startX - endX \u003e 50) {\n currentSlide = (currentSlide + 1) % testimonials.length;\n moveCarousel(currentSlide);\n }\n if (endX - startX \u003e 50) {\n currentSlide = (currentSlide - 1 + testimonials.length) % testimonials.length;\n moveCarousel(currentSlide);\n }\n });\n\n \/\/ ═══════════════════════════════════════════════════════════════\n \/\/ TEMPORIZADOR\n \/\/ ═══════════════════════════════════════════════════════════════\n let timeRemaining = 15 * 60;\n\n function updateTimer() {\n let mins = Math.floor(timeRemaining \/ 60);\n let secs = timeRemaining % 60;\n const mStr = mins \u003c 10 ? '0' + mins : mins;\n const sStr = secs \u003c 10 ? '0' + secs : secs;\n\n const headerTimer = document.getElementById('headerTimer');\n if (headerTimer) headerTimer.textContent = `${mStr}:${sStr}`;\n\n if (--timeRemaining \u003c 0) timeRemaining = 900;\n }\n\n setInterval(updateTimer, 1000);\n updateTimer();\n\n \/\/ ═══════════════════════════════════════════════════════════════\n \/\/ CARRUSEL BONUS\n \/\/ ═══════════════════════════════════════════════════════════════\n const bonusCarouselEl = document.getElementById('bonusCarousel');\n if (bonusCarouselEl) {\n const bonusSlides = bonusCarouselEl.querySelector('.bonus-slides');\n const bonusDotsContainer = bonusCarouselEl.querySelector('.bonus-carousel-dots');\n let currentBonusSlide = 0;\n const bonusCount = 4;\n\n \/\/ Crear dots\n for (let i = 0; i \u003c bonusCount; i++) {\n const dot = document.createElement('div');\n dot.className = i === 0 ? 'bonus-dot active' : 'bonus-dot';\n dot.addEventListener('click', () =\u003e moveBonusCarousel(i));\n bonusDotsContainer.appendChild(dot);\n }\n\n function moveBonusCarousel(idx) {\n currentBonusSlide = idx;\n bonusSlides.style.transform = `translateX(-${currentBonusSlide * 100}%)`;\n updateBonusDots();\n }\n\n function updateBonusDots() {\n const dots = bonusDotsContainer.querySelectorAll('.bonus-dot');\n dots.forEach((d, i) =\u003e d.classList.toggle('active', i === currentBonusSlide));\n }\n\n bonusCarouselEl.querySelector('.next').addEventListener('click', () =\u003e {\n currentBonusSlide = (currentBonusSlide + 1) % bonusCount;\n moveBonusCarousel(currentBonusSlide);\n });\n\n bonusCarouselEl.querySelector('.prev').addEventListener('click', () =\u003e {\n currentBonusSlide = (currentBonusSlide - 1 + bonusCount) % bonusCount;\n moveBonusCarousel(currentBonusSlide);\n });\n\n \/\/ Swipe táctil\n let startX = 0;\n bonusCarouselEl.addEventListener('touchstart', e =\u003e startX = e.changedTouches[0].screenX);\n bonusCarouselEl.addEventListener('touchend', e =\u003e {\n const endX = e.changedTouches[0].screenX;\n if (startX - endX \u003e 50) {\n currentBonusSlide = (currentBonusSlide + 1) % bonusCount;\n moveBonusCarousel(currentBonusSlide);\n }\n if (endX - startX \u003e 50) {\n currentBonusSlide = (currentBonusSlide - 1 + bonusCount) % bonusCount;\n moveBonusCarousel(currentBonusSlide);\n }\n });\n }\n\n \/\/ ═══════════════════════════════════════════════════════════════\n \/\/ FAQ ACORDEÓN\n \/\/ ═══════════════════════════════════════════════════════════════\n document.querySelectorAll('.faq-btn').forEach(btn =\u003e {\n btn.addEventListener('click', () =\u003e {\n const item = btn.parentElement;\n const isOpen = item.classList.contains('active');\n\n document.querySelectorAll('.faq-item').forEach(i =\u003e {\n i.classList.remove('active');\n i.querySelector('.faq-content').style.maxHeight = null;\n });\n\n if (!isOpen) {\n item.classList.add('active');\n const content = item.querySelector('.faq-content');\n content.style.maxHeight = content.scrollHeight + 'px';\n }\n });\n });\n\n \/\/ ═══════════════════════════════════════════════════════════════\n \/\/ BARRA PROGRESO + CTA FLOTANTE MÓVIL\n \/\/ ═══════════════════════════════════════════════════════════════\n const floatingCTA = document.getElementById('floatingCTA');\n const isMobile = window.innerWidth \u003c= 768;\n\n window.addEventListener('scroll', () =\u003e {\n const scrollTop = window.scrollY;\n const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n const scrollPercent = (scrollTop \/ docHeight) * 100;\n document.getElementById('progressBar').style.width = scrollPercent + '%';\n\n if (isMobile \u0026\u0026 scrollTop \u003e 500) {\n floatingCTA.classList.add('show');\n } else if (isMobile) {\n floatingCTA.classList.remove('show');\n }\n });\n\n \/\/ ═══════════════════════════════════════════════════════════════\n \/\/ NOTIFICACIÓN FLOTANTE (SOCIAL PROOF)\n \/\/ ═══════════════════════════════════════════════════════════════\n const buyers = [\n { name: \"Luciana\", city: \"Buenos Aires\" },\n { name: \"Marcos\", city: \"Córdoba\" },\n { name: \"Andrea\", city: \"Rosario\" },\n { name: \"Julián\", city: \"Mendoza\" },\n { name: \"Sofía\", city: \"La Plata\" },\n { name: \"Roberto\", city: \"Tucumán\" },\n { name: \"Martina\", city: \"Mar del Plata\" },\n { name: \"Carlos\", city: \"Salta\" },\n { name: \"Gabriela\", city: \"Santa Fe\" },\n { name: \"Diego\", city: \"Buenos Aires\" },\n { name: \"Paula\", city: \"Córdoba\" },\n { name: \"Fernando\", city: \"Rosario\" },\n { name: \"Alejandra\", city: \"Mendoza\" },\n { name: \"Gustavo\", city: \"La Plata\" },\n { name: \"Valeria\", city: \"Tucumán\" },\n { name: \"Pablo\", city: \"Mar del Plata\" },\n { name: \"Lorena\", city: \"Salta\" },\n { name: \"Javier\", city: \"Santa Fe\" },\n { name: \"Romina\", city: \"Buenos Aires\" },\n { name: \"Alberto\", city: \"Córdoba\" },\n { name: \"Daniela\", city: \"Rosario\" }\n ];\n\n const floatNotify = document.getElementById('floatNotify');\n const notifyText = document.getElementById('notifyText');\n\n function showNotification() {\n if (!floatNotify || !notifyText) {\n console.error('Elementos flotantes no encontrados');\n return;\n }\n \n const buyer = buyers[Math.floor(Math.random() * buyers.length)];\n notifyText.textContent = `${buyer.name} de ${buyer.city} compró la guía BARF`;\n \n floatNotify.classList.add('show');\n \n setTimeout(() =\u003e {\n floatNotify.classList.remove('show');\n }, 4500);\n }\n\n \/\/ INICIAR NOTIFICACIONES DESPUÉS DE 5 SEGUNDOS\n setTimeout(() =\u003e {\n showNotification();\n \/\/ REPETIR CADA 22 SEGUNDOS\n setInterval(showNotification, 22000);\n }, 5000);\n\n });\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Alimentacion BARF","offers":[{"title":"Default Title","offer_id":48024252940514,"sku":null,"price":16999.0,"currency_code":"ARS","in_stock":true}]}],"url":"https:\/\/alimentacionnatural.store\/collections\/frontpage.oembed","provider":"Alimentacion BARF","version":"1.0","type":"link"}